pixel-react 1.15.85 → 1.15.87

package/lib/components/RadioButton/RadioButton.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './RadioButton.scss';
 import Tooltip from '../Tooltip';
 import Typography from '../Typography';
-const RadioButton = ({ label, name, checked, onChange, value, disabled = false, showTooltip = false, tooltipChildren = 'Custom JSX', tooltipTitle = 'Custom JSX', tooltipPosition = 'right', onBlur = () => { }, }) => {
-    return (_jsxs("div", { className: "ff-radio-wrapper", onClick: (event) => event.stopPropagation(), children: [_jsxs("label", { className: `ff-radio ${disabled ? 'ff-radio--disabled' : ''}`, children: [_jsx("input", { disabled: disabled, type: "radio", name: name, value: value, checked: checked, onChange: onChange, onBlur: onBlur, className: "ff-radio-input" }), _jsx("div", { className: "ff-radio-custom", children: _jsx("div", { className: "ff-radio-custom-fill" }) }), _jsx(Typography, { color: "var(--text-color)", children: label })] }), showTooltip && (_jsx(Tooltip, { title: tooltipTitle, placement: tooltipPosition, children: tooltipChildren }))] }));
+const RadioButton = ({ label, name, checked, onChange, value, disabled = false, showTooltip = false, tooltipChildren = 'Custom JSX', tooltipTitle = 'Custom JSX', tooltipPosition = 'right', onBlur = () => { }, alignIconCenter = true, }) => {
+    return (_jsxs("div", { className: "ff-radio-wrapper", onClick: (event) => event.stopPropagation(), children: [_jsxs("label", { className: `ff-radio ${alignIconCenter ? 'ff-radio-align-icon' : ''} ${disabled ? 'ff-radio--disabled' : ''}`, children: [_jsx("input", { disabled: disabled, type: "radio", name: name, value: value, checked: checked, onChange: onChange, onBlur: onBlur, className: "ff-radio-input" }), _jsx("div", { className: "ff-radio-custom", children: _jsx("div", { className: "ff-radio-custom-fill" }) }), _jsx(Typography, { color: "var(--text-color)", children: label })] }), showTooltip && (_jsx(Tooltip, { title: tooltipTitle, placement: tooltipPosition, children: tooltipChildren }))] }));
 };
 export default RadioButton;
 //# sourceMappingURL=RadioButton.js.map

package/lib/components/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,MAAM,WAAW,GAA+B,CAAC,EAC/C,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,KAAK,EACnB,eAAe,GAAG,YAAY,EAC9B,YAAY,GAAG,YAAY,EAC3B,eAAe,GAAG,OAAO,EACzB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,GAClB,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,CAAC,KAAuC,EAAE,EAAE,CACnD,KAAK,CAAC,eAAe,EAAE,aAGzB,iBAAO,SAAS,EAAE,YAAY,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAAE,aAClE,gBACE,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,gBAAgB,GAC1B,EACF,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cAAK,SAAS,EAAC,sBAAsB,GAAO,GACxC,EACN,KAAC,UAAU,IAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,EAAE,KAAK,GAAI,IACnD,EACP,WAAW,IAAI,CACd,KAAC,OAAO,IAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,YACrD,eAAe,GACR,CACX,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,MAAM,WAAW,GAA+B,CAAC,EAC/C,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,KAAK,EACnB,eAAe,GAAG,YAAY,EAC9B,YAAY,GAAG,YAAY,EAC3B,eAAe,GAAG,OAAO,EACzB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,eAAe,GAAG,IAAI,GACvB,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,CAAC,KAAuC,EAAE,EAAE,CACnD,KAAK,CAAC,eAAe,EAAE,aAGzB,iBACE,SAAS,EAAE,YAAY,eAAe,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IACjE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EACpC,EAAE,aAEF,gBACE,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,gBAAgB,GAC1B,EACF,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cAAK,SAAS,EAAC,sBAAsB,GAAO,GACxC,EACN,KAAC,UAAU,IAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,EAAE,KAAK,GAAI,IACnD,EACP,WAAW,IAAI,CACd,KAAC,OAAO,IAAC,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,YACrD,eAAe,GACR,CACX,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/RadioButton/radioButtonTypes.d.ts

@@ -53,6 +53,13 @@ interface RadioButtonProps {
      * Optional.
      */
     tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+    * Aligns the radio icon vertically centered with the label.
+    * When true, applies `ff-radio-align-icon`.
+    * Default is false.
+    * Optional.
+    */
+    alignIconCenter?: boolean;
     onBlur?: () => void;
 }
 export default RadioButtonProps;

package/lib/components/RadioGroup/RadioGroup.js

@@ -3,8 +3,8 @@ import './RadioGroup.scss';
 import classNames from 'classnames';
 import Typography from '../Typography';
 import RadioButton from '../RadioButton';
-const RadioGroup = ({ options, name, selectedValue, onChange, label, isLabel = false, isAsteriskRequired = false, className, classNameForLabel, isError = false, errorMessage = '', onBlur = () => { }, disabled, }) => {
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: classNames('ff-radio-group', className), onBlur: onBlur, children: [isLabel && (_jsxs(Typography, { fontWeight: "semi-bold", className: classNames(classNameForLabel), children: [' ', isAsteriskRequired && (_jsxs(Typography, { className: classNames('ff-required-asterisk'), children: ["*", ' '] })), label, ' '] })), options.map((option) => (_jsx(RadioButton, { label: option.label, showTooltip: option?.showTooltip, tooltipChildren: option?.tooltipChildren, tooltipTitle: option?.tooltipTitle, tooltipPosition: option?.tooltipPosition, name: name, value: option.value, checked: selectedValue?.toLowerCase() === option.value?.toLowerCase(), onChange: () => onChange?.(option), disabled: disabled || option.disabled }, option.value)))] }), isError && (_jsx(Typography, { as: "div", lineHeight: "15px", fontSize: 10, color: "var(--error_light)", className: "ff-radio-error-msg", children: errorMessage }))] }));
+const RadioGroup = ({ options, name, selectedValue, onChange, label, isLabel = false, isAsteriskRequired = false, className, classNameForLabel, isError = false, errorMessage = '', onBlur = () => { }, disabled, radioIconCenter = true, }) => {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: classNames('ff-radio-group', className), onBlur: onBlur, children: [isLabel && (_jsxs(Typography, { fontWeight: "semi-bold", className: classNames(classNameForLabel), children: [' ', isAsteriskRequired && (_jsxs(Typography, { className: classNames('ff-required-asterisk'), children: ["*", ' '] })), label, ' '] })), options.map((option) => (_jsx(RadioButton, { label: option.label, showTooltip: option?.showTooltip, tooltipChildren: option?.tooltipChildren, tooltipTitle: option?.tooltipTitle, tooltipPosition: option?.tooltipPosition, name: name, value: option.value, checked: selectedValue?.toLowerCase() === option.value?.toLowerCase(), onChange: () => onChange?.(option), disabled: disabled || option.disabled, alignIconCenter: radioIconCenter }, option.value)))] }), isError && (_jsx(Typography, { as: "div", lineHeight: "15px", fontSize: 10, color: "var(--error_light)", className: "ff-radio-error-msg", children: errorMessage }))] }));
 };
 export default RadioGroup;
 //# sourceMappingURL=RadioGroup.js.map

