@semcore/radio 17.0.0-prerelease.31 → 17.0.0-prerelease.36

package/lib/esm/style/radio.shadow.css

@@ -17,16 +17,6 @@ SRadio[disabled] {
   pointer-events: none;
 }
 
-SText[size='m'] {
-  font-size: var(--intergalactic-fs-200, 14px);
-  line-height: var(--intergalactic-lh-200, 142%);
-}
-
-SText[size='l'] {
-  font-size: var(--intergalactic-fs-300, 16px);
-  line-height: var(--intergalactic-lh-300, 150%);
-}
-
 SValue {
   position: relative;
   flex-shrink: 0;

package/lib/types/Radio.d.ts

@@ -0,0 +1,9 @@
+import type { Intergalactic } from '@semcore/core';
+import { inputProps } from '@semcore/core/lib/utils/inputProps';
+import React from 'react';
+import type { IntergalacticRadioGroupComponent, RadioComponent } from './Radio.type';
+declare const RadioGroup: IntergalacticRadioGroupComponent;
+declare const Radio: RadioComponent;
+export declare const wrapRadioGroup: <PropsExtending extends {}>(wrapper: (props: Intergalactic.InternalTypings.UntypeRefAndTag<Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>> & PropsExtending) => React.ReactNode) => IntergalacticRadioGroupComponent<PropsExtending>;
+export { inputProps, RadioGroup };
+export default Radio;

package/lib/types/Radio.type.d.ts

@@ -0,0 +1,69 @@
+import type { Box, BoxProps, Flex } from '@semcore/base-components';
+import type { PropGetterFn, Intergalactic } from '@semcore/core';
+import type { Text, TextProps } from '@semcore/typography';
+import type React from 'react';
+export type RadioSize = 'm' | 'l';
+export type RadioState = 'normal' | 'invalid';
+export type RadioValue = string | number | boolean;
+export type RadioProps = BoxProps & {
+    /** Radio item value **/
+    value?: RadioValue;
+    /** Radio item checked flag **/
+    checked?: boolean;
+    /**
+     * The value displaying the state of the component
+     * @default normal
+     */
+    state?: RadioState;
+    /**
+     * Radio button size
+     * @default m
+     **/
+    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;
+};
+export type RadioGroupProps<T extends RadioValue = RadioValue> = {
+    /** Radio group name */
+    name?: string;
+    /** Active default value */
+    defaultValue?: T;
+    /** Active value */
+    value?: T;
+    /** Called when the selected element is changed */
+    onChange?: ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void) | React.Dispatch<React.SetStateAction<T>>;
+    /** Radio button size */
+    size?: RadioSize;
+    /** The theme of the radio button that you can send your color to */
+    theme?: string;
+    /** Blocks access and changes to the form field */
+    disabled?: boolean;
+};
+export type RadioValueProps = BoxProps & {
+    /** List of elements that can be put on a hidden input */
+    includeInputProps?: string[];
+};
+export type RadioCtx = {
+    getValueProps: PropGetterFn;
+    getTextProps: PropGetterFn;
+};
+export type IntergalacticRadioGroupComponent<PropsExtending = {}> = (<Value extends RadioValue, Tag extends Intergalactic.Tag = typeof Flex>(props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> & PropsExtending) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;
+export type RadioValueControlProps = {};
+export type RadioValueMarkProps = {};
+export type RadioTextProps = TextProps;
+export type RadioValueControlComponent = Intergalactic.Component<'input', RadioValueControlProps>;
+export type RadioValueRadioMarkComponent = Intergalactic.Component<typeof Box, RadioValueMarkProps>;
+export type RadioValueComponent = Intergalactic.Component<'input', RadioValueProps> & {
+    Control: RadioValueControlComponent;
+    RadioMark: RadioValueRadioMarkComponent;
+};
+export type RadioTextComponent = typeof Text;
+export type RadioRootComponent = Intergalactic.Component<'label', RadioProps, RadioCtx>;
+export type RadioComponent = RadioRootComponent & {
+    Value: RadioValueComponent;
+    Text: RadioTextComponent;
+};

package/lib/types/index.d.ts

@@ -1,98 +1,2 @@
-import type { Box, BoxProps, Flex } from '@semcore/base-components';
-import type { PropGetterFn, Intergalactic } from '@semcore/core';
-import type { Text } from '@semcore/typography';
-import type React from 'react';
-
-export type RadioSize = 'm' | 'l';
-export type RadioState = 'normal' | 'invalid';
-export type RadioValue = string | number | boolean;
-
-export type RadioProps = BoxProps & {
-  /** Radio item value **/
-  value?: RadioValue;
-
-  /** Radio item checked flag **/
-  checked?: boolean;
-
-  /**
-   * The value displaying the state of the component
-   * @default normal
-   */
-  state?: RadioState;
-  /**
-   * Radio button size
-   * @default m
-   **/
-  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;
-};
-
-export type RadioGroupProps<T extends RadioValue = RadioValue> = {
-  /** Radio group name */
-  name?: string;
-  /** Active default value */
-  defaultValue?: T;
-  /** Active value */
-  value?: T;
-  /** Called when the selected element is changed */
-  onChange?:
-    | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)
-    | React.Dispatch<React.SetStateAction<T>>;
-  /** Radio button size */
-  size?: RadioSize;
-  /** The theme of the radio button that you can send your color to */
-  theme?: string;
-  /** Blocks access and changes to the form field */
-  disabled?: boolean;
-};
-
-export type RadioValueProps = BoxProps & {
-  /** List of elements that can be put on a hidden input */
-  includeInputProps?: string[];
-};
-
-export type RadioCtx = {
-  getValueProps: PropGetterFn;
-  getTextProps: PropGetterFn;
-};
-
-type IntergalacticRadioGroupComponent<PropsExtending = {}> = (<
-  Value extends RadioValue,
-  Tag extends Intergalactic.Tag = typeof Flex,
->(
-  props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &
-    PropsExtending,
-) => Intergalactic.InternalTypings.ComponentRenderingResults) &
-Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;
-
-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> & {
-    Control: Intergalactic.Component<'input', RadioValueControlProps>;
-    RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;
-  };
-  Text: typeof Text;
-};
-
-declare const wrapRadioGroup: <PropsExtending extends {}>(
-  wrapper: (
-    props: Intergalactic.InternalTypings.UntypeRefAndTag<
-      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>
-    > &
-    PropsExtending,
-  ) => React.ReactNode,
-) => IntergalacticRadioGroupComponent<PropsExtending>;
-export { wrapRadioGroup };
-
-export default Radio;
+export { default, wrapRadioGroup, RadioGroup } from './Radio';
+export * from './Radio.type';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/radio",
   "description": "Semrush Radio Component",
