@ultraviolet/ui 1.51.0 → 1.51.2

package/dist/src/components/RadioGroup/index.js

@@ -1,131 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { Icon } from '@ultraviolet/icons';
-import { useMemo, createContext, useContext } from 'react';
-import { Radio } from '../Radio/index.js';
-import { Stack } from '../Stack/index.js';
-import { Text } from '../Text/index.js';
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const RadioGroupContext = /*#__PURE__*/createContext(undefined);
-const RadioGroupRadio = ({
-  onFocus,
-  onBlur,
-  disabled,
-  error,
-  name,
-  value,
-  label,
-  helper,
-  className,
-  autoFocus,
-  onKeyDown,
-  'data-testid': dataTestId
-}) => {
-  const context = useContext(RadioGroupContext);
-  if (!context) {
-    throw new Error('RadioGroup.Radio can only be used inside a RadioGroup');
-  }
-  const {
-    groupName,
-    onChange,
-    groupValue
-  } = context;
-  return jsx(Radio, {
-    onChange: onChange,
-    checked: groupValue === value,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    disabled: disabled,
-    error: error,
-    name: groupName ?? name,
-    value: value,
-    label: label,
-    helper: helper,
-    className: className,
-    autoFocus: autoFocus,
-    onKeyDown: onKeyDown,
-    "data-testid": dataTestId
-  });
-};
-const FieldSet = /*#__PURE__*/_styled("fieldset", {
-  target: "e15shfap1"
-})(process.env.NODE_ENV === "production" ? {
-  name: "7o2an9",
-  styles: "border:none;padding:0;margin:0"
-} : {
-  name: "7o2an9",
-  styles: "border:none;padding:0;margin:0",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledRequiredIcon = /*#__PURE__*/_styled(Icon, {
-  target: "e15shfap0"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1nglpc5",
-  styles: "vertical-align:super"
-} : {
-  name: "1nglpc5",
-  styles: "vertical-align:super",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-/**
- * RadioGroup is a component that allows users to select one option from a list of options using radio.
- */
-const RadioGroup = ({
-  legend,
-  value,
-  className,
-  helper,
-  error,
-  direction = 'column',
-  children,
-  onChange,
-  name,
-  required = false
-}) => {
-  const contextValue = useMemo(() => ({
-    groupName: name,
-    groupValue: value,
-    onChange,
-    required
-  }), [name, value, onChange, required]);
-  return jsx(RadioGroupContext.Provider, {
-    value: contextValue,
-    children: jsxs(Stack, {
-      gap: 1,
-      children: [jsx(FieldSet, {
-        className: className,
-        children: jsxs(Stack, {
-          gap: 1.5,
-          children: [jsxs(Text, {
-            as: "legend",
-            variant: "bodyStrong",
-            children: [legend, "\xA0", required ? jsx(StyledRequiredIcon, {
-              name: "asterisk",
-              color: "danger",
-              size: 8
-            }) : null]
-          }), jsx(Stack, {
-            gap: direction === 'column' ? 1 : 2,
-            direction: direction,
-            children: children
-          })]
-        })
-      }), helper ? jsx(Text, {
-        as: "span",
-        variant: "caption",
-        prominence: "weak",
-        sentiment: "neutral",
-        children: helper
-      }) : null, error ? jsx(Text, {
-        as: "span",
-        variant: "caption",
-        sentiment: "danger",
-        children: error
-      }) : null]
-    })
-  });
-};
-RadioGroup.Radio = RadioGroupRadio;
-
-export { RadioGroup };

package/dist/src/components/Row/index.js

@@ -1,41 +0,0 @@
-import _styled from '@emotion/styled/base';
-import { jsx } from '@emotion/react/jsx-runtime';
-
-const StyledRow = /*#__PURE__*/_styled('div', {
-  shouldForwardProp: prop => !['templateColumns', 'gap', 'alignItems', 'justifyContent'].includes(prop),
-  target: "e3f5lzv0"
-})("display:grid;", ({
-  theme,
-  gap,
-  alignItems = 'normal',
-  templateColumns,
-  justifyContent = 'normal'
-}) => `
-    grid-template-columns: ${templateColumns};
-    ${gap ? `gap: ${theme.space[gap]};` : ''}
-    align-items: ${alignItems};
-    justify-content: ${justifyContent};
-  `, ";");
-/**
- * Row component is a wrapper for grid layout.
- * @experimental This component is experimental and may be subject to breaking changes in the future.
- */
-const Row = ({
-  className,
-  'data-testid': dataTestId,
-  children,
-  templateColumns,
-  alignItems,
-  justifyContent,
-  gap
-}) => jsx(StyledRow, {
-  className: className,
-  "data-testid": dataTestId,
-  gap: gap,
-  templateColumns: templateColumns,
-  alignItems: alignItems,
-  justifyContent: justifyContent,
-  children: children
-});
-
-export { Row, StyledRow };