@redsift/design-system 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.5

package/components/switch/Switch.js

@@ -1,137 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useContext, useState, useEffect, useCallback } from 'react';
-import classNames from 'classnames';
-import { SwitchGroupContext } from '../switch-group/context.js';
-import { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound.js';
-import { StyledSwitch } from './styles.js';
-import { useFocusRing } from '../../react-aria/react-aria/focus/useFocusRing.js';
-import { useTheme } from '../theme/useTheme.js';
-
-const _excluded = ["aria-label", "aria-labelledby", "autoFocus", "children", "className", "defaultSelected", "inputProps", "inputRef", "isColored", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "isSelected", "name", "onChange", "theme", "value"];
-const COMPONENT_NAME = 'Switch';
-const CLASSNAME = 'redsift-switch';
-
-/**
- * The Switch component.
- * Works both inside a SwitchGroup or as standalone.
- * Can be used as controlled or uncontrolled.
- */
-const Switch = /*#__PURE__*/forwardRef((props, ref) => {
-  var _isDisabled, _isReadOnly, _ref;
-  const groupState = useContext(SwitchGroupContext);
-  let {
-      'aria-label': ariaLabel,
-      'aria-labelledby': ariaLabelledby,
-      autoFocus,
-      children,
-      className,
-      defaultSelected,
-      inputProps,
-      inputRef,
-      isColored = true,
-      isDisabled,
-      isInvalid,
-      isReadOnly,
-      isRequired,
-      isSelected: propsIsSelected,
-      name,
-      onChange,
-      theme: propsTheme,
-      value
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const theme = useTheme(propsTheme);
-  const {
-    isFocusVisible,
-    focusProps
-  } = useFocusRing({
-    autoFocus
-  });
-  isDisabled = (_isDisabled = isDisabled) !== null && _isDisabled !== void 0 ? _isDisabled : groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled;
-  isReadOnly = (_isReadOnly = isReadOnly) !== null && _isReadOnly !== void 0 ? _isReadOnly : groupState === null || groupState === void 0 ? void 0 : groupState.isReadOnly;
-  const [isSelected, setSelected] = useState(Boolean((_ref = propsIsSelected !== null && propsIsSelected !== void 0 ? propsIsSelected : defaultSelected) !== null && _ref !== void 0 ? _ref : groupState === null || groupState === void 0 ? void 0 : groupState.value.includes(value)));
-  const isControlled = propsIsSelected !== null && propsIsSelected !== undefined;
-  useEffect(() => {
-    setSelected(Boolean(propsIsSelected !== null && propsIsSelected !== void 0 ? propsIsSelected : defaultSelected));
-  }, [propsIsSelected, defaultSelected]);
-  useEffect(() => {
-    if (groupState) {
-      setSelected(groupState.value.includes(value));
-    }
-  }, [groupState === null || groupState === void 0 ? void 0 : groupState.value]);
-  warnIfNoAccessibleLabelFound(props, [children], 'Switch');
-  if (groupState) {
-    if (propsIsSelected != null) {
-      console.warn('isSelected is unsupported on individual <Switch> elements within a <SwitchGroup> unless the <Switch> is controlled. Please apply this prop to the group instead.');
-    }
-    if (defaultSelected != null) {
-      console.warn('defaultSelected is unsupported on individual <Switch> elements within a <SwitchGroup> unless the <Switch> is controlled. Please apply this prop to the group instead.');
-    }
-    if (props.value == null) {
-      console.warn('A <Switch> element within a <SwitchGroup> requires a `value` property unless the <Switch> is controlled.');
-    }
-  }
-  const handleChange = useCallback(event => {
-    if (isDisabled || isReadOnly) {
-      return;
-    }
-    if (groupState) {
-      if (!groupState.value.includes(value)) {
-        groupState.addValue(value);
-      } else {
-        groupState.removeValue(value);
-      }
-    }
-    if (isControlled) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(!propsIsSelected, value, name, event, groupState);
-    } else {
-      setSelected(!isSelected);
-      onChange === null || onChange === void 0 ? void 0 : onChange(!isSelected, value, name, event, groupState);
-    }
-  }, [onChange, groupState, isSelected, propsIsSelected]);
-  return /*#__PURE__*/React.createElement(StyledSwitch, _extends({}, forwardedProps, {
-    $isColored: isColored,
-    $isDisabled: isDisabled,
-    $isFocusVisible: isFocusVisible,
-    $isInvalid: isInvalid || isRequired && !(isSelected || isControlled && propsIsSelected),
-    $isRequired: isRequired,
-    $isSelected: isSelected || isControlled && propsIsSelected,
-    $theme: theme,
-    className: classNames(Switch.className, className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${Switch.className}__slide`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${Switch.className}-slide__inner`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${Switch.className}-slide__knob-wrapper`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${Switch.className}-slide-knob-wrapper__elevation`
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${Switch.className}-slide-knob-wrapper__knob`
-  }))), children ? /*#__PURE__*/React.createElement("span", {
-    className: "label"
-  }, children) : null, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, focusProps, {
-    "aria-checked": isSelected || isControlled && propsIsSelected ? 'true' : 'false',
-    "aria-disabled": isDisabled,
-    "aria-invalid": isInvalid || isRequired && !(isSelected || isControlled && propsIsSelected),
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby,
-    "aria-readonly": isReadOnly,
-    "aria-required": isRequired,
-    autoFocus: autoFocus,
-    checked: isSelected || isControlled && propsIsSelected ? true : false,
-    disabled: isDisabled,
-    name: name,
-    onChange: handleChange,
-    ref: inputRef,
-    role: "switch",
-    type: "checkbox",
-    value: value
-  })));
-});
-Switch.className = CLASSNAME;
-Switch.displayName = COMPONENT_NAME;
-
-export { Switch };
-//# sourceMappingURL=Switch.js.map

package/components/switch/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import React, {\n  ComponentProps,\n  forwardRef,\n  MutableRefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useState,\n} from 'react';\nimport classNames from 'classnames';\nimport { useFocusRing } from '../../react-aria/react-aria/focus';\nimport { Comp } from '../../types';\nimport { SwitchGroupContext } from '../switch-group/context';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { SwitchProps } from './types';\nimport { StyledSwitch } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Switch';\nconst CLASSNAME = 'redsift-switch';\n\n/**\n * The Switch component.\n * Works both inside a SwitchGroup or as standalone.\n * Can be used as controlled or uncontrolled.\n */\nexport const Switch: Comp<SwitchProps, HTMLLabelElement> = forwardRef((props, ref) => {\n  const groupState = useContext(SwitchGroupContext);\n\n  let {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    autoFocus,\n    children,\n    className,\n    defaultSelected,\n    inputProps,\n    inputRef,\n    isColored = true,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    isSelected: propsIsSelected,\n    name,\n    onChange,\n    theme: propsTheme,\n    value,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const { isFocusVisible, focusProps } = useFocusRing({ autoFocus });\n  isDisabled = isDisabled ?? groupState?.isDisabled;\n  isReadOnly = isReadOnly ?? groupState?.isReadOnly;\n\n  const [isSelected, setSelected] = useState(\n    Boolean(propsIsSelected ?? defaultSelected ?? groupState?.value.includes(value as string))\n  );\n  const isControlled = propsIsSelected !== null && propsIsSelected !== undefined;\n\n  useEffect(() => {\n    setSelected(Boolean(propsIsSelected ?? defaultSelected));\n  }, [propsIsSelected, defaultSelected]);\n\n  useEffect(() => {\n    if (groupState) {\n      setSelected(groupState.value.includes(value as string));\n    }\n  }, [groupState?.value]);\n\n  warnIfNoAccessibleLabelFound(props as ComponentProps<'label'>, [children], 'Switch');\n\n  if (groupState) {\n    if (propsIsSelected != null) {\n      console.warn(\n        'isSelected is unsupported on individual <Switch> elements within a <SwitchGroup> unless the <Switch> is controlled. Please apply this prop to the group instead.'\n      );\n    }\n    if (defaultSelected != null) {\n      console.warn(\n        'defaultSelected is unsupported on individual <Switch> elements within a <SwitchGroup> unless the <Switch> is controlled. Please apply this prop to the group instead.'\n      );\n    }\n    if (props.value == null) {\n      console.warn(\n        'A <Switch> element within a <SwitchGroup> requires a `value` property unless the <Switch> is controlled.'\n      );\n    }\n  }\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      if (isDisabled || isReadOnly) {\n        return;\n      }\n\n      if (groupState) {\n        if (!groupState.value.includes(value as string)) {\n          groupState.addValue(value as string);\n        } else {\n          groupState.removeValue(value as string);\n        }\n      }\n\n      if (isControlled) {\n        onChange?.(!propsIsSelected, value, name, event, groupState!);\n      } else {\n        setSelected(!isSelected);\n        onChange?.(!isSelected, value, name, event, groupState!);\n      }\n    },\n    [onChange, groupState, isSelected, propsIsSelected]\n  );\n\n  return (\n    <StyledSwitch\n      {...forwardedProps}\n      $isColored={isColored}\n      $isDisabled={isDisabled}\n      $isFocusVisible={isFocusVisible}\n      $isInvalid={isInvalid || (isRequired && !(isSelected || (isControlled && propsIsSelected)))}\n      $isRequired={isRequired}\n      $isSelected={isSelected || (isControlled && propsIsSelected)}\n      $theme={theme}\n      className={classNames(Switch.className, className)}\n      ref={ref as MutableRefObject<HTMLLabelElement>}\n    >\n      <div className={`${Switch.className}__slide`}>\n        <div className={`${Switch.className}-slide__inner`} />\n        <div className={`${Switch.className}-slide__knob-wrapper`}>\n          <div className={`${Switch.className}-slide-knob-wrapper__elevation`} />\n          <div className={`${Switch.className}-slide-knob-wrapper__knob`} />\n        </div>\n      </div>\n      {children ? <span className=\"label\">{children}</span> : null}\n      <input\n        {...inputProps}\n        {...focusProps}\n        aria-checked={isSelected || (isControlled && propsIsSelected) ? 'true' : 'false'}\n        aria-disabled={isDisabled}\n        aria-invalid={isInvalid || (isRequired && !(isSelected || (isControlled && propsIsSelected)))}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        aria-readonly={isReadOnly}\n        aria-required={isRequired}\n        autoFocus={autoFocus}\n        checked={isSelected || (isControlled && propsIsSelected) ? true : false}\n        disabled={isDisabled}\n        name={name}\n        onChange={handleChange}\n        ref={inputRef as MutableRefObject<HTMLInputElement>}\n        role=\"switch\"\n        type=\"checkbox\"\n        value={value}\n      />\n    </StyledSwitch>\n  );\n});\nSwitch.className = CLASSNAME;\nSwitch.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Switch","forwardRef","props","ref","_isDisabled","_isReadOnly","_ref","groupState","useContext","SwitchGroupContext","ariaLabel","ariaLabelledby","autoFocus","children","className","defaultSelected","inputProps","inputRef","isColored","isDisabled","isInvalid","isReadOnly","isRequired","isSelected","propsIsSelected","name","onChange","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","isFocusVisible","focusProps","useFocusRing","setSelected","useState","Boolean","includes","isControlled","undefined","useEffect","warnIfNoAccessibleLabelFound","console","warn","handleChange","useCallback","event","addValue","removeValue","React","createElement","StyledSwitch","_extends","$isColored","$isDisabled","$isFocusVisible","$isInvalid","$isRequired","$isSelected","$theme","classNames","checked","disabled","role","type","displayName"],"mappings":"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"}

package/components/switch/styles.js

@@ -1,187 +0,0 @@
-import styled, { css } from 'styled-components';
-import { baseStyling } from '../shared/styles.js';
-
-/**
- * Component style.
- */
-const StyledSwitch = styled.label`
-  height: fit-content;
-  position: relative;
-  width: fit-content;
-  ${baseStyling}
-
-  align-items: center;
-  background: none;
-  border: none;
-  display: inline-flex;
-  margin: 4px;
-
-  input {
-    height: 100%;
-    margin: 0;
-    opacity: 0;
-    overflow: visible;
-    padding: 0;
-    position: absolute;
-    width: 100%;
-  }
-
-  span.label {
-    ${_ref => {
-  let {
-    $isDisabled,
-    $isInvalid,
-    $theme
-  } = _ref;
-  return $isDisabled ? css`
-            color: var(--redsift-color-${$theme}-components-switch-text-disabled);
-          ` : $isInvalid ? css`
-            color: var(--redsift-color-${$theme}-components-switch-text-invalid);
-          ` : css`
-            color: var(--redsift-color-${$theme}-components-switch-text-default);
-          `;
-}}
-
-    font-family: var(--redsift-typography-body-font-family);
-    font-size: var(--redsift-typography-body-font-size);
-    font-weight: var(--redsift-typography-body-font-weight);
-    line-height: var(--redsift-typography-body-line-height);
-    padding-inline-start: 12px;
-    padding-inline-end: 24px;
-  }
-
-  .redsift-switch__slide {
-    height: 20px;
-    position: relative;
-    min-width: 40px;
-  }
-
-  .redsift-switch-slide__inner {
-    ${_ref2 => {
-  let {
-    $isColored,
-    $isDisabled,
-    $isInvalid,
-    $isSelected,
-    $theme
-  } = _ref2;
-  return $isDisabled ? css`
-            background-color: var(
-              --redsift-color-${$theme}-components-switch-background-disabled${$isSelected ? '-active' : ''}
-            );
-          ` : $isInvalid ? css`
-            background-color: var(
-              --redsift-color-${$theme}-components-switch-background-invalid${$isSelected ? '-active' : ''}
-            );
-          ` : css`
-            background-color: ${$isColored ? `var(--redsift-color-${$theme}-components-switch-background-default${$isSelected ? '-active' : ''})` : `var(--redsift-color-${$theme}-components-switch-background-uncolored${$isSelected ? '-active' : ''})`};
-          `;
-}}
-    border-radius: 20px;
-    height: 24px;
-    position: absolute;
-    top: calc(50% - 24px / 2);
-    width: 46px;
-    z-index: 2;
-  }
-
-  .redsift-switch-slide__knob-wrapper {
-    border-radius: 50%;
-    height: 20px;
-    margin-inline-start: ${_ref3 => {
-  let {
-    $isSelected
-  } = _ref3;
-  return !$isSelected ? '2px' : '24px';
-}};
-    position: absolute;
-    top: -6px;
-    width: 20px;
-  }
-
-  .redsift-switch-slide-knob-wrapper__elevation {
-    ${_ref4 => {
-  let {
-    $isDisabled,
-    $isInvalid,
-    $theme
-  } = _ref4;
-  return $isDisabled ? css`
-            background-color: var(--redsift-color-${$theme}-components-switch-dot-disabled-hover);
-          ` : $isInvalid ? css`
-            background-color: var(--redsift-color-${$theme}-components-switch-dot-invalid-hover);
-          ` : css`
-            background-color: var(--redsift-color-${$theme}-components-switch-dot-default-hover);
-          `;
-}}
-
-    border-radius: 50%;
-    height: 32px;
-    margin-inline-start: ${_ref5 => {
-  let {
-    $isSelected
-  } = _ref5;
-  return !$isSelected ? '-6px' : '-6px';
-}};
-    opacity: 0;
-    position: absolute;
-    width: 32px;
-    z-index: 3;
-  }
-
-  .redsift-switch-slide-knob-wrapper__knob {
-    ${_ref6 => {
-  let {
-    $isDisabled,
-    $isInvalid,
-    $theme
-  } = _ref6;
-  return $isDisabled ? css`
-            background-color: var(--redsift-color-${$theme}-components-switch-dot-disabled);
-          ` : $isInvalid ? css`
-            background-color: var(--redsift-color-${$theme}-components-switch-dot-invalid);
-          ` : css`
-            background-color: var(--redsift-color-${$theme}-components-switch-dot-default);
-          `;
-}}
-    border-radius: 50%;
-    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);
-    height: 20px;
-    position: absolute;
-    top: 6px;
-    width: 20px;
-    z-index: 4;
-  }
-
-  &:hover,
-  &:focus-visible {
-    outline: none;
-    cursor: pointer;
-
-    ${_ref7 => {
-  let {
-    $isDisabled
-  } = _ref7;
-  return !$isDisabled ? css`
-            .redsift-switch-slide-knob-wrapper__elevation {
-              opacity: 0.5;
-            }
-          ` : '';
-}}
-  }
-
-  ${_ref8 => {
-  let {
-    $isDisabled,
-    $isFocusVisible
-  } = _ref8;
-  return $isFocusVisible && !$isDisabled ? css`
-          .redsift-switch-slide-knob-wrapper__elevation {
-            opacity: 0.5;
-          }
-        ` : '';
-}}
-`;
-
-export { StyledSwitch };
-//# sourceMappingURL=styles.js.map

package/components/switch/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/switch/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledSwitchProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSwitch = styled.label<StyledSwitchProps>`\n  height: fit-content;\n  position: relative;\n  width: fit-content;\n  ${baseStyling}\n\n  align-items: center;\n  background: none;\n  border: none;\n  display: inline-flex;\n  margin: 4px;\n\n  input {\n    height: 100%;\n    margin: 0;\n    opacity: 0;\n    overflow: visible;\n    padding: 0;\n    position: absolute;\n    width: 100%;\n  }\n\n  span.label {\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            color: var(--redsift-color-${$theme}-components-switch-text-disabled);\n          `\n        : $isInvalid\n        ? css`\n            color: var(--redsift-color-${$theme}-components-switch-text-invalid);\n          `\n        : css`\n            color: var(--redsift-color-${$theme}-components-switch-text-default);\n          `}\n\n    font-family: var(--redsift-typography-body-font-family);\n    font-size: var(--redsift-typography-body-font-size);\n    font-weight: var(--redsift-typography-body-font-weight);\n    line-height: var(--redsift-typography-body-line-height);\n    padding-inline-start: 12px;\n    padding-inline-end: 24px;\n  }\n\n  .redsift-switch__slide {\n    height: 20px;\n    position: relative;\n    min-width: 40px;\n  }\n\n  .redsift-switch-slide__inner {\n    ${({ $isColored, $isDisabled, $isInvalid, $isSelected, $theme }) =>\n      $isDisabled\n        ? css`\n            background-color: var(\n              --redsift-color-${$theme}-components-switch-background-disabled${$isSelected ? '-active' : ''}\n            );\n          `\n        : $isInvalid\n        ? css`\n            background-color: var(\n              --redsift-color-${$theme}-components-switch-background-invalid${$isSelected ? '-active' : ''}\n            );\n          `\n        : css`\n            background-color: ${$isColored\n              ? `var(--redsift-color-${$theme}-components-switch-background-default${$isSelected ? '-active' : ''})`\n              : `var(--redsift-color-${$theme}-components-switch-background-uncolored${$isSelected ? '-active' : ''})`};\n          `}\n    border-radius: 20px;\n    height: 24px;\n    position: absolute;\n    top: calc(50% - 24px / 2);\n    width: 46px;\n    z-index: 2;\n  }\n\n  .redsift-switch-slide__knob-wrapper {\n    border-radius: 50%;\n    height: 20px;\n    margin-inline-start: ${({ $isSelected }) => (!$isSelected ? '2px' : '24px')};\n    position: absolute;\n    top: -6px;\n    width: 20px;\n  }\n\n  .redsift-switch-slide-knob-wrapper__elevation {\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-disabled-hover);\n          `\n        : $isInvalid\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-invalid-hover);\n          `\n        : css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-default-hover);\n          `}\n\n    border-radius: 50%;\n    height: 32px;\n    margin-inline-start: ${({ $isSelected }) => (!$isSelected ? '-6px' : '-6px')};\n    opacity: 0;\n    position: absolute;\n    width: 32px;\n    z-index: 3;\n  }\n\n  .redsift-switch-slide-knob-wrapper__knob {\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-disabled);\n          `\n        : $isInvalid\n        ? css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-invalid);\n          `\n        : css`\n            background-color: var(--redsift-color-${$theme}-components-switch-dot-default);\n          `}\n    border-radius: 50%;\n    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);\n    height: 20px;\n    position: absolute;\n    top: 6px;\n    width: 20px;\n    z-index: 4;\n  }\n\n  &:hover,\n  &:focus-visible {\n    outline: none;\n    cursor: pointer;\n\n    ${({ $isDisabled }) =>\n      !$isDisabled\n        ? css`\n            .redsift-switch-slide-knob-wrapper__elevation {\n              opacity: 0.5;\n            }\n          `\n        : ''}\n  }\n\n  ${({ $isDisabled, $isFocusVisible }) =>\n    $isFocusVisible && !$isDisabled\n      ? css`\n          .redsift-switch-slide-knob-wrapper__elevation {\n            opacity: 0.5;\n          }\n        `\n      : ''}\n`;\n"],"names":["StyledSwitch","styled","label","baseStyling","_ref","$isDisabled","$isInvalid","$theme","css","_ref2","$isColored","$isSelected","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","$isFocusVisible"],"mappings":"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"}

package/components/switch/types.d.ts

@@ -1,58 +0,0 @@
-import { ComponentProps, MutableRefObject, ChangeEvent } from 'react';
-import { SwitchGroupState } from '../switch-group/types.js';
-import { StylingProps } from '../../types/styles.js';
-import { Theme } from '../../types/colors.js';
-
-/**
- * Component props.
- */
-interface SwitchProps extends Omit<ComponentProps<'label'>, 'onChange'>, StylingProps {
-    /** Whether the component can be autofocused. */
-    autoFocus?: boolean;
-    /**
-     * Default select status.
-     * Used for uncontrolled version.
-     */
-    defaultSelected?: boolean;
-    /** Custom props to pass to the input element. */
-    inputProps?: ComponentProps<'input'>;
-    /** Custom ref object to pass to the input element. */
-    inputRef?: MutableRefObject<HTMLInputElement>;
-    /** Whether the component should use the product colors or shades of grey. */
-    isColored?: boolean;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
-    /** Whether the component is invalid or not. */
-    isInvalid?: boolean;
-    /** Whether the component is read only or not. */
-    isReadOnly?: boolean;
-    /** Whether the component is required or not. */
-    isRequired?: boolean;
-    /**
-     * Whether the component is selected or not.
-     * Used for controlled version.
-     */
-    isSelected?: boolean;
-    /** Name to pass to the input element. */
-    name?: HTMLInputElement['name'];
-    /** Method to handle component change. */
-    onChange?(isChecked: boolean, value?: string, name?: string, event?: ChangeEvent<HTMLInputElement>, state?: SwitchGroupState): void;
-    /** Theme. */
-    theme?: Theme;
-    /**
-     * Value to pass to the input element.
-     * Required within a group.
-     */
-    value?: HTMLInputElement['value'];
-}
-type StyledSwitchProps = Omit<SwitchProps, 'color' | 'isColored' | 'isDisabled' | 'isInvalid' | 'isSelected' | 'isRequired' | 'size'> & {
-    $isColored: SwitchProps['isColored'];
-    $isDisabled: SwitchProps['isDisabled'];
-    $isInvalid: SwitchProps['isInvalid'];
-    $isFocusVisible: boolean;
-    $isRequired: SwitchProps['isRequired'];
-    $isSelected: SwitchProps['isSelected'];
-    $theme: SwitchProps['theme'];
-};
-
-export { StyledSwitchProps, SwitchProps };

package/components/switch-group/SwitchGroup.d.ts

@@ -1,10 +0,0 @@
-import { SwitchGroupProps } from './types.js';
-import { Comp } from '../../types/helpers.js';
-
-/**
- * The SwitchGroup component.
- * Can be used as controlled or uncontrolled.
- */
-declare const SwitchGroup: Comp<SwitchGroupProps, HTMLDivElement>;
-
-export { SwitchGroup };

package/components/switch-group/SwitchGroup.js

@@ -1,101 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { SwitchGroupOrientation } from './types.js';
-import { SwitchGroupContext } from './context.js';
-import { StyledSwitchGroup } from './styles.js';
-import { ColorPalette } from '../../types/colors.js';
-import { useTheme } from '../theme/useTheme.js';
-import { ThemeProvider } from '../theme/context.js';
-
-const _excluded = ["children", "className", "color", "defaultValues", "description", "isDisabled", "isInvalid", "isReadOnly", "isRequired", "label", "onChange", "orientation", "theme", "value"];
-const COMPONENT_NAME = 'SwitchGroup';
-const CLASSNAME = 'redsift-switch-group';
-
-/**
- * The SwitchGroup component.
- * Can be used as controlled or uncontrolled.
- */
-const SwitchGroup = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      children,
-      className,
-      color = ColorPalette.primary,
-      defaultValues,
-      description,
-      isDisabled,
-      isInvalid,
-      isReadOnly,
-      isRequired,
-      label,
-      onChange,
-      orientation = SwitchGroupOrientation.vertical,
-      theme: propsTheme,
-      value
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const theme = useTheme(propsTheme);
-  const [selectedValues, setValue] = useState(value || defaultValues || []);
-  useEffect(() => {
-    if (value) {
-      state.setValue(value);
-    }
-  }, [value]);
-  const state = {
-    value: selectedValues,
-    isDisabled: isDisabled || false,
-    isReadOnly: isReadOnly || false,
-    setValue(values) {
-      if (isReadOnly || isDisabled) {
-        return;
-      }
-      setValue(values);
-    },
-    addValue(value) {
-      if (!selectedValues.includes(value)) {
-        setValue(selectedValues.concat(value));
-        if (onChange) {
-          onChange(selectedValues.concat(value));
-        }
-      }
-    },
-    removeValue(value) {
-      if (selectedValues.includes(value)) {
-        setValue(selectedValues.filter(existingValue => existingValue !== value));
-        if (onChange) {
-          onChange(selectedValues.filter(existingValue => existingValue !== value));
-        }
-      }
-    }
-  };
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    value: {
-      theme
-    }
-  }, /*#__PURE__*/React.createElement(StyledSwitchGroup, _extends({
-    color: color
-  }, forwardedProps, {
-    $isDisabled: isDisabled,
-    $isInvalid: isInvalid || isRequired && selectedValues.length === 0,
-    $isReadOnly: isReadOnly,
-    $orientation: orientation,
-    $theme: theme,
-    "aria-disabled": isDisabled,
-    className: classNames(SwitchGroup.className, className),
-    ref: ref,
-    role: "group"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: `${SwitchGroup.className}-label`
-  }, label, isRequired ? ' *' : null), /*#__PURE__*/React.createElement("div", {
-    className: `${SwitchGroup.className}-switches`
-  }, /*#__PURE__*/React.createElement(SwitchGroupContext.Provider, {
-    value: state
-  }, children)), /*#__PURE__*/React.createElement("span", {
-    className: `${SwitchGroup.className}-description`
-  }, description)));
-});
-SwitchGroup.className = CLASSNAME;
-SwitchGroup.displayName = COMPONENT_NAME;
-
-export { SwitchGroup };
-//# sourceMappingURL=SwitchGroup.js.map

package/components/switch-group/SwitchGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwitchGroup.js","sources":["../../../src/components/switch-group/SwitchGroup.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useState } from 'react';\nimport classNames from 'classnames';\nimport { Comp, ColorPalette } from '../../types';\nimport { SwitchGroupOrientation, SwitchGroupProps } from './types';\nimport { SwitchGroupContext } from './context';\nimport { StyledSwitchGroup } from './styles';\nimport { ThemeProvider, useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'SwitchGroup';\nconst CLASSNAME = 'redsift-switch-group';\n\n/**\n * The SwitchGroup component.\n * Can be used as controlled or uncontrolled.\n */\nexport const SwitchGroup: Comp<SwitchGroupProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    color = ColorPalette.primary,\n    defaultValues,\n    description,\n    isDisabled,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    onChange,\n    orientation = SwitchGroupOrientation.vertical,\n    theme: propsTheme,\n    value,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const [selectedValues, setValue] = useState<string[]>(value || defaultValues || []);\n  useEffect(() => {\n    if (value) {\n      state.setValue(value);\n    }\n  }, [value]);\n\n  const state = {\n    value: selectedValues,\n    isDisabled: isDisabled || false,\n    isReadOnly: isReadOnly || false,\n    setValue(values: string[]) {\n      if (isReadOnly || isDisabled) {\n        return;\n      }\n\n      setValue(values);\n    },\n    addValue(value: string) {\n      if (!selectedValues.includes(value)) {\n        setValue(selectedValues.concat(value));\n        if (onChange) {\n          onChange(selectedValues.concat(value));\n        }\n      }\n    },\n    removeValue(value: string) {\n      if (selectedValues.includes(value)) {\n        setValue(selectedValues.filter((existingValue) => existingValue !== value));\n        if (onChange) {\n          onChange(selectedValues.filter((existingValue) => existingValue !== value));\n        }\n      }\n    },\n  };\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <StyledSwitchGroup\n        color={color}\n        {...forwardedProps}\n        $isDisabled={isDisabled}\n        $isInvalid={isInvalid || (isRequired && selectedValues.length === 0)}\n        $isReadOnly={isReadOnly}\n        $orientation={orientation}\n        $theme={theme}\n        aria-disabled={isDisabled}\n        className={classNames(SwitchGroup.className, className)}\n        ref={ref as RefObject<HTMLDivElement>}\n        role=\"group\"\n      >\n        <span className={`${SwitchGroup.className}-label`}>\n          {label}\n          {isRequired ? ' *' : null}\n        </span>\n        <div className={`${SwitchGroup.className}-switches`}>\n          <SwitchGroupContext.Provider value={state}>{children}</SwitchGroupContext.Provider>\n        </div>\n        <span className={`${SwitchGroup.className}-description`}>{description}</span>\n      </StyledSwitchGroup>\n    </ThemeProvider>\n  );\n});\nSwitchGroup.className = CLASSNAME;\nSwitchGroup.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","SwitchGroup","forwardRef","props","ref","children","className","color","ColorPalette","primary","defaultValues","description","isDisabled","isInvalid","isReadOnly","isRequired","label","onChange","orientation","SwitchGroupOrientation","vertical","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","selectedValues","setValue","useState","useEffect","state","values","addValue","includes","concat","removeValue","filter","existingValue","React","createElement","ThemeProvider","StyledSwitchGroup","_extends","$isDisabled","$isInvalid","length","$isReadOnly","$orientation","$theme","classNames","role","SwitchGroupContext","Provider","displayName"],"mappings":"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"}

package/components/switch-group/context.js

@@ -1,6 +0,0 @@
-import React from 'react';
-
-const SwitchGroupContext = /*#__PURE__*/React.createContext(null);
-
-export { SwitchGroupContext };
-//# sourceMappingURL=context.js.map

package/components/switch-group/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/switch-group/context.ts"],"sourcesContent":["import React from 'react';\nimport { SwitchGroupState } from './types';\n\nexport const SwitchGroupContext =\n  React.createContext<SwitchGroupState | null>(null);\n"],"names":["SwitchGroupContext","React","createContext"],"mappings":";;AAGO,MAAMA,kBAAkB,gBAC7BC,KAAK,CAACC,aAAa,CAA0B,IAAI;;;;"}

package/components/switch-group/styles.js

@@ -1,78 +0,0 @@
-import styled, { css } from 'styled-components';
-import { SwitchGroupOrientation } from './types.js';
-import { baseStyling } from '../shared/styles.js';
-
-/**
- * Component style.
- */
-const StyledSwitchGroup = styled.div`
-  ${baseStyling}
-
-  display: flex;
-  flex-direction: column;
-
-  ${_ref => {
-  let {
-    $orientation
-  } = _ref;
-  return $orientation === SwitchGroupOrientation.vertical ? `
-    div.redsift-switch-group-switches {
-      display: flex;
-      flex-direction: column;
-    }
-  ` : `
-    div.redsift-switch-group-switches {
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-    }
-  `;
-}}
-
-  span.redsift-switch-group-label {
-    font-family: var(--redsift-typography-body-font-family);
-    font-weight: var(--redsift-typography-body-font-weight);
-    font-size: var(--redsift-typography-body-font-size);
-    line-height: var(--redsift-typography-body-line-height);
-
-    ${_ref2 => {
-  let {
-    $isDisabled,
-    $isInvalid,
-    $theme
-  } = _ref2;
-  return $isDisabled ? css`
-            color: var(--redsift-color-${$theme}-components-checkbox-text-disabled);
-          ` : $isInvalid ? css`
-            color: var(--redsift-color-${$theme}-components-checkbox-text-invalid);
-          ` : css`
-            color: var(--redsift-color-${$theme}-components-checkbox-text-default);
-          `;
-}}
-  }
-
-  span.redsift-switch-group-description {
-    font-family: var(--redsift-typography-helper-font-family);
-    font-weight: var(--redsift-typography-helper-font-weight);
-    font-size: var(--redsift-typography-helper-font-size);
-    line-height: var(--redsift-typography-helper-line-height);
-
-    ${_ref3 => {
-  let {
-    $isDisabled,
-    $isInvalid,
-    $theme
-  } = _ref3;
-  return $isDisabled ? css`
-            color: var(--redsift-color-${$theme}-components-checkbox-text-disabled);
-          ` : $isInvalid ? css`
-            color: var(--redsift-color-${$theme}-components-checkbox-text-invalid);
-          ` : css`
-            color: var(--redsift-color-${$theme}-components-checkbox-text-default);
-          `;
-}}
-  }
-`;
-
-export { StyledSwitchGroup };
-//# sourceMappingURL=styles.js.map

package/components/switch-group/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/switch-group/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { SwitchGroupOrientation, StyledSwitchGroupProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledSwitchGroup = styled.div<StyledSwitchGroupProps>`\n  ${baseStyling}\n\n  display: flex;\n  flex-direction: column;\n\n  ${({ $orientation }) =>\n    $orientation === SwitchGroupOrientation.vertical\n      ? `\n    div.redsift-switch-group-switches {\n      display: flex;\n      flex-direction: column;\n    }\n  `\n      : `\n    div.redsift-switch-group-switches {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n  `}\n\n  span.redsift-switch-group-label {\n    font-family: var(--redsift-typography-body-font-family);\n    font-weight: var(--redsift-typography-body-font-weight);\n    font-size: var(--redsift-typography-body-font-size);\n    line-height: var(--redsift-typography-body-line-height);\n\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-disabled);\n          `\n        : $isInvalid\n        ? css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-invalid);\n          `\n        : css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-default);\n          `}\n  }\n\n  span.redsift-switch-group-description {\n    font-family: var(--redsift-typography-helper-font-family);\n    font-weight: var(--redsift-typography-helper-font-weight);\n    font-size: var(--redsift-typography-helper-font-size);\n    line-height: var(--redsift-typography-helper-line-height);\n\n    ${({ $isDisabled, $isInvalid, $theme }) =>\n      $isDisabled\n        ? css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-disabled);\n          `\n        : $isInvalid\n        ? css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-invalid);\n          `\n        : css`\n            color: var(--redsift-color-${$theme}-components-checkbox-text-default);\n          `}\n  }\n`;\n"],"names":["StyledSwitchGroup","styled","div","baseStyling","_ref","$orientation","SwitchGroupOrientation","vertical","_ref2","$isDisabled","$isInvalid","$theme","css","_ref3"],"mappings":";;;;AAIA;AACA;AACA;AACaA,MAAAA,iBAAiB,GAAGC,MAAM,CAACC,GAA4B,CAAA;AACpE,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OACjBC,YAAY,KAAKC,sBAAsB,CAACC,QAAQ,GAC3C,CAAA;AACT;AACA;AACA;AACA;AACA,EAAA,CAAG,GACM,CAAA;AACT;AACA;AACA;AACA;AACA;AACA,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMC,KAAA,IAAA;EAAA,IAAC;IAAEC,WAAW;IAAEC,UAAU;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAH,KAAA,CAAA;EAAA,OACpCC,WAAW,GACPG,GAAI,CAAA;AACd,uCAAA,EAAyCD,MAAO,CAAA;AAChD,UAAW,CAAA,GACDD,UAAU,GACVE,GAAI,CAAA;AACd,uCAAA,EAAyCD,MAAO,CAAA;AAChD,UAAA,CAAW,GACDC,GAAI,CAAA;AACd,uCAAA,EAAyCD,MAAO,CAAA;AAChD,UAAW,CAAA,CAAA;AAAA,CAAC,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAME,KAAA,IAAA;EAAA,IAAC;IAAEJ,WAAW;IAAEC,UAAU;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAE,KAAA,CAAA;EAAA,OACpCJ,WAAW,GACPG,GAAI,CAAA;AACd,uCAAA,EAAyCD,MAAO,CAAA;AAChD,UAAW,CAAA,GACDD,UAAU,GACVE,GAAI,CAAA;AACd,uCAAA,EAAyCD,MAAO,CAAA;AAChD,UAAA,CAAW,GACDC,GAAI,CAAA;AACd,uCAAA,EAAyCD,MAAO,CAAA;AAChD,UAAW,CAAA,CAAA;AAAA,CAAC,CAAA;AACZ;AACA;;;;"}