Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity
a882453ff1
PromucFlow_constructor/app/client/packages/design-system/ads/src/SegmentedControl
History
albinAppsmith 4c278803cd
fix: Revert "Revert "feat: Added focus ring for focus visible (#37700)" (#… (#38655) 
…38650)"

This reverts commit e1b3b0df00.

## Description
> [!TIP]  
> _Add a TL;DR when the description is longer than 500 words or
extremely technical (helps the content, marketing, and DevRel team)._
>
> _Please also include relevant motivation and context. List any
dependencies that are required for this change. Add links to Notion,
Figma or any other documents that might be relevant to the PR._


Fixes #`Issue Number`  
_or_  
Fixes `Issue URL`
> [!WARNING]  
> _If no issue exists, please create an issue first, and check with the
maintainers if the issue is valid._

## Automation

/ok-to-test tags="@tag.All"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/13106069580>
> Commit: 7f7dcd2f14650de40864e2d80f02a1528d7562bc
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=13106069580&attempt=2"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.All`
> Spec:
> <hr>Mon, 03 Feb 2025 05:27:48 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [ ] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **Style Updates**
	- Enhanced focus visibility across multiple design system components.
	- Updated focus styles to use `outline` with `!important` flag.
	- Improved focus ring and outline handling for better accessibility.

- **Design System Refinements**
- Modified focus handling in buttons, inputs, links, and other
interactive elements.
	- Standardized focus state styling across components.
	- Introduced more consistent visual feedback for keyboard navigation.

- **CSS Improvements**
	- Removed outline-disabling styles from global CSS.
	- Added more precise focus indication mechanisms.
	- Adjusted padding and outline properties for various components.
- Simplified styling and structure of the `PropertyPaneSearchInput`
component.
- Introduced new focus styles for the select component to enhance visual
distinction.
- Enhanced the focus state for the `ColorPickerComponent` and
`IconSelectControl` components.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2025-02-03 11:12:29 +05:30
..
index.ts chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
SegmentedControl.constants.ts chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
SegmentedControl.mdx chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
SegmentedControl.stories.tsx chore:ads package (#35193) 2024-07-29 16:23:26 +03:00
SegmentedControl.styles.tsx fix: Revert "Revert "feat: Added focus ring for focus visible (#37700)" (#… (#38655) 2025-02-03 11:12:29 +05:30
SegmentedControl.tsx chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
SegmentedControl.types.ts chore:ads package (#35193) 2024-07-29 16:23:26 +03:00