@instructure/ui-radio-input 11.6.0 → 11.6.1-snapshot-129

package/es/RadioInput/v2/index.js

@@ -0,0 +1,189 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["variant", "size", "disabled", "inline", "context", "readOnly", "id", "label", "value", "name", "checked", "onClick", "onChange", "inputRef", "themeOverride"];
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { useState, useRef, useImperativeHandle, forwardRef, useCallback, useEffect } from 'react';
+import { passthroughProps, useDeterministicId } from '@instructure/ui-react-utils';
+import { isActiveElement } from '@instructure/ui-dom-utils';
+import { useStyle } from '@instructure/emotion';
+import generateStyle from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/**
+---
+category: components
+---
+**/
+const RadioInput = /*#__PURE__*/forwardRef((props, ref) => {
+  const _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'simple' : _props$variant,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$inline = props.inline,
+    inline = _props$inline === void 0 ? false : _props$inline,
+    _props$context = props.context,
+    context = _props$context === void 0 ? 'success' : _props$context,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+    idProp = props.id,
+    label = props.label,
+    value = props.value,
+    name = props.name,
+    checkedProp = props.checked,
+    onClick = props.onClick,
+    onChange = props.onChange,
+    inputRef = props.inputRef,
+    themeOverride = props.themeOverride,
+    rest = _objectWithoutProperties(props, _excluded);
+  const _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
+  // State for uncontrolled mode
+  const _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internalChecked = _useState4[0],
+    setInternalChecked = _useState4[1];
+
+  // Refs
+  const containerRef = useRef(null);
+  const inputElementRef = useRef(null);
+
+  // Deterministic ID generation
+  const _useState5 = useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    deterministicId = _useState6[0],
+    setDeterministicId = _useState6[1];
+  const getId = useDeterministicId('RadioInput');
+  useEffect(() => {
+    setDeterministicId(getId());
+  }, []);
+  const id = idProp || deterministicId;
+
+  // Computed checked value
+  const checked = typeof checkedProp === 'undefined' ? internalChecked : checkedProp;
+
+  // Styles - pass props with defaults applied for generateStyle
+  const styles = useStyle({
+    generateStyle,
+    themeOverride,
+    params: {
+      disabled,
+      context,
+      inline,
+      hovered,
+      readOnly,
+      size,
+      variant
+    },
+    componentId: 'RadioInput',
+    displayName: 'RadioInput'
+  });
+
+  // Event handlers
+  const handleInputRef = useCallback(el => {
+    inputElementRef.current = el;
+    if (typeof inputRef === 'function') {
+      inputRef(el);
+    }
+  }, [inputRef]);
+  const handleClick = useCallback(e => {
+    if (disabled || readOnly) {
+      e.preventDefault();
+      return;
+    }
+    if (typeof onClick === 'function') {
+      onClick(e);
+    }
+  }, [disabled, readOnly, onClick]);
+  const handleChange = useCallback(e => {
+    if (disabled || readOnly) {
+      e.preventDefault();
+      return;
+    }
+    if (typeof checkedProp === 'undefined') {
+      setInternalChecked(!internalChecked);
+    }
+    if (typeof onChange === 'function') {
+      onChange(e);
+    }
+  }, [disabled, readOnly, checkedProp, internalChecked, onChange]);
+
+  // Expose imperative API via ref
+  useImperativeHandle(ref, () => ({
+    focus: () => {
+      var _inputElementRef$curr;
+      (_inputElementRef$curr = inputElementRef.current) === null || _inputElementRef$curr === void 0 ? void 0 : _inputElementRef$curr.focus();
+    },
+    get focused() {
+      return isActiveElement(inputElementRef.current);
+    },
+    get checked() {
+      return checked;
+    },
+    get id() {
+      return id;
+    }
+  }), [checked, id]);
+  const handleMouseOver = () => {
+    setHovered(true);
+  };
+  const handleMouseOut = () => {
+    setHovered(false);
+  };
+  const passedProps = passthroughProps(rest);
+  return _jsxs("div", {
+    css: styles === null || styles === void 0 ? void 0 : styles.radioInput,
+    "data-cid": "RadioInput",
+    ref: containerRef
+    /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
+    onMouseOver: handleMouseOver
+    /* eslint-disable-next-line jsx-a11y/mouse-events-have-key-events */,
+    onMouseOut: handleMouseOut,
+    children: [_jsx("input", {
+      ...passedProps,
+      id: id,
+      ref: handleInputRef,
+      value: value,
+      name: name,
+      checked: checked,
+      type: "radio",
+      css: styles === null || styles === void 0 ? void 0 : styles.input,
+      readOnly: readOnly,
+      disabled: disabled,
+      onChange: handleChange,
+      onClick: handleClick
+    }), _jsx("label", {
+      htmlFor: id,
+      css: styles === null || styles === void 0 ? void 0 : styles.label,
+      children: label
+    })]
+  });
+});
+RadioInput.displayName = 'RadioInput';
+export default RadioInput;
+export { RadioInput };

