@synerise/ds-radio 1.0.13 → 1.0.14

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.14](https://github.com/synerise/synerise-design/compare/@synerise/ds-radio@1.0.13...@synerise/ds-radio@1.0.14) (2025-07-04)
+
+
+### Bug Fixes
+
+* **radio:** new prop label ([7a527d8](https://github.com/synerise/synerise-design/commit/7a527d8cff0b4d513deecaf0bb3b19645e478bba))
+
+
+
+
+
 ## [1.0.13](https://github.com/synerise/synerise-design/compare/@synerise/ds-radio@1.0.12...@synerise/ds-radio@1.0.13) (2025-07-01)
 
 **Note:** Version bump only for package @synerise/ds-radio

package/README.md

@@ -15,14 +15,16 @@ Radio UI Component
 
 #### Radio
 
-| Property       | Description                                                          | Type      | Default |
-| -------------- | -------------------------------------------------------------------- | --------- | ------- |
-| autoFocus      | get focus when component mounted                                     | boolean   | `false` |
-| checked        | Specifies whether the radio is selected.                             | boolean   | -       |
-| description    | radio input description                                              | ReactNode | -       |
-| defaultChecked | Specifies the initial state: whether or not the radio is selected.   | boolean   | `false` |
-| disabled       | Disable radio                                                        | boolean   | `false` |
-| value          | According to value for comparison, to determine whether the selected | any       | -       |
+| Property       | Description                                                          | Type       | Default |
+| -------------- | -------------------------------------------------------------------- | ---------- | ------- |
+| autoFocus      | get focus when component mounted                                     | boolean    | `false` |
+| checked        | Specifies whether the radio is selected.                             | boolean    | -       |
+| description    | radio input description                                              | ReactNode  | -       |
+| defaultChecked | Specifies the initial state: whether or not the radio is selected.   | boolean    | `false` |
+| disabled       | Disable radio                                                        | boolean    | `false` |
+| value          | According to value for comparison, to determine whether the selected | any        | -       |
+| label          | radio input label                                                    | ReactNode  | -       |
+| children       | radio input children `deprecated, use label instead`                                                | ReactNode  | -       |
 
 #### RadioGroup
 

package/dist/Radio.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import '@synerise/ds-core/dist/js/style';
 import { type RadioGroupProps, type RadioProps } from './Radio.types';
 import './style/index.less';
-declare const Radio: (({ description, ...antdRadioButtonProps }: RadioProps) => React.JSX.Element) & {
+declare const Radio: (({ description, label, children, ...antdRadioButtonProps }: RadioProps) => React.JSX.Element) & {
     Group: ({ children, fullWidth, big, ...props }: RadioGroupProps) => React.JSX.Element;
     Button: React.ForwardRefExoticComponent<import("antd/lib/radio/radioButton").RadioButtonProps & React.RefAttributes<any>>;
 };

package/dist/Radio.js

@@ -1,5 +1,5 @@
 var _excluded = ["children", "fullWidth", "big"],
-  _excluded2 = ["description"];
+  _excluded2 = ["description", "label", "children"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import AntdRadio from 'antd/lib/radio';
@@ -19,8 +19,12 @@ var Group = function Group(_ref) {
 };
 var RadioComponent = function RadioComponent(_ref2) {
   var description = _ref2.description,
+    label = _ref2.label,
+    children = _ref2.children,
     antdRadioButtonProps = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(S.RadioWrapper, null, /*#__PURE__*/React.createElement(S.AntRadio, antdRadioButtonProps), /*#__PURE__*/React.createElement(S.AdditionalData, null, description && /*#__PURE__*/React.createElement(S.Description, {
+  return /*#__PURE__*/React.createElement(S.RadioWrapper, null, /*#__PURE__*/React.createElement(S.AntRadio, antdRadioButtonProps, label ? /*#__PURE__*/React.createElement(S.Label, {
+    disabled: antdRadioButtonProps.disabled
+  }, label) : children), /*#__PURE__*/React.createElement(S.AdditionalData, null, description && /*#__PURE__*/React.createElement(S.Description, {
     disabled: antdRadioButtonProps.disabled
   }, description)));
 };

package/dist/Radio.styles.d.ts

@@ -3,6 +3,9 @@ export declare const RadioWrapper: import("styled-components").StyledComponent<"
 export declare const Description: import("styled-components").StyledComponent<"div", any, {
     disabled?: boolean | undefined;
 }, never>;
+export declare const Label: import("styled-components").StyledComponent<({ id, label, tooltip, tooltipConfig, children, ...htmlAttributes }: import("@synerise/ds-form-field").FormFieldLabelProps) => React.JSX.Element, any, {
+    disabled?: boolean | undefined;
+}, never>;
 export declare const AdditionalData: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AntRadio: import("styled-components").StyledComponent<({ ...rest }: any) => React.JSX.Element, any, {}, never>;
 export declare const AntRadioGroup: import("styled-components").StyledComponent<React.MemoExoticComponent<React.ForwardRefExoticComponent<import("antd/lib/radio").RadioGroupProps & React.RefAttributes<HTMLDivElement>>>, any, {

package/dist/Radio.styles.js

@@ -3,6 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 import AntdRadio from 'antd/lib/radio';
 import React from 'react';
 import styled, { css } from 'styled-components';
+import { FormFieldLabel } from '@synerise/ds-form-field';
 import { macro } from '@synerise/ds-typography/';
 export var RadioWrapper = styled.div.withConfig({
   displayName: "Radiostyles__RadioWrapper",
@@ -16,22 +17,28 @@ export var Description = styled.div.withConfig({
 }, function (props) {
   return props.disabled ? "opacity: 0.4;" : '';
 }, macro.small);
+export var Label = styled(FormFieldLabel).withConfig({
+  displayName: "Radiostyles__Label",
+  componentId: "sc-137n5jf-2"
+})(["", ""], function (props) {
+  return props.disabled ? "opacity: 0.4;" : '';
+});
 
 // @deprecated - all styles are now defined in Description
 export var AdditionalData = styled.div.withConfig({
   displayName: "Radiostyles__AdditionalData",
-  componentId: "sc-137n5jf-2"
+  componentId: "sc-137n5jf-3"
 })(["margin:4px 8px 15px 28px;"]);
 export var AntRadio = styled(function (_ref) {
   var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
   return /*#__PURE__*/React.createElement(AntdRadio, rest);
 }).withConfig({
   displayName: "Radiostyles__AntRadio",
-  componentId: "sc-137n5jf-3"
+  componentId: "sc-137n5jf-4"
 })([".ant-radio{height:16px;top:0;}.ant-radio + span{flex-grow:1;}"]);
 export var AntRadioGroup = styled(AntdRadio.Group).withConfig({
   displayName: "Radiostyles__AntRadioGroup",
-  componentId: "sc-137n5jf-4"
+  componentId: "sc-137n5jf-5"
 })(["", ""], function (props) {
   return props.fullWidth && css(["&&{display:flex;width:100%;label{flex:1;height:", ";display:flex;align-items:center;justify-content:center;font-weight:500;}}"], props.big ? '48px' : '32px');
 });

package/dist/Radio.types.d.ts

@@ -2,7 +2,15 @@ import { type RadioGroupProps as AntdRadioGroupProps, type RadioProps as AntdRad
 import { type ReactNode } from 'react';
 export type RadioProps = AntdRadioProps & {
     description?: ReactNode;
+    label?: ReactNode;
+    /**
+     * @deprecated, use label instead
+     */
+    children?: ReactNode;
 };
+/**
+ * @deprecated, use RadioProps instead
+ */
 export type Props = RadioProps;
 export type RadioGroupProps = AntdRadioGroupProps & {
     fullWidth?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-radio",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Radio UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -34,6 +34,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
+    "@synerise/ds-form-field": "^1.1.8",
     "@synerise/ds-typography": "^1.0.13",
     "@synerise/ds-utils": "^1.3.1"
   },
@@ -43,5 +44,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4512641033ba3581a3df208143c547fcfed45895"
+  "gitHead": "2161bdb04f3db0f79b7d0465ce6b41121f1543ef"
 }