package/lib/components/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AACA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,GAA8B,CAAC,EAC7C,OAAO,EACP,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,kBAAkB,GAAG,KAAK,EAC1B,SAAS,EACT,iBAAiB,EACjB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,EAAE,EACjB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,8BACE,eACE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,MAAM,EAAE,MAAM,aAEb,OAAO,IAAI,CACV,MAAC,UAAU,IACT,UAAU,EAAC,WAAW,EACtB,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,aAEvC,GAAG,EACH,kBAAkB,IAAI,CACrB,MAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,sBAAsB,CAAC,kBACrD,GAAG,IACM,CACd,EACA,KAAK,EAAE,GAAG,IACA,CACd,EACA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,WAAW,IAEV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,WAAW,EAAE,MAAM,EAAE,WAAW,EAChC,eAAe,EAAE,MAAM,EAAE,eAAe,EACxC,YAAY,EAAE,MAAM,EAAE,YAAY,EAClC,eAAe,EAAE,MAAM,EAAE,eAAe,EACxC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EACL,aAAa,EAAE,WAAW,EAAE,KAAK,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,EAE9D,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,EAClC,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,IAZhC,MAAM,CAAC,KAAK,CAajB,CACH,CAAC,IACE,EACL,OAAO,IAAI,CACV,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,oBAAoB,EAC1B,SAAS,EAAC,oBAAoB,YAE7B,YAAY,GACF,CACd,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AACA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,MAAM,UAAU,GAA8B,CAAC,EAC7C,OAAO,EACP,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,kBAAkB,GAAG,KAAK,EAC1B,SAAS,EACT,iBAAiB,EACjB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,EAAE,EACjB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,QAAQ,EACR,eAAe,GAAG,IAAI,GACvB,EAAE,EAAE;IACH,OAAO,CACL,8BACE,eACE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAClD,MAAM,EAAE,MAAM,aAEb,OAAO,IAAI,CACV,MAAC,UAAU,IACT,UAAU,EAAC,WAAW,EACtB,SAAS,EAAE,UAAU,CAAC,iBAAiB,CAAC,aAEvC,GAAG,EACH,kBAAkB,IAAI,CACrB,MAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,sBAAsB,CAAC,kBACrD,GAAG,IACM,CACd,EACA,KAAK,EAAE,GAAG,IACA,CACd,EACA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,WAAW,IAEV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,WAAW,EAAE,MAAM,EAAE,WAAW,EAChC,eAAe,EAAE,MAAM,EAAE,eAAe,EACxC,YAAY,EAAE,MAAM,EAAE,YAAY,EAClC,eAAe,EAAE,MAAM,EAAE,eAAe,EACxC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EACL,aAAa,EAAE,WAAW,EAAE,KAAK,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,EAE9D,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,EAClC,QAAQ,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,EACrC,eAAe,EAAE,eAAe,IAb3B,MAAM,CAAC,KAAK,CAcjB,CACH,CAAC,IACE,EACL,OAAO,IAAI,CACV,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,oBAAoB,EAC1B,SAAS,EAAC,oBAAoB,YAE7B,YAAY,GACF,CACd,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/RadioGroup/radioGroupTypes.d.ts

@@ -87,4 +87,11 @@ interface RadioGroupProps {
     errorMessage?: string;
     onBlur?: () => void;
     disabled?: boolean;
+    /**
+     * Aligns the radio icon vertically centered with the label.
+     * When true, applies `ff-radio-align-icon`.
+     * Default is false.
+     * Optional.
+     */
+    radioIconCenter?: boolean;
 }

package/lib/index.d.ts

@@ -2006,6 +2006,13 @@ interface RadioButtonProps {
      * Optional.
      */
     tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+    * Aligns the radio icon vertically centered with the label.
+    * When true, applies `ff-radio-align-icon`.
+    * Default is false.
+    * Optional.
+    */
+    alignIconCenter?: boolean;
     onBlur?: () => void;
 }