one-click-accessibility/modules/settings/assets/js/icons/accessibility-person.js
Nirbhay Singh 769cf52b52
[APP-1168] widget icon radius
* add: icon radius component

* add: icon radius component

* update: add support for widget radius

* fix: minor ui fixes

* fix: resolve comments

* fix: alignment of the icon

* update: add styled components

* add: corner radius mixpanel event

* fix: corner radius should have default values when no value is set based on icon

* fix: icon radius input style

* add: accessibility attributes

* fix: active states color

* add: logic to control invalid inputs

* update: make aria attributes translatable

* update: styled component names

* add: spacing between the components
2025-04-09 16:19:27 +05:30

26 lines
717 B
JavaScript

import SvgIcon from '@elementor/ui/SvgIcon';
import { useSettings } from '@ea11y/hooks';
function AccessibilityPersonIcon({ size }, props) {
const { iconDesign } = useSettings();
const strokeColor = `lch(from ${iconDesign?.color || '#fff'} calc((50 - l) * 100) 0 0)`;
return (
<SvgIcon
viewBox="0 0 19 25"
fill="none"
sx={{ marginRight: 0, fontSize: size, paddingRight: '1px' }}
{...props}
>
<path
d="m4.834 23.375 5-7.5m0 0 5 7.5m-5-7.5v-5m0 0 7.5-2.5m-7.5 2.5-7.5-2.5m8.75-5.5a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z"
stroke={strokeColor}
strokeWidth="3"
strokeLinecap="round"
strokeLinejoin="round"
/>
</SvgIcon>
);
}
export default AccessibilityPersonIcon;