@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-388db940ca

package/components/RadioGroup/RadioGroup/RadioGroup.js

@@ -1,322 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it;
-
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      return function () {
-        if (i >= o.length) return {
-          done: true
-        };
-        return {
-          done: false,
-          value: o[i++]
-        };
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  it = o[Symbol.iterator]();
-  return it.next.bind(it);
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import invariant from 'invariant';
-import cn from 'classnames';
-import { getRandomID } from "../../../lib/utils";
-import { Radio } from "../../Radio";
-import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { FocusTrap } from "../../../internal/FocusTrap";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { jsStyles } from "../RadioGroup.styles";
-import { Prevent } from "../Prevent";
-export var RadioGroup = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(RadioGroup, _React$Component);
-
-  function RadioGroup(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.theme = void 0;
-    _this.node = void 0;
-    _this.name = getRandomID();
-    _this.getProps = createPropsGetter(RadioGroup.defaultProps);
-
-    _this.getValue = function () {
-      return _this.isControlled() ? _this.props.value : _this.state.activeItem;
-    };
-
-    _this.getName = function () {
-      return _this.props.name || _this.name;
-    };
-
-    _this.isControlled = function () {
-      return _this.props.value != null;
-    };
-
-    _this.handleSelect = function (value) {
-      if (!_this.isControlled()) {
-        _this.setState({
-          activeItem: value
-        });
-      }
-
-      if (_this.props.onValueChange) {
-        _this.props.onValueChange(value);
-      }
-    };
-
-    _this.renderRadio = function (itemValue, data, index) {
-      var _cn;
-
-      var itemProps = {
-        key: typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : index,
-        className: cn((_cn = {}, _cn[jsStyles.item(_this.theme)] = true, _cn[jsStyles.itemFirst()] = index === 0, _cn[jsStyles.itemInline()] = !!_this.props.inline, _cn))
-      };
-      return /*#__PURE__*/React.createElement("span", itemProps, /*#__PURE__*/React.createElement(Radio, {
-        value: itemValue
-      }, _this.getProps().renderItem(itemValue, data)));
-    };
-
-    _this.ref = function (element) {
-      _this.node = element;
-    };
-
-    _this.state = {
-      activeItem: _this.props.defaultValue
-    };
-    return _this;
-  }
-
-  var _proto = RadioGroup.prototype;
-
-  _proto.getChildContext = function getChildContext() {
-    return {
-      activeItem: this.getValue(),
-      onSelect: this.handleSelect,
-      name: this.getName(),
-      disabled: this.props.disabled,
-      error: this.props.error,
-      warning: this.props.warning
-    };
-  };
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    var _this$props = this.props,
-        width = _this$props.width,
-        onMouseLeave = _this$props.onMouseLeave,
-        onMouseOver = _this$props.onMouseOver,
-        onMouseEnter = _this$props.onMouseEnter,
-        onBlur = _this$props.onBlur;
-    var style = {
-      width: width != null ? width : 'auto'
-    };
-    var handlers = {
-      onMouseOver: onMouseOver,
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave
-    };
-    return /*#__PURE__*/React.createElement(FocusTrap, {
-      onBlur: onBlur
-    }, /*#__PURE__*/React.createElement("span", _extends({
-      ref: this.ref,
-      style: style,
-      className: jsStyles.root()
-    }, handlers), this.renderChildren()));
-  }
-  /**
-  * @public
-  */
-  ;
-
-  _proto.focus = function focus() {
-    var node = this.node;
-
-    if (!node) {
-      return;
-    }
-
-    var radio = node.querySelector('input[type="radio"]:checked'); // If no checked radios, try get first radio
-
-    if (!radio || radio.disabled) {
-      radio = node.querySelector('input[type="radio"]:not([disabled])');
-    }
-
-    if (radio) {
-      radio.focus();
-    }
-  };
-
-  _proto.renderChildren = function renderChildren() {
-    var _this$props2 = this.props,
-        items = _this$props2.items,
-        children = _this$props2.children;
-    invariant(!items && children || items && !children, 'Either items or children must be passed, not both');
-    return items ? mapItems(this.renderRadio, items) : children;
-  };
-
-  return RadioGroup;
-}(React.Component);
-RadioGroup.__KONTUR_REACT_UI__ = 'RadioGroup';
-RadioGroup.childContextTypes = {
-  error: PropTypes.bool,
-  name: PropTypes.string,
-  warning: PropTypes.bool,
-  disabled: PropTypes.bool,
-  activeItem: PropTypes.any,
-  onSelect: PropTypes.func
-};
-RadioGroup.propTypes = {
-  /**
-  * Может быть использовано, если не передан параметр `items`
-  *
-  * `children` может содержать любую разметку с компонентами Radio.
-  * Каждому компоненту Radio нужно указать параметр `value`, такого же типа
-  * как и параметр `value` самой радиогруппы.
-  *
-  * Значения активного элемента сравниваются по строгому равенству `===`
-  */
-  children: PropTypes.node,
-
-  /**
-  * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок
-  * или значей из параметра `items`
-  */
-  defaultValue: PropTypes.any,
-
-  /**
-  * Дизейблит все радиокнопки
-  */
-  disabled: PropTypes.bool,
-
-  /**
-  * Переводит все радиокнопки в состоянии ошибки
-  */
-  error: PropTypes.bool,
-
-  /**
-  * Выравнивает элементы в строку. Не работает с `children`
-  */
-  inline: PropTypes.bool,
-
-  /**
-  * Может быть использовано, если не передан параметр `children`
-  *
-  * Массив параметров радиокнопок. Может быть типа `Array<Value>` или
-  * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`
-  * — значение которое будет использовано вторым параметром в `renderItem`.
-  * Если тип `items: Array<Value>`, то он будет приведен к типу
-  * `Array<[Value, Value]>`
-  */
-  items: PropTypes.any,
-
-  /**
-  * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется
-  * случайное имя по алгоритму
-  * [uuid v1](https://github.com/kelektiv/node-uuid#version-1)
-  */
-  name: PropTypes.string,
-
-  /**
-  * Метод отрисовки контента радиокнопки. Не работает с `children`.
-  *
-  * Принимает два аргумента: `(value: Value, data: Data) => React.Node`
-  */
-  renderItem: PropTypes.func,
-
-  /**
-  * Значение радиогруппы. Должно быть одним из значений радиокнопок.
-  * Если не указано, то компонент будет работать, как неконтроллируемый
-  */
-  value: PropTypes.any,
-
-  /**
-  * Переводит все радиокнопки в состоянии предупреждения
-  */
-  warning: PropTypes.bool,
-
-  /**
-  * Ширина радиогруппы. Не работает с `children`
-  */
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /**
-  * Обработчик события при переключении радиокнопок.
-  * Имеет тип
-  * `(value: Value) => any`
-  */
-  onValueChange: PropTypes.func,
-  onBlur: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  onMouseLeave: PropTypes.func,
-  onMouseOver: PropTypes.func
-};
-RadioGroup.defaultProps = {
-  renderItem: renderItem
-};
-RadioGroup.Prevent = Prevent;
-
-function renderItem(_value, data) {
-  return data;
-}
-
-function mapItems(fn, items) {
-  var result = [];
-  var index = 0;
-
-  for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {
-    var entry = _step.value;
-
-    var _normalizeEntry = normalizeEntry(entry),
-        _value2 = _normalizeEntry[0],
-        _data = _normalizeEntry[1];
-
-    result.push(fn(_value2, _data, index));
-    ++index;
-  }
-
-  return result;
-}
-
-function normalizeEntry(entry) {
-  if (!Array.isArray(entry)) {
-    return [entry, entry];
-  }
-
-  return entry;
-}