package/{src/index.ts → es/RadioInput/v2/props.js}

@@ -21,8 +21,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { RadioInput } from './RadioInput'
-export { RadioInputGroup } from './RadioInputGroup'
 
-export type { RadioInputProps } from './RadioInput/props'
-export type { RadioInputGroupProps } from './RadioInputGroup/props'
+const allowedProps = ['label', 'value', 'id', 'name', 'checked', 'disabled', 'readOnly', 'variant', 'size', 'context', 'inline', 'onClick', 'onChange', 'inputRef'];
+export { allowedProps };

package/es/RadioInput/v2/styles.js

@@ -0,0 +1,268 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { boxShadowObjectsToCSSString } from '@instructure/ui-themes';
+import { calcFocusOutlineStyles } from '@instructure/emotion';
+/**
+ * ---
+ * private: true
+ * ---
+ * Generates the style object from the theme and provided additional information
+ * @param componentTheme The theme variable object.
+ * @param params Additional parameters to customize the style.
+ * @param sharedTokens Shared token object that stores common values for the theme.
+ * @return The final style object, which will be used in the component
+ */
+const generateStyle = (componentTheme, params, sharedTokens) => {
+  var _toggleContextBackgro;
+  const disabled = params.disabled,
+    inline = params.inline,
+    hovered = params.hovered,
+    size = params.size,
+    readOnly = params.readOnly,
+    variant = params.variant,
+    context = params.context;
+
+  // 4*2 states: base, hover, disabled, readonly X none/selected
+  const insetSizes = {
+    small: componentTheme.checkedInsetSm,
+    medium: componentTheme.checkedInsetMd,
+    large: componentTheme.checkedInsetLg
+  };
+  const labelColors = {
+    // the states here are mutually exclusive
+    color: componentTheme.labelBaseColor,
+    ...(hovered && {
+      color: componentTheme.labelHoverColor
+    }),
+    ...(readOnly && {
+      color: componentTheme.labelReadonlyColor
+    }),
+    ...(disabled && {
+      color: componentTheme.labelDisabledColor
+    })
+  };
+  const getInputColors = () => {
+    if (disabled) {
+      return {
+        background: componentTheme.backgroundDisabledColor,
+        borderColor: componentTheme.borderDisabledColor,
+        checkedBoxShadow: `inset 0 0 0 ${insetSizes[size]} ${componentTheme.borderDisabledColor}`
+      };
+    }
+    if (readOnly) {
+      return {
+        background: componentTheme.backgroundReadonlyColor,
+        borderColor: componentTheme.borderReadonlyColor,
+        checkedBoxShadow: `inset 0 0 0 ${insetSizes[size]} ${componentTheme.borderSelectedColor}`
+      };
+    }
+    if (hovered) {
+      return {
+        background: componentTheme.backgroundHoverColor,
+        borderColor: componentTheme.borderHoverColor,
+        checkedBoxShadow: `inset 0 0 0 ${insetSizes[size]} ${componentTheme.borderSelectedColor}`
+      };
+    }
+    return {
+      background: componentTheme.backgroundColor,
+      borderColor: componentTheme.borderColor,
+      checkedBoxShadow: `inset 0 0 0 ${insetSizes[size]} ${componentTheme.borderSelectedColor}`
+    };
+  };
+  const inputColors = getInputColors();
+  const toggleContextBackgrounds = {
+    success: componentTheme.toggleBackgroundSuccess,
+    warning: componentTheme.toggleBackgroundWarning,
+    danger: componentTheme.toggleBackgroundDanger,
+    off: componentTheme.toggleBackgroundOff
+  };
+  const toggleBackground = (_toggleContextBackgro = toggleContextBackgrounds[context !== null && context !== void 0 ? context : 'success']) !== null && _toggleContextBackgro !== void 0 ? _toggleContextBackgro : toggleContextBackgrounds['success'];
+  const focusOutline = calcFocusOutlineStyles(sharedTokens.focusOutline);
+  focusOutline.transition += ', box-shadow 0.2s';
+  const inputVariants = {
+    simple: {
+      base: {
+        all: 'initial',
+        boxSizing: 'border-box',
+        appearance: 'none',
+        display: 'block',
+        position: 'relative',
+        marginInlineEnd: componentTheme.gap,
+        marginInlineStart: '0',
+        flexShrink: 0,
+        minWidth: '1rem',
+        borderRadius: '100%',
+        borderWidth: componentTheme.borderWidth,
+        borderStyle: 'solid',
+        background: inputColors.background,
+        borderColor: inputColors.borderColor,
+        cursor: disabled ? 'not-allowed' : 'pointer',
+        '&:checked': {
+          borderColor: disabled ? componentTheme.borderDisabledColor : componentTheme.borderSelectedColor,
+          boxShadow: inputColors.checkedBoxShadow
+        },
+        marginTop: componentTheme.controlVerticalMargin,
+        marginBottom: componentTheme.controlVerticalMargin,
+        ...focusOutline
+      },
+      small: {
+        width: componentTheme.controlSizeSm,
+        height: componentTheme.controlSizeSm
+      },
+      medium: {
+        width: componentTheme.controlSizeMd,
+        height: componentTheme.controlSizeMd
+      },
+      large: {
+        width: componentTheme.controlSizeLg,
+        height: componentTheme.controlSizeLg
+      }
+    },
+    toggle: {
+      base: {
+        all: 'initial',
+        boxSizing: 'border-box',
+        // Visually hidden but accessible (screen reader, focus, keyboard)
+        position: 'absolute',
+        opacity: 0.0001 /* selenium cannot find fully transparent elements */,
+        width: '1px',
+        height: '1px',
+        overflow: 'hidden',
+        margin: 0,
+        padding: 0
+      },
+      small: {},
+      medium: {},
+      large: {}
+    }
+  };
+  const labelVariants = {
+    simple: {
+      base: {},
+      small: {
+        fontSize: componentTheme.fontSizeSm,
+        lineHeight: componentTheme.lineHeightSm
+      },
+      medium: {
+        fontSize: componentTheme.fontSizeMd,
+        lineHeight: componentTheme.lineHeightMd
+      },
+      large: {
+        fontSize: componentTheme.fontSizeLg,
+        lineHeight: componentTheme.lineHeightLg
+      }
+    },
+    toggle: {
+      base: {
+        flex: '0 0 auto',
+        position: 'relative',
+        zIndex: 1,
+        textTransform: 'uppercase',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        lineHeight: 1,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        minWidth: '0.0625rem',
+        borderRadius: componentTheme.toggleBorderRadius,
+        color: disabled ? componentTheme.labelDisabledColor : componentTheme.labelBaseColor,
+        background: 'transparent',
+        'input:checked + &': {
+          color: componentTheme.toggleHandleText,
+          background: toggleBackground,
+          boxShadow: disabled ? 'none' : boxShadowObjectsToCSSString(componentTheme.toggleShadow)
+        },
+        ...calcFocusOutlineStyles(sharedTokens.focusOutline, {
+          customCSSSelector: 'input:focus + &&'
+        }),
+        'input:focus + &': {
+          textDecoration: 'underline'
+        }
+      },
+      small: {
+        fontSize: componentTheme.toggleSmallFontSize,
+        height: componentTheme.toggleSmallHeight,
+        padding: '0 0.5rem',
+        svg: {
+          fontSize: `calc(${componentTheme.toggleSmallFontSize} + 0.375rem)`
+        }
+      },
+      medium: {
+        fontSize: componentTheme.toggleMediumFontSize,
+        height: componentTheme.toggleMediumHeight,
+        padding: '0 0.875rem',
+        svg: {
+          fontSize: `calc(${componentTheme.toggleMediumFontSize} + 0.375rem)`
+        }
+      },
+      large: {
+        fontSize: componentTheme.toggleLargeFontSize,
+        height: componentTheme.toggleLargeHeight,
+        padding: '0 1rem',
+        svg: {
+          fontSize: `calc(${componentTheme.toggleLargeFontSize} + 0.375rem)`
+        }
+      }
+    }
+  };
+  return {
+    radioInput: {
+      label: 'radioInput',
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'flex-start',
+      width: inline ? 'auto' : '100%',
+      ...(inline && {
+        display: 'inline-flex',
+        verticalAlign: 'middle'
+      }),
+      '&:hover': {
+        cursor: 'default',
+        ...(disabled && {
+          cursor: 'not-allowed'
+        })
+      }
+    },
+    input: {
+      label: 'radioInput__input',
+      ...inputVariants[variant].base,
+      ...inputVariants[variant][size]
+    },
+    label: {
+      label: 'radioInput__label',
+      flex: '1 1 auto',
+      alignSelf: 'center',
+      ...labelColors,
+      fontFamily: componentTheme.fontFamily,
+      fontWeight: componentTheme.fontWeight,
+      ...labelVariants[variant].base,
+      ...labelVariants[variant][size],
+      cursor: disabled ? 'not-allowed' : 'pointer'
+    }
+  };
+};
+export default generateStyle;

