@semcore/radio 6.9.2 → 6.10.0

package/lib/types/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import { BoxProps, Flex } from '@semcore/flex-box';
+import { Box, BoxProps, Flex } from '@semcore/flex-box';
 import { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 import { Text } from '@semcore/typography';
 
@@ -11,6 +11,12 @@ export type RadioValue = string | number | boolean;
 /** @deprecated */
 export interface IRadioProps extends RadioProps, UnknownProperties {}
 export type RadioProps = BoxProps & {
+  /** Radio item value **/
+  value?: string;
+
+  /** Radio item checked flag **/
+  checked?: boolean;
+
   /**
    * The value displaying the state of the component
    * @default normal
@@ -23,6 +29,10 @@ export type RadioProps = BoxProps & {
   size?: RadioSize;
   /** The theme of the radio button that you can send your color to */
   theme?: string;
+  /** Radio item text **/
+  label?: string;
+  /** Blocks access and changes to the radio item **/
+  disabled?: boolean;
 };
 
 /** @deprecated */
@@ -58,21 +68,40 @@ export type RadioValueProps = BoxProps &
     /** List of elements that can be put on a hidden input */
     includeInputProps?: string[];
     /**
+     * @deprecated set `state` on root Radio instead
      * The value displaying the state of the component
      * @default normal
      */
     state?: RadioState;
-    /** The theme of the radio button that you can send your color to */
+    /**
+     * @deprecated
+     * The theme of the radio button that you can send your color to
+     */
     theme?: string;
-    /** Radio button size */
+    /**
+     * @deprecated set `size` on root RadioGroup instead
+     * Radio button size
+     */
     size?: RadioSize;
-    /** The element value is required for RadioGroup */
+    /**
+     * @deprecated set `value` on root Radio instead
+     * The element value is required for RadioGroup
+     */
     value?: RadioValue;
-    /** Default value if `value` property is not provided */
+    /**
+     * @deprecated set `defaultValue` on root RadioGroup instead
+     * Default value if `value` property is not provided
+     */
     defaultValue?: RadioValue;
-    /** Called when the value changes */
+    /**
+     * @deprecated set `onChange` on root RadioGroup instead
+     * Called when the value changes
+     */
     onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;
-    /** Blocks access and changes to the form field */
+    /**
+     * @deprecated set `disabled` on root Radio instead
+     * Blocks access and changes to the form field
+     */
     disabled?: boolean;
   };
 
@@ -91,12 +120,18 @@ type IntergalacticRadioGroupComponent = (<
 ) => Intergalactic.InternalTypings.ComponentRenderingResults) &
   Intergalactic.InternalTypings.ComponentAdditive<'div'>;
 
+export type RadioValueControlProps = {};
+export type RadioValueMarkProps = {};
+
 declare const RadioGroup: IntergalacticRadioGroupComponent;
 
 export { RadioGroup };
 
 declare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {
-  Value: Intergalactic.Component<'input', RadioValueProps>;
+  Value: Intergalactic.Component<'input', RadioValueProps> & {
+    Control: Intergalactic.Component<'input', RadioValueControlProps>;
+    RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;
+  };
   Text: typeof Text;
 };
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/radio",
   "description": "Semrush Radio Component",
-  "version": "6.9.2",
+  "version": "6.10.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,12 +9,12 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/utils": "4.7.2",
-    "@semcore/flex-box": "5.7.2",
-    "@semcore/typography": "5.11.2"
+    "@semcore/utils": "4.8.0",
+    "@semcore/flex-box": "5.7.3",
+    "@semcore/typography": "5.11.3"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.7.2-prerelease.0",
+    "@semcore/core": "^2.7.3",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },