Skip to content

Conversation

@pixelflips
Copy link
Member

Description

Updates Figma Connect files for pds-input, pds-select, and pds-textarea components to support the newly added highlight prop.

Changes

  • Added highlight boolean prop mapping to pds-input.figma.ts (shared props and both TEXT/SEARCH variants)
  • Added highlight boolean prop mapping to pds-select.figma.ts
  • Added highlight boolean prop mapping to pds-textarea.figma.ts

This ensures the Figma Connect integration properly syncs the highlight state between Figma designs and code implementations.

Fixes https://kajabi.atlassian.net/browse/DSS-1565

Screenshot
Screenshot 2025-10-30 at 9 21 20 AM

Type of change

  • This change requires a documentation update

How Has This Been Tested?

  • tested manually
    • Verified all three Figma Connect files pass linting
    • Confirmed highlight prop definitions follow existing boolean prop patterns
    • Validated syntax matches other components (pds-switch, pds-checkbox)
    • Verified highlight prop displays properly in Figma library

Test Configuration:

  • Pine versions:
  • OS:
  • Browsers:
  • Screen readers:
  • Misc:

Checklist:

If not applicable, leave options unchecked.

  • My code follows the style guidelines of this project
  • I have performed a self-review of my code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing tests pass locally with my changes
  • Design has QA'ed and approved this PR

@netlify
Copy link

netlify bot commented Oct 30, 2025

Deploy Preview for pine-design-system ready!

Name Link
🔨 Latest commit 92d9bdb
🔍 Latest deploy log https://app.netlify.com/projects/pine-design-system/deploys/69039ddb0205fb0008dec7d5
😎 Deploy Preview https://deploy-preview-573--pine-design-system.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@pixelflips pixelflips self-assigned this Oct 30, 2025
@github-actions github-actions bot added documentation Improvements or additions to documentation package: core Changes have been made to the Core package labels Oct 30, 2025
@pixelflips pixelflips marked this pull request as ready for review October 30, 2025 16:56
@pixelflips pixelflips merged commit 45eb0ff into main Oct 30, 2025
30 of 36 checks passed
@pixelflips pixelflips deleted the docs/add-highlight-codeconnect branch October 30, 2025 19:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation package: core Changes have been made to the Core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants