react-science 0.34.0 → 0.36.0

package/lib-esm/components/forms/radio-group/ClassicRadioItem.d.ts

@@ -1,3 +0,0 @@
-import { RadioOption, RadioGroupProps } from './RadioGroup';
-export declare function ClassicRadioItem(props: RadioOption & Pick<RadioGroupProps, 'onSelect' | 'variant' | 'name'>): import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ClassicRadioItem.d.ts.map

package/lib-esm/components/forms/radio-group/ClassicRadioItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClassicRadioItem.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/ClassicRadioItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA2D5D,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,oDA4B5E"}

package/lib-esm/components/forms/radio-group/ClassicRadioItem.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-import * as RadioGroup from '@radix-ui/react-radio-group';
-import { disabledColor, enabledColor } from '../styles';
-const classicStyles = {
-    container: (disabled) => css({
-        display: 'flex',
-        alignItems: 'center',
-        flexDirection: 'row-reverse',
-        opacity: disabled ? 0.25 : 1,
-        overflow: 'hidden',
-        border: 'none',
-    }),
-    item: (disabled, variant) => css({
-        position: 'relative',
-        width: variant === 'default' ? 16 : 14,
-        height: variant === 'default' ? 16 : 14,
-        borderRadius: '50%',
-        border: '1px solid grey',
-        backgroundColor: disabled ? disabledColor : 'white',
-        ':hover': {
-            borderColor: disabled ? 'grey' : enabledColor,
-        },
-    }),
-    indicator: css({
-        position: 'absolute',
-        top: -1,
-        left: -1,
-        right: -1,
-        bottom: -1,
-        zIndex: 10,
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: enabledColor,
-        borderRadius: '50%',
-    }),
-    circle: css({
-        width: '40%',
-        height: '40%',
-        borderRadius: '50%',
-        backgroundColor: 'white',
-    }),
-    label: (disabled) => css({
-        cursor: 'pointer',
-        lineHeight: 1,
-        paddingLeft: 5,
-        fontSize: '12px',
-        ':hover': {
-            '& ~ button': {
-                borderColor: disabled ? 'grey' : enabledColor,
-            },
-        },
-    }),
-};
-export function ClassicRadioItem(props) {
-    const { value, label, disabled = false, onSelect, variant, name } = props;
-    return (_jsxs("div", { css: classicStyles.container(disabled), children: [_jsx("label", { css: classicStyles.label(disabled), style: {
-                    fontSize: variant === 'small' ? '1em' : '1.125em',
-                }, htmlFor: `${value}${name}`, children: label }), _jsx(RadioGroup.Item, { css: classicStyles.item(disabled, variant), value: value, id: `${value}${name}`, onClick: () => {
-                    if (!disabled)
-                        onSelect?.(props);
-                }, children: _jsx(RadioGroup.Indicator, { css: classicStyles.indicator, children: _jsx("div", { css: classicStyles.circle }) }) })] }));
-}
-//# sourceMappingURL=ClassicRadioItem.js.map

package/lib-esm/components/forms/radio-group/ClassicRadioItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClassicRadioItem.js","sourceRoot":"","sources":["../../../../src/components/forms/radio-group/ClassicRadioItem.tsx"],"names":[],"mappings":"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"}

package/src/components/button/ButtonGroup.tsx

@@ -1,57 +0,0 @@
-import styled from '@emotion/styled';
-import { ReactNode } from 'react';
-
-const ButtonGroupRoot = styled.div`
-  display: inline-flex;
-  border-radius: 0.375rem;
-  isolation: isolate;
-`;
-
-const ButtonGroupCustomButton = styled.button<{ isLast: boolean }>`
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  font-weight: 500;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  border-width: 1px;
-  border-top-left-radius: ${({ isLast }) => !isLast && '0.375rem'};
-  border-bottom-left-radius: ${({ isLast }) => !isLast && '0.375rem'};
-
-  border-top-right-radius: ${({ isLast }) => isLast && '0.375rem'};
-  border-bottom-right-radius: ${({ isLast }) => isLast && '0.375rem'};
-  margin-left: ${({ isLast }) => isLast && '-1px'};
-`;
-
-interface ButtonGroupProps {
-  children: [ReactNode, ReactNode];
-}
-
-export function ButtonGroup(props: ButtonGroupProps) {
-  const { children } = props;
-  return <ButtonGroupRoot>{children}</ButtonGroupRoot>;
-}
-
-interface ButtonGroupButtonProps {
-  position: 'first' | 'last';
-  label: string;
-  onClick: () => void;
-}
-
-ButtonGroup.Button = function ButtonGroupButton(props: ButtonGroupButtonProps) {
-  const { position, label, onClick } = props;
-
-  return (
-    <ButtonGroupCustomButton
-      type="button"
-      onClick={onClick}
-      isLast={position === 'last'}
-    >
-      {label}
-    </ButtonGroupCustomButton>
-  );
-};

package/src/components/forms/radio-group/ClassicRadioItem.tsx

@@ -1,95 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-import * as RadioGroup from '@radix-ui/react-radio-group';
-
-import { disabledColor, enabledColor, InputVariant } from '../styles';
-
-import { RadioOption, RadioGroupProps } from './RadioGroup';
-
-const classicStyles = {
-  container: (disabled: boolean) =>
-    css({
-      display: 'flex',
-      alignItems: 'center',
-      flexDirection: 'row-reverse',
-      opacity: disabled ? 0.25 : 1,
-      overflow: 'hidden',
-      border: 'none',
-    }),
-  item: (disabled: boolean, variant?: InputVariant) =>
-    css({
-      position: 'relative',
-      width: variant === 'default' ? 16 : 14,
-      height: variant === 'default' ? 16 : 14,
-      borderRadius: '50%',
-      border: '1px solid grey',
-      backgroundColor: disabled ? disabledColor : 'white',
-      ':hover': {
-        borderColor: disabled ? 'grey' : enabledColor,
-      },
-    }),
-
-  indicator: css({
-    position: 'absolute',
-    top: -1,
-    left: -1,
-    right: -1,
-    bottom: -1,
-    zIndex: 10,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: enabledColor,
-    borderRadius: '50%',
-  }),
-  circle: css({
-    width: '40%',
-    height: '40%',
-    borderRadius: '50%',
-    backgroundColor: 'white',
-  }),
-
-  label: (disabled: boolean) =>
-    css({
-      cursor: 'pointer',
-      lineHeight: 1,
-      paddingLeft: 5,
-      fontSize: '12px',
-      ':hover': {
-        '& ~ button': {
-          borderColor: disabled ? 'grey' : enabledColor,
-        },
-      },
-    }),
-};
-
-export function ClassicRadioItem(
-  props: RadioOption & Pick<RadioGroupProps, 'onSelect' | 'variant' | 'name'>,
-) {
-  const { value, label, disabled = false, onSelect, variant, name } = props;
-  return (
-    <div css={classicStyles.container(disabled)}>
-      <label
-        css={classicStyles.label(disabled)}
-        style={{
-          fontSize: variant === 'small' ? '1em' : '1.125em',
-        }}
-        htmlFor={`${value}${name}`}
-      >
-        {label}
-      </label>
-      <RadioGroup.Item
-        css={classicStyles.item(disabled, variant)}
-        value={value}
-        id={`${value}${name}`}
-        onClick={() => {
-          if (!disabled) onSelect?.(props);
-        }}
-      >
-        <RadioGroup.Indicator css={classicStyles.indicator}>
-          <div css={classicStyles.circle} />
-        </RadioGroup.Indicator>
-      </RadioGroup.Item>
-    </div>
-  );
-}