Release v0.0.19

Release v0.0.19

🎉 Stable release published to NPM!

Installation

npm install @juspay/blend-design-system@latest
# or
npm install @juspay/blend-design-system@0.0.19

NPM Package Info

• Package: @juspay/blend-design-system
• Version: 0.0.19
• Tag: latest
• Published: $(date -u)

What's Changed

This stable release includes all changes from the corresponding beta version.

---

Full Changelog: https://github.com/juspay/blend-design-system/releases

Beta Release v0.0.19-beta

Changelog for v0.0.19-beta (Beta)

This is a beta release from the staging branch. Changes since last tag:

• Merge pull request #442 from juspay/dev (578256e)
• Merge pull request #441 from juspay/release/update-beta-version-0.0.19-beta (e741ce4)
• chore(release): v0.0.19-beta [BETA] (c87e938)
• Merge pull request #440 from juspay/dev (b0cf0dc)
• Merge pull request #435 from juspay/fix/submenu (dd54ea8)
• Merge pull request #437 from juspay/bug-fix/data-display (f581333)
• Merge branch 'dev' into bug-fix/data-display (cbcbfd6)
• Merge pull request #439 from juspay/DS-436-improved-calendar (aa31558)
• feat: enhance DateRangePicker styles for disabled state (d341a4b)
• feat: add custom range configuration and enhance date range presets (919704f)
• feat: added smooth scroll in tablist (ed69135)
• feat: added title truncation (a9fd5be)
• fix: fixed popover trigger width issue (5de8590)
• fix: update zIndex values for Menu component (8e5f324)
• Merge pull request #432 from juspay/dev (16b805b)
• Merge pull request #431 from juspay/release/update-stable-version-0.0.18 (7029db7)
• chore(release): v0.0.18 [STABLE] (1f55c9c)
• Merge pull request #429 from juspay/dev (ff4b374)
• fix: chart labels margin (#428) (2ab5040)
• feat: enhance preset detection and add yesterday range example (#426) (e848d2e)
• Update data table , calendar, drawer, sidebar (#427) (89ff68c)
• Merge pull request #423 from juspay/dev (459ab08)
• Merge pull request #422 from juspay/release/update-beta-version-0.0.18-beta (bb3c71e)
• chore(release): v0.0.18-beta [BETA] (62318ce)

Release v0.0.18

Release v0.0.18

🎉 Stable release published to NPM!

Installation

npm install @juspay/blend-design-system@latest
# or
npm install @juspay/blend-design-system@0.0.18

NPM Package Info

• Package: @juspay/blend-design-system
• Version: 0.0.18
• Tag: latest
• Published: $(date -u)

What's Changed

This stable release includes all changes from the corresponding beta version.

---

Full Changelog: https://github.com/juspay/blend-design-system/releases

Beta Release v0.0.18-beta

Changelog — Pre-Release v0.0.18-beta

Global (#421) (74fb6da)

• Standardized and fixed z-index layers across multiple components to ensure consistent overlay behavior and reduce stacking conflicts.

Data Table (#419) (38c3cdf)

• Introduced Apply Reset support, allowing users to quickly revert applied filters or selections back to default state.

MultiSelect (#419) (38c3cdf)

• Added Apply Reset support for better control and user flexibility in clearing selections.

Charts (#419) (38c3cdf) (#416) (72a8611)

• Fixed border-radius rendering in collapsed chart state for improved visual consistency.
• Refined date-time axis formatting by removing unnecessary year display and enhancing smart formatting logic.

Date Picker (#417) (ba6cc1a)

• Improved date-range reset logic for more predictable behavior when clearing ranges.
• Enhanced single-date handling, ensuring more reliable selection and reset flows.

Release v0.0.17

Changelog — Stable Release 0.0.17

KeyValuePair

• Added key-value export from lib.
• Restructured tokens for styling consistency.
• Introduced horizontalGap token for better spacing control.
• Simplified fontSize structure in KeyValuePair tokens.
• Removed unused padding and fontSize tokens.
• Updated overall token structure for clarity.
• Ran project-wide formatting.

Single & MultiSelect

• Added width control for SingleSelectDropdown using props.
• Dropdown width will now match the trigger width (max).
• By default, the trigger width is auto; developers can use fullWidth: boolean prop to make it span full width.
• Enhanced search functionality in both Menu and SingleSelect.

Menu

• Improved search functionality for more accurate and faster filtering.

Single Stats

• Exposed a new height prop to control the height of the StatCard.

Sidebar

• Added TenantItem type and enhanced tenant arrangement in SidebarFooter.
• Implemented topbar auto-hide functionality in Sidebar.
• Updated NavItem and TenantPanel styles for better active state visibility.
• Simplified TenantItem styling and adjusted padding in SidebarHeader.
• Updated type for leftSlot prop in NavItem.
• Applied formatting across Sidebar components.

Workflow (CI/CD)

• Added automatic code formatting before commits for consistency.

Calendar

• Optimized month height calculation and improved visibility logic.
• Added size prop to DateRangePicker and QuickRangeSelector.
• Adjusted padding values for responsive design.

Charts

• Added support for scatter charts.

---

This release improves consistency, usability, and developer experience across multiple components while adding new functionality in Charts, Sidebar, and Calendar.

Beta Release v0.0.17-beta

Changelog for v0.0.17-beta (Beta)

This is a beta release from the staging branch. Changes since last tag:

• Dev to staging (#395) (34f2c11)
• Bug fix/stats and dropdowns (#394) (6b85a29)
• Merge pull request #393 from juspay/fix/keyvalue-export (58197fb)
• Merge pull request #388 from juspay/dev (82fa691)
• Merge pull request #387 from juspay/release/update-stable-version-0.0.16 (c96148e)
• chore(release): v0.0.16 [STABLE] (a4bda09)
• Merge pull request #385 from juspay/dev (153788a)
• feat: implement DateRangePicker component with action buttons (#383) (f5ca36b)
• 380 hover state for footer links of landing page (#382) (9a93075)
• feat: enhance sorting functionality in DataTable by adding isSortable checks (#381) (4085f19)
• feat: add search functionality to submenus with customizable placeholder (#378) (d338a53)
• feat: added the skeleton loading setup and demo for button (#357) (6995689)
• Merge pull request #374 from juspay/dev (3e317c2)
• Merge pull request #373 from juspay/release/update-beta-version-0.0.16-beta (2ae865a)
• chore(release): v0.0.16-beta [BETA] (73c6b02)

Release v0.0.16

Release v0.0.16

🎉 Stable release published to NPM!

Installation

npm install @juspay/blend-design-system@latest
# or
npm install @juspay/blend-design-system@0.0.16

NPM Package Info

• Package: @juspay/blend-design-system
• Version: 0.0.16
• Tag: latest
• Published: $(date -u)

What's Changed

This stable release includes all changes from the corresponding beta version.

---

Full Changelog: https://github.com/juspay/blend-design-system/releases

Beta Release v0.0.16-beta

Charts (#371) (b5baca1)

• Handled tooltip auxiliary data for different formats (number, currency, percentage, timestamp, etc.).
• Fixed OTP input last block overriding issue.

Topbar (#291) (9903496)

• Added Topbar component for mWeb.
• Refactored Topbar into a separate component for reusability.

Website (#338) (59704ae) (#340) (90f698e)

• Implemented changelog section on the design system website.
• Added Getting Started page.
• Added Contribution page.
• Fixed visibility issue of /docs/components page.
• Changed default landing page to /docs/getting-started.
• Added component categories in /docs/components route.
• Added changelog for stable version 0.0.15.
• Added documentation for each component under /docs.

Snackbar (#367) (2b33931) (#342) (ac025da)

• Added auto-dismiss prop for automatic closing.
• Updated action color for better visibility.

Switch (#362) (4df95b4)

• Fixed type definition of the label prop: changed from ReactNode to string.

Checkbox #364) (e93e22a)

• Removed unused CheckboxCheckedState type from types.ts.
• Updated checkbox.token.ts to replace type usage with inline unions.
• Updated StyledCheckbox.tsx to replace type imports with inline unions.

Menu (#345) (a089300)

• Added tooltip support, consistent with single and multi-select components.

Release v0.0.15

Changelog for v0.0.15

• Modal Component #323 (b687243)

  • Added portal support for rendering modals more flexibly.

• New Components #330 (d185ad0)

  • ChartContainer: Reusable wrapper providing consistent chart styling (borders, background, border-radius). Useful for dashboard and grid layouts.
  • CoreChart: Pure chart rendering component without styling overhead. Supports external state management for hover/selection and performance-critical use cases.

• Charts #330 (d185ad0)

  • Introduced advanced date/time formatting with timezone support, 12/24-hour control, smart formatting, and multiple input types.
  • Enhances readability and flexibility for time-series data visualization.

• Snackbar Component (#311) (44fc39b)

  • Added icons for all snackbar variants to improve clarity and UX.

• Data Table (#324) (120b09a)

  • Fixed focus behavior in “manage columns” search bar.
  • Corrected alignment of the manage columns dropdown, preventing it from shifting too far to the right.

Beta Release v0.0.15-beta

Changelog for v0.0.15-beta (Beta)

• Modal Component #323 (b687243)

  • Added portal support for rendering modals more flexibly.

• New Components #330 (d185ad0)

  • ChartContainer: Reusable wrapper providing consistent chart styling (borders, background, border-radius). Useful for dashboard and grid layouts.
  • CoreChart: Pure chart rendering component without styling overhead. Supports external state management for hover/selection and performance-critical use cases.

• Charts #330 (d185ad0)

  • Introduced advanced date/time formatting with timezone support, 12/24-hour control, smart formatting, and multiple input types.
  • Enhances readability and flexibility for time-series data visualization.

• Snackbar Component (#311) (44fc39b)

  • Added icons for all snackbar variants to improve clarity and UX.

• Data Table (#324) (120b09a)

  • Fixed focus behavior in “manage columns” search bar.
  • Corrected alignment of the manage columns dropdown, preventing it from shifting too far to the right.