@primer/components 0.0.0-2021116181214 → 0.0.0-2021116201150

package/lib-esm/Radio.d.ts

@@ -1,38 +0,0 @@
-import React, { InputHTMLAttributes } from 'react';
-import { SxProp } from './sx';
-export declare type RadioProps = {
-    /**
-     * A unique value that is never shown to the user.
-     * Used during form submission and to identify which radio button in a group is selected
-     */
-    value: string;
-    /**
-     * Name attribute of the input element. Required for grouping radio inputs
-     */
-    name: string;
-    /**
-     * Apply inactive visual appearance to the radio button
-     */
-    disabled?: boolean;
-    /**
-     * Indicates whether the radio button is selected
-     */
-    checked?: boolean;
-    /**
-     * Forward a ref to the underlying input element
-     */
-    ref?: React.RefObject<HTMLInputElement>;
-    /**
-     * Indicates whether the radio button must be checked before the form can be submitted
-     */
-    required?: boolean;
-    /**
-     * Indicates whether the radio button validation state is non-standard
-     */
-    validationStatus?: 'error' | 'success';
-} & InputHTMLAttributes<HTMLInputElement> & SxProp;
-/**
- * An accessible, native radio component for selecting one option from a list.
- */
-declare const Radio: React.ForwardRefExoticComponent<Pick<RadioProps, "sx" | keyof React.InputHTMLAttributes<HTMLInputElement> | "validationStatus"> & React.RefAttributes<HTMLInputElement>>;
-export default Radio;

package/lib-esm/Radio.js

@@ -1,40 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import styled from 'styled-components';
-import React from 'react';
-import sx from './sx';
-const StyledRadio = styled.input.withConfig({
-  displayName: "Radio__StyledRadio",
-  componentId: "sc-1ak1fjg-0"
-})(["cursor:pointer;", " ", ""], props => props.disabled && `cursor: not-allowed;`, sx);
-/**
- * An accessible, native radio component for selecting one option from a list.
- */
-
-const Radio = /*#__PURE__*/React.forwardRef(({
-  checked,
-  disabled,
-  sx: sxProp,
-  required,
-  validationStatus,
-  value,
-  name,
-  ...rest
-}, ref) => {
-  return /*#__PURE__*/React.createElement(StyledRadio, _extends({
-    type: "radio",
-    value: value,
-    name: name,
-    ref: ref,
-    disabled: disabled,
-    "aria-disabled": disabled ? 'true' : 'false',
-    checked: checked,
-    "aria-checked": checked ? 'true' : 'false',
-    required: required,
-    "aria-required": required ? 'true' : 'false',
-    "aria-invalid": validationStatus === 'error' ? 'true' : 'false',
-    sx: sxProp
-  }, rest));
-});
-Radio.displayName = 'Radio';
-export default Radio;

package/lib-esm/RadioInputField.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { RadioProps } from '.';
-import { ToggleInputFieldProps } from './_InputField/ToggleInputField';
-declare const _default: React.FC<ToggleInputFieldProps> & {
-    Input: React.FC<RadioProps>;
-    Caption: React.FC<{}>;
-    Label: React.FC<import("./_InputField/InputFieldLabel").Props>;
-    LeadingVisual: React.FC<{}>;
-};
-export default _default;

package/lib-esm/RadioInputField.js

@@ -1,56 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { Radio } from '.';
-import InputField from './_InputField/InputField';
-import { Slot } from './_InputField/slots';
-import ToggleInputField from './_InputField/ToggleInputField';
-import ToggleInputLeadingVisual from './_InputField/ToggleInputLeadingVisual'; // pulling out `id`, `disabled`, and `required` because those should come from the parent TextInputField component
-
-const Input = ({
-  id: idProp,
-  required: requiredProp,
-  disabled: disabledProp,
-  ...rest
-}) => {
-  if (idProp) {
-    // eslint-disable-next-line no-console
-    console.warn("instead of passing the 'id' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
-  }
-
-  if (disabledProp) {
-    // eslint-disable-next-line no-console
-    console.warn("instead of passing the 'disabled' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
-  }
-
-  if (requiredProp) {
-    // eslint-disable-next-line no-console
-    console.warn("instead of passing the 'required' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
-  }
-
-  return /*#__PURE__*/React.createElement(Slot, {
-    name: "Input"
-  }, ({
-    disabled,
-    id,
-    required,
-    captionId
-  }) => /*#__PURE__*/React.createElement(Radio, _extends({
-    "aria-describedby": captionId,
-    id: id,
-    required: required,
-    disabled: disabled
-  }, rest)));
-};
-
-Input.displayName = "Input";
-
-const RadioInputField = props => /*#__PURE__*/React.createElement(ToggleInputField, props);
-
-RadioInputField.displayName = "RadioInputField";
-export default Object.assign(RadioInputField, {
-  Input,
-  Caption: InputField.Caption,
-  Label: InputField.Label,
-  LeadingVisual: ToggleInputLeadingVisual
-});