-  "version": "17.0.0-prerelease.31",
+  "version": "17.0.0-prerelease.36",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,7 +14,7 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/typography": "^17.0.0-prerelease.31"
+    "@semcore/typography": "^17.0.0-prerelease.36"
   },
   "peerDependencies": {
     "@semcore/base-components": "^17.0.0 || ^17.0.0-0"
@@ -25,11 +25,11 @@
     "directory": "semcore/radio"
   },
   "devDependencies": {
+    "@semcore/base-components": "17.0.0-prerelease.36",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/core": "17.0.0-prerelease.31",
-    "@semcore/base-components": "17.0.0-prerelease.31"
+    "@semcore/core": "17.0.0-prerelease.36"
   },
   "scripts": {
-    "build": "pnpm semcore-builder --source=js && pnpm vite build"
+    "build": "pnpm semcore-builder && pnpm vite build"
   }
 }

package/lib/cjs/index.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index.d.js.map

package/lib/cjs/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, BoxProps, Flex } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\nexport type RadioProps = BoxProps & {\n  /** Radio item value **/\n  value?: RadioValue;\n\n  /** Radio item checked flag **/\n  checked?: boolean;\n\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /**\n   * Radio button size\n   * @default m\n   **/\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Radio item text **/\n  label?: string;\n  /** Blocks access and changes to the radio item **/\n  disabled?: boolean;\n};\n\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n  /** Radio group name */\n  name?: string;\n  /** Active default value */\n  defaultValue?: T;\n  /** Active value */\n  value?: T;\n  /** Called when the selected element is changed */\n  onChange?:\n    | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Radio button size */\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Blocks access and changes to the form field */\n  disabled?: boolean;\n};\n\nexport type RadioValueProps = BoxProps & {\n  /** List of elements that can be put on a hidden input */\n  includeInputProps?: string[];\n};\n\nexport type RadioCtx = {\n  getValueProps: PropGetterFn;\n  getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent<PropsExtending = {}> = (<\n  Value extends RadioValue,\n  Tag extends Intergalactic.Tag = typeof Flex,\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n  Value: Intergalactic.Component<'input', RadioValueProps> & {\n    Control: Intergalactic.Component<'input', RadioValueControlProps>;\n    RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n  };\n  Text: typeof Text;\n};\n\ndeclare const wrapRadioGroup: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n    > &\n    PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticRadioGroupComponent<PropsExtending>;\nexport { wrapRadioGroup };\n\nexport default Radio;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/index.d.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, BoxProps, Flex } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\nexport type RadioProps = BoxProps & {\n  /** Radio item value **/\n  value?: RadioValue;\n\n  /** Radio item checked flag **/\n  checked?: boolean;\n\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /**\n   * Radio button size\n   * @default m\n   **/\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Radio item text **/\n  label?: string;\n  /** Blocks access and changes to the radio item **/\n  disabled?: boolean;\n};\n\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n  /** Radio group name */\n  name?: string;\n  /** Active default value */\n  defaultValue?: T;\n  /** Active value */\n  value?: T;\n  /** Called when the selected element is changed */\n  onChange?:\n    | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Radio button size */\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Blocks access and changes to the form field */\n  disabled?: boolean;\n};\n\nexport type RadioValueProps = BoxProps & {\n  /** List of elements that can be put on a hidden input */\n  includeInputProps?: string[];\n};\n\nexport type RadioCtx = {\n  getValueProps: PropGetterFn;\n  getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent<PropsExtending = {}> = (<\n  Value extends RadioValue,\n  Tag extends Intergalactic.Tag = typeof Flex,\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n  Value: Intergalactic.Component<'input', RadioValueProps> & {\n    Control: Intergalactic.Component<'input', RadioValueControlProps>;\n    RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n  };\n  Text: typeof Text;\n};\n\ndeclare const wrapRadioGroup: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n    > &\n    PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticRadioGroupComponent<PropsExtending>;\nexport { wrapRadioGroup };\n\nexport default Radio;\n"],"mappings":"","ignoreList":[]}