package/es/RadioInputGroup/{index.js → v1/index.js}

@@ -24,11 +24,11 @@ var _dec, _dec2, _class, _RadioInputGroup;
  */
 
 import { Fragment, Children, Component } from 'react';
-import { FormFieldGroup } from '@instructure/ui-form-field';
+import { FormFieldGroup } from '@instructure/ui-form-field/v11_6';
 import { matchComponentTypes, safeCloneElement, omitProps, pickProps, withDeterministicId } from '@instructure/ui-react-utils';
 import { hasVisibleChildren } from '@instructure/ui-a11y-utils';
-import { RadioInput } from "../RadioInput/index.js";
-import { withStyle } from '@instructure/emotion';
+import { RadioInput } from "../../RadioInput/v1/index.js";
+import { withStyleLegacy as withStyle } from '@instructure/emotion';
 import generateStyle from "./styles.js";
 import generateComponentTheme from "./theme.js";
 import { allowedProps } from "./props.js";

package/es/RadioInputGroup/v2/index.js

@@ -0,0 +1,146 @@
+var _dec, _class, _RadioInputGroup;
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { Children, Component } from 'react';
+import { FormFieldGroup } from '@instructure/ui-form-field/latest';
+import { matchComponentTypes, safeCloneElement, omitProps, pickProps, withDeterministicId } from '@instructure/ui-react-utils';
+import { RadioInput } from "../../RadioInput/v2/index.js";
+import { allowedProps } from "./props.js";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/**
+---
+category: components
+---
+**/
+let RadioInputGroup = (_dec = withDeterministicId(), _dec(_class = (_RadioInputGroup = class RadioInputGroup extends Component {
+  constructor(props) {
+    super(props);
+    this.ref = null;
+    this._messagesId = void 0;
+    this.handleRef = el => {
+      this.ref = el;
+    };
+    this.handleChange = e => {
+      const value = e.target.value;
+      if (this.props.disabled || this.props.readOnly) {
+        e.preventDefault();
+        return;
+      }
+      if (typeof this.props.value === 'undefined') {
+        this.setState({
+          value
+        });
+      }
+      if (typeof this.props.onChange === 'function') {
+        this.props.onChange(e, value);
+      }
+    };
+    if (typeof props.value === 'undefined') {
+      this.state = {
+        value: props.defaultValue
+      };
+    }
+    this._messagesId = props.deterministicId('RadioInputGroup-messages');
+  }
+  get hasMessages() {
+    return !!this.props.messages && this.props.messages.length > 0;
+  }
+  get invalid() {
+    var _this$props$messages;
+    return !!((_this$props$messages = this.props.messages) !== null && _this$props$messages !== void 0 && _this$props$messages.find(m => m.type === 'newError' || m.type === 'error'));
+  }
+  get value() {
+    return typeof this.props.value === 'undefined' ? this.state.value : this.props.value;
+  }
+  renderChildren() {
+    const _this$props = this.props,
+      children = _this$props.children,
+      name = _this$props.name,
+      variant = _this$props.variant,
+      size = _this$props.size,
+      disabled = _this$props.disabled,
+      readOnly = _this$props.readOnly;
+
+    // This adds the passed in name property to each RadioInput component
+    // and checks the input whose value matches the value property
+    return Children.map(children, (child, index) => {
+      if (matchComponentTypes(child, [RadioInput])) {
+        const isChecked = this.value === child.props.value;
+        const defaultFocus = !this.value && index === 0;
+        return safeCloneElement(child, {
+          name,
+          disabled: disabled || child.props.disabled,
+          variant,
+          size,
+          checked: isChecked,
+          onChange: this.handleChange,
+          readOnly: readOnly || child.props.readOnly,
+          width: child.props.width || 'auto',
+          'aria-describedby': this.hasMessages ? this._messagesId : void 0,
+          // only one radio in a group should be considered tabbable
+          // if a radio is checked, it should be the input to receive focus when tabbed to
+          // if none of the inputs are checked, the first should receive the focus
+          tabIndex: isChecked || defaultFocus ? 0 : -1,
+          label: child.props.label
+        });
+      } else {
+        return child; // ignore (but preserve) children that aren't RadioInput
+      }
+    });
+  }
+  render() {
+    const _this$props2 = this.props,
+      variant = _this$props2.variant,
+      layout = _this$props2.layout,
+      description = _this$props2.description,
+      isRequired = _this$props2.isRequired;
+    return _jsx(FormFieldGroup, {
+      ...omitProps(this.props, RadioInputGroup.allowedProps),
+      ...pickProps(this.props, FormFieldGroup.allowedProps),
+      description: description,
+      layout: layout === 'columns' && variant === 'toggle' ? 'stacked' : layout // toggles already display in cols
+      ,
+      vAlign: variant === 'toggle' ? 'middle' : 'top',
+      rowSpacing: "small",
+      colSpacing: variant === 'toggle' ? 'none' : 'small' // keep toggles close together
+      ,
+      startAt: variant === 'toggle' ? 'small' : void 0,
+      messagesId: this._messagesId,
+      elementRef: this.handleRef,
+      role: "radiogroup",
+      isRequired: isRequired,
+      "data-cid": "RadioInputGroup",
+      children: this.renderChildren()
+    });
+  }
+}, _RadioInputGroup.displayName = "RadioInputGroup", _RadioInputGroup.componentId = 'RadioInputGroup', _RadioInputGroup.allowedProps = allowedProps, _RadioInputGroup.defaultProps = {
+  disabled: false,
+  variant: 'simple',
+  size: 'medium',
+  layout: 'stacked',
+  readOnly: false
+}, _RadioInputGroup)) || _class);
+export default RadioInputGroup;
+export { RadioInputGroup };

package/es/RadioInputGroup/v2/props.js

@@ -0,0 +1,26 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const allowedProps = ['name', 'description', 'defaultValue', 'value', 'onChange', 'disabled', 'readOnly', 'messages', 'children', 'variant', 'size', 'layout', 'isRequired'];
+export { allowedProps };

package/es/{index.js → exports/a.js}

@@ -21,5 +21,5 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { RadioInput } from "./RadioInput/index.js";
-export { RadioInputGroup } from "./RadioInputGroup/index.js";
+export { RadioInput } from "../RadioInput/v1/index.js";
+export { RadioInputGroup } from "../RadioInputGroup/v1/index.js";

package/es/exports/b.js

@@ -0,0 +1,25 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+export { RadioInput } from "../RadioInput/v2/index.js";
+export { RadioInputGroup } from "../RadioInputGroup/v2/index.js";