package/components/RadioGroup/RadioGroup/RadioGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["RadioGroup.tsx"],"names":["React","PropTypes","invariant","cn","getRandomID","Radio","createPropsGetter","FocusTrap","ThemeContext","jsStyles","Prevent","RadioGroup","props","theme","node","name","getProps","defaultProps","getValue","isControlled","value","state","activeItem","getName","handleSelect","setState","onValueChange","renderRadio","itemValue","data","index","itemProps","key","className","item","itemFirst","itemInline","inline","renderItem","ref","element","defaultValue","getChildContext","onSelect","disabled","error","warning","render","renderMain","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","style","handlers","root","renderChildren","focus","radio","querySelector","items","children","mapItems","Component","__KONTUR_REACT_UI__","childContextTypes","bool","string","any","func","propTypes","oneOfType","number","_value","fn","result","entry","normalizeEntry","push","Array","isArray"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport invariant from 'invariant';\r\nimport cn from 'classnames';\r\n\r\nimport { getRandomID } from '../../lib/utils';\r\nimport { Radio } from '../Radio';\r\nimport { createPropsGetter } from '../../lib/createPropsGetter';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { FocusTrap } from '../../internal/FocusTrap';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { jsStyles } from './RadioGroup.styles';\r\nimport { Prevent } from './Prevent';\r\n\r\nexport interface RadioGroupProps<T = string | number> {\r\n  defaultValue?: T;\r\n  value?: T;\r\n  items?: T[] | [T, React.ReactNode][];\r\n  name?: string;\r\n  disabled?: boolean;\r\n  warning?: boolean;\r\n  error?: boolean;\r\n  inline?: boolean;\r\n  width?: React.CSSProperties['width'];\r\n  renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\r\n  /** Вызывается при изменении `value` */\r\n  onValueChange?: (value: T) => void;\r\n  onBlur?: (event: FocusEvent) => void;\r\n  onMouseLeave?: () => any;\r\n  onMouseOver?: () => any;\r\n  onMouseEnter?: () => any;\r\n}\r\n\r\nexport interface RadioGroupState<T> {\r\n  activeItem?: T;\r\n}\r\n\r\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'RadioGroup';\r\n\r\n  public static childContextTypes = {\r\n    error: PropTypes.bool,\r\n    name: PropTypes.string,\r\n    warning: PropTypes.bool,\r\n    disabled: PropTypes.bool,\r\n    activeItem: PropTypes.any,\r\n    onSelect: PropTypes.func,\r\n  };\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Может быть использовано, если не передан параметр `items`\r\n     *\r\n     * `children` может содержать любую разметку с компонентами Radio.\r\n     * Каждому компоненту Radio нужно указать параметр `value`, такого же типа\r\n     * как и параметр `value` самой радиогруппы.\r\n     *\r\n     * Значения активного элемента сравниваются по строгому равенству `===`\r\n     */\r\n    children: PropTypes.node,\r\n\r\n    /**\r\n     * Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок\r\n     * или значей из параметра `items`\r\n     */\r\n    defaultValue: PropTypes.any,\r\n\r\n    /**\r\n     * Дизейблит все радиокнопки\r\n     */\r\n    disabled: PropTypes.bool,\r\n\r\n    /**\r\n     * Переводит все радиокнопки в состоянии ошибки\r\n     */\r\n    error: PropTypes.bool,\r\n\r\n    /**\r\n     * Выравнивает элементы в строку. Не работает с `children`\r\n     */\r\n    inline: PropTypes.bool,\r\n\r\n    /**\r\n     * Может быть использовано, если не передан параметр `children`\r\n     *\r\n     * Массив параметров радиокнопок. Может быть типа `Array<Value>` или\r\n     * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`\r\n     * — значение которое будет использовано вторым параметром в `renderItem`.\r\n     * Если тип `items: Array<Value>`, то он будет приведен к типу\r\n     * `Array<[Value, Value]>`\r\n     */\r\n    items: PropTypes.any,\r\n\r\n    /**\r\n     * Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется\r\n     * случайное имя по алгоритму\r\n     * [uuid v1](https://github.com/kelektiv/node-uuid#version-1)\r\n     */\r\n    name: PropTypes.string,\r\n\r\n    /**\r\n     * Метод отрисовки контента радиокнопки. Не работает с `children`.\r\n     *\r\n     * Принимает два аргумента: `(value: Value, data: Data) => React.Node`\r\n     */\r\n    renderItem: PropTypes.func,\r\n\r\n    /**\r\n     * Значение радиогруппы. Должно быть одним из значений радиокнопок.\r\n     * Если не указано, то компонент будет работать, как неконтроллируемый\r\n     */\r\n    value: PropTypes.any,\r\n\r\n    /**\r\n     * Переводит все радиокнопки в состоянии предупреждения\r\n     */\r\n    warning: PropTypes.bool,\r\n\r\n    /**\r\n     * Ширина радиогруппы. Не работает с `children`\r\n     */\r\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    /**\r\n     * Обработчик события при переключении радиокнопок.\r\n     * Имеет тип\r\n     * `(value: Value) => any`\r\n     */\r\n    onValueChange: PropTypes.func,\r\n\r\n    onBlur: PropTypes.func,\r\n\r\n    onMouseEnter: PropTypes.func,\r\n\r\n    onMouseLeave: PropTypes.func,\r\n\r\n    onMouseOver: PropTypes.func,\r\n  };\r\n\r\n  public static defaultProps = {\r\n    renderItem,\r\n  };\r\n\r\n  public static Prevent = Prevent;\r\n\r\n  private theme!: Theme;\r\n\r\n  private node: Nullable<HTMLSpanElement>;\r\n  private name = getRandomID();\r\n  private getProps = createPropsGetter(RadioGroup.defaultProps);\r\n\r\n  constructor(props: RadioGroupProps<T>) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      activeItem: this.props.defaultValue,\r\n    };\r\n  }\r\n\r\n  public getChildContext() {\r\n    return {\r\n      activeItem: this.getValue(),\r\n      onSelect: this.handleSelect,\r\n      name: this.getName(),\r\n      disabled: this.props.disabled,\r\n      error: this.props.error,\r\n      warning: this.props.warning,\r\n    };\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public renderMain() {\r\n    const { width, onMouseLeave, onMouseOver, onMouseEnter, onBlur } = this.props;\r\n    const style = {\r\n      width: width != null ? width : 'auto',\r\n    };\r\n    const handlers = {\r\n      onMouseOver,\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n    };\r\n\r\n    return (\r\n      <FocusTrap onBlur={onBlur}>\r\n        <span ref={this.ref} style={style} className={jsStyles.root()} {...handlers}>\r\n          {this.renderChildren()}\r\n        </span>\r\n      </FocusTrap>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    const node = this.node;\r\n    if (!node) {\r\n      return;\r\n    }\r\n\r\n    let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\r\n\r\n    // If no checked radios, try get first radio\r\n    if (!radio || radio.disabled) {\r\n      radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\r\n    }\r\n\r\n    if (radio) {\r\n      radio.focus();\r\n    }\r\n  }\r\n\r\n  private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\r\n\r\n  private getName = () => this.props.name || this.name;\r\n\r\n  private isControlled = () => this.props.value != null;\r\n\r\n  private handleSelect = (value: T) => {\r\n    if (!this.isControlled()) {\r\n      this.setState({ activeItem: value });\r\n    }\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(value);\r\n    }\r\n  };\r\n\r\n  private renderChildren() {\r\n    const { items, children } = this.props;\r\n    invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\r\n    return items ? mapItems<T>(this.renderRadio, items) : children;\r\n  }\r\n\r\n  private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\r\n    const itemProps = {\r\n      key: typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : index,\r\n      className: cn({\r\n        [jsStyles.item(this.theme)]: true,\r\n        [jsStyles.itemFirst()]: index === 0,\r\n        [jsStyles.itemInline()]: !!this.props.inline,\r\n      }),\r\n    };\r\n\r\n    return (\r\n      <span {...itemProps}>\r\n        <Radio value={itemValue}>{this.getProps().renderItem<T>(itemValue, data)}</Radio>\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private ref = (element: HTMLSpanElement) => {\r\n    this.node = element;\r\n  };\r\n}\r\n\r\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\r\n  return data;\r\n}\r\n\r\nfunction mapItems<T>(\r\n  fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\r\n  items: T[] | [T, React.ReactNode][],\r\n) {\r\n  const result: React.ReactNode[] = [];\r\n  let index = 0;\r\n  for (const entry of items) {\r\n    const [value, data] = normalizeEntry<T>(entry);\r\n    result.push(fn(value, data, index));\r\n    ++index;\r\n  }\r\n  return result;\r\n}\r\n\r\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\r\n  if (!Array.isArray(entry)) {\r\n    return [entry, entry];\r\n  }\r\n  return entry;\r\n}\r\n"]}

package/components/RadioGroup/RadioGroup/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/RadioGroup/RadioGroup.js",
-  "module": "RadioGroup",
-  "types": "../RadioGroup.d.ts",
-  "sideEffects": false
-}

package/components/RadioGroup/RadioGroup.md

@@ -1,43 +0,0 @@
-```jsx harmony
-import { Gapped, Radio } from '@skbkontur/react-ui';
-
-let items = ['One', 'Two', 'Three', 'Four'];
-
-let simpleRadioGroup = (
-  <div>
-    <h2>Numbers</h2>
-    <RadioGroup name="number-simple" items={items} defaultValue="One" />
-  </div>
-);
-
-let complexRadioGroup = (
-  <div>
-    <h2>Numbers</h2>
-    <RadioGroup name="number-complex" defaultValue="3">
-      <Gapped gap={40}>
-        <Gapped vertical gap={10}>
-          <b>Odd</b>
-          <Radio value="1">One</Radio>
-          <Radio value="3">Three</Radio>
-          <Radio value="5" disabled>
-            Five
-          </Radio>
-          <Radio value="7">Seven</Radio>
-        </Gapped>
-        <Gapped vertical gap={10}>
-          <b>Even</b>
-          <Radio value="2">Two</Radio>
-          <Radio value="4">Four</Radio>
-          <Radio value="6">Six</Radio>
-          <Radio value="8">Eight</Radio>
-        </Gapped>
-      </Gapped>
-    </RadioGroup>
-  </div>
-);
-
-<div>
-  {simpleRadioGroup}
-  {complexRadioGroup}
-</div>;
-```

package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js

@@ -1,58 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: table;\n      margin-top: ", ";\n      width: 100%;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
-  root: function root() {
-    return css(_templateObject());
-  },
-  item: function item(t) {
-    return css(_templateObject2(), t.radioGroupLegacyItemGap);
-  },
-  itemFirst: function itemFirst() {
-    return css(_templateObject3());
-  },
-  itemInline: function itemInline() {
-    return css(_templateObject4());
-  }
-};
-export var jsStyles = memoizeStyle(styles);

package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["RadioGroup.styles.ts"],"names":["css","memoizeStyle","styles","root","item","t","radioGroupLegacyItemGap","itemFirst","itemInline","jsStyles"],"mappings":"s9BAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;;;AAKD,GAPY;;AASbI,EAAAA,IATa,gBASRC,CATQ,EASE;AACb,WAAOL,GAAP;;AAEgBK,IAAAA,CAAC,CAACC,uBAFlB;;;AAKD,GAfY;;AAiBbC,EAAAA,SAjBa,uBAiBD;AACV,WAAOP,GAAP;;;AAGD,GArBY;;AAuBbQ,EAAAA,UAvBa,wBAuBA;AACX,WAAOR,GAAP;;;;;;AAMD,GA9BY,EAAf;;;AAiCA,OAAO,IAAMS,QAAQ,GAAGR,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      display: inline-block;\r\n      user-select: none;\r\n      cursor: default;\r\n    `;\r\n  },\r\n\r\n  item(t: Theme) {\r\n    return css`\r\n      display: table;\r\n      margin-top: ${t.radioGroupLegacyItemGap};\r\n      width: 100%;\r\n    `;\r\n  },\r\n\r\n  itemFirst() {\r\n    return css`\r\n      margin-top: 0;\r\n    `;\r\n  },\r\n\r\n  itemInline() {\r\n    return css`\r\n      display: inline-table;\r\n      margin-right: 15px;\r\n      margin-top: 0;\r\n      width: auto;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}

package/components/RadioGroup/RadioGroup.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/RadioGroup/RadioGroup.styles.js",
-  "module": "RadioGroup.styles",
-  "types": "../RadioGroup.styles.d.ts",
-  "sideEffects": false
-}

package/components/RadioGroup/index/index.js

@@ -1 +0,0 @@
-export * from "../RadioGroup";

package/components/RadioGroup/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './RadioGroup';\r\n"]}

package/components/RadioGroup/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/RadioGroup/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/components/RadioGroup/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/components/RadioGroup/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}