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

package/components/pill/styles.js

@@ -1,305 +0,0 @@
-import styled, { css } from 'styled-components';
-import { PillSize } from './types.js';
-import { RedsiftColorNeutralWhite, RedsiftColorGreyL1, RedsiftColorNeutralBlack, RedsiftColorNeutralLightGrey, RedsiftColorPresentationGreenDefault, RedsiftColorPresentationPinkDefault, RedsiftColorPresentationAquaDefault, RedsiftColorPresentationBrownDefault, RedsiftColorPresentationRedDefault, RedsiftColorPresentationYellowDefault, RedsiftColorPresentationPurpleDefault, RedsiftColorPresentationOrangeDefault, RedsiftColorPresentationBlueDefault, RedsiftColorPresentationGreyDefault, RedsiftColorNeutralXDarkGrey, RedsiftColorNeutralDarkGrey, RedsiftColorNeutralMidGrey, RedsiftColorNeutralXLightGrey, RedsiftColorRedL4, RedsiftColorYellowL4, RedsiftColorGreenL4, RedsiftColorRedN, RedsiftColorYellowN, RedsiftColorGreenN } from '../../utils/redsift-design-tokens.js';
-import { baseStyling } from '../shared/styles.js';
-
-const predefinedColorToHex = {
-  green: RedsiftColorPresentationGreenDefault,
-  pink: RedsiftColorPresentationPinkDefault,
-  aqua: RedsiftColorPresentationAquaDefault,
-  brown: RedsiftColorPresentationBrownDefault,
-  red: RedsiftColorPresentationRedDefault,
-  yellow: RedsiftColorPresentationYellowDefault,
-  purple: RedsiftColorPresentationPurpleDefault,
-  orange: RedsiftColorPresentationOrangeDefault,
-  blue: RedsiftColorPresentationBlueDefault,
-  grey: RedsiftColorPresentationGreyDefault,
-  black: RedsiftColorNeutralBlack,
-  'x-dark-grey': RedsiftColorNeutralXDarkGrey,
-  'dark-grey': RedsiftColorNeutralDarkGrey,
-  'mid-grey': RedsiftColorNeutralMidGrey,
-  'light-grey': RedsiftColorNeutralLightGrey,
-  'x-light-grey': RedsiftColorNeutralXLightGrey,
-  white: RedsiftColorNeutralWhite,
-  error: RedsiftColorRedL4,
-  warning: RedsiftColorYellowL4,
-  success: RedsiftColorGreenL4,
-  'error-dark': RedsiftColorRedN,
-  'warning-dark': RedsiftColorYellowN,
-  'success-dark': RedsiftColorGreenN
-};
-const pickTextColorBasedOnBgColorAdvanced = (bgColor, lightColor, darkColor) => {
-  var color = isPredefinedColor(bgColor) ? predefinedColorToHex[bgColor].substring(1, 7) : bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;
-  var r = parseInt(color.substring(0, 2), 16); // hexToR
-  var g = parseInt(color.substring(2, 4), 16); // hexToG
-  var b = parseInt(color.substring(4, 6), 16); // hexToB
-  var uicolors = [r / 255, g / 255, b / 255];
-  var c = uicolors.map(col => {
-    if (col <= 0.03928) {
-      return col / 12.92;
-    }
-    return Math.pow((col + 0.055) / 1.055, 2.4);
-  });
-  var L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
-  return L > 0.179 ? darkColor : lightColor;
-};
-const pickHoverColorBasedOnBgColorAdvanced = bgColor => {
-  var color = bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;
-  if (color.toUpperCase() === 'FFFFFF') {
-    return RedsiftColorNeutralLightGrey;
-  }
-  var r = parseInt(color.substring(0, 2), 16); // hexToR
-  var g = parseInt(color.substring(2, 4), 16); // hexToG
-  var b = parseInt(color.substring(4, 6), 16); // hexToB
-  return `rgba(${r}, ${g}, ${b}, 0.75)`;
-};
-const isPredefinedColor = color => Object.keys(predefinedColorToHex).includes(color);
-
-/**
- * Component style.
- */
-const StyledPill = styled.div`
-  align-items: stretch;
-  display: inline-flex;
-  height: fit-content;
-  width: fit-content;
-  ${baseStyling}
-
-  text-align: center;
-
-  ${_ref => {
-  let {
-    $autoBreak
-  } = _ref;
-  return !$autoBreak ? css`
-          text-wrap: nowrap;
-        ` : css`
-          word-break: break-word;
-        `;
-}};
-
-  ${_ref2 => {
-  let {
-    $size
-  } = _ref2;
-  return css`
-    .redsift-icon-button,
-    .redsift-button,
-    .redsift-button-link {
-      width: unset;
-      height: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};
-      cursor: pointer;
-      padding: 5px;
-      border: none;
-      text-transform: none;
-
-      font-size: ${$size === PillSize.small ? css`14px` : css`15px`};
-
-      > .redsift-icon:not(.colored) {
-        color: inherit;
-      }
-    }
-
-    .redsift-icon-button {
-      width: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};
-    }
-
-    .redsift-button-link {
-      height: ${$size === PillSize.xlarge ? css`18px` : $size === PillSize.large ? css`12px` : css`10px`};
-    }
-
-    .first.redsift-text,
-    .first.redsift-number,
-    .middle.redsift-text,
-    .middle.redsift-number,
-    .last.redsift-text,
-    .last.redsift-number {
-      padding: 0 8px;
-    }
-  `;
-}}
-
-  ${_ref3 => {
-  let {
-    $color,
-    $hoverColor,
-    $isDisabled,
-    $theme
-  } = _ref3;
-  return isPredefinedColor($color) ? css`
-          .first,
-          .middle,
-          .last {
-            background-color: var(
-              --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-background
-            );
-          }
-
-          & {
-            color: var(
-              --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-text
-            );
-          }
-
-          .redsift-icon-button:hover,
-          .redsift-button:hover,
-          .redsift-button-link:hover {
-            background-color: var(
-              --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'hover'}-background
-            );
-          }
-        ` : css`
-          .first,
-          .middle,
-          .last {
-            background-color: ${$color !== null && $color !== void 0 ? $color : RedsiftColorNeutralWhite};
-          }
-
-          & {
-            color: ${pickTextColorBasedOnBgColorAdvanced($color !== null && $color !== void 0 ? $color : RedsiftColorNeutralWhite, $isDisabled ? RedsiftColorNeutralLightGrey : RedsiftColorNeutralWhite, $isDisabled ? RedsiftColorGreyL1 : RedsiftColorNeutralBlack)};
-          }
-
-          .redsift-icon-button:hover,
-          .redsift-button:hover,
-          .redsift-button-link:hover {
-            background-color: ${$hoverColor !== null && $hoverColor !== void 0 ? $hoverColor : pickHoverColorBasedOnBgColorAdvanced($color !== null && $color !== void 0 ? $color : RedsiftColorNeutralWhite)};
-          }
-        `;
-}};
-
-  ${_ref4 => {
-  let {
-    $color,
-    $borderColor,
-    $isDisabled,
-    $theme
-  } = _ref4;
-  return css`
-    .first:not(.last) {
-      border-top-left-radius: 2px;
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 2px;
-
-      ${$borderColor ? css`
-            border: 1px solid ${$borderColor};
-          ` : $color === 'white' ? css`
-            border: 1px solid
-              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);
-          ` : css`
-            border: 1px solid transparent;
-            border-right: 1px solid white;
-          `}
-    }
-
-    .middle {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0;
-
-      ${$borderColor ? css`
-            border: 1px solid ${$borderColor};
-          ` : $color === 'white' ? css`
-            border: 1px solid
-              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);
-          ` : css`
-            border: 1px solid transparent;
-            border-right: 1px solid white;
-          `}
-      border-left: none;
-    }
-
-    .last:not(.first) {
-      border-top-left-radius: 0;
-      border-top-right-radius: 2px;
-      border-bottom-right-radius: 2px;
-      border-bottom-left-radius: 0;
-
-      ${$borderColor ? css`
-            border: 1px solid ${$borderColor};
-          ` : $color === 'white' ? css`
-            border: 1px solid
-              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);
-          ` : css`
-            border: 1px solid transparent;
-          `}
-      border-left: none;
-    }
-
-    .first.last {
-      border-top-left-radius: 2px;
-      border-top-right-radius: 2px;
-      border-bottom-right-radius: 2px;
-      border-bottom-left-radius: 2px;
-
-      ${$borderColor ? css`
-            border: 1px solid ${$borderColor};
-          ` : $color === 'white' ? css`
-            border: 1px solid
-              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);
-          ` : css`
-            border: 1px solid transparent;
-          `}
-    }
-  `;
-}};
-
-  .redsift-icon {
-    font-size: ${_ref5 => {
-  let {
-    $size
-  } = _ref5;
-  return $size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '12px';
-}};
-  }
-
-  &,
-  .redsift-text,
-  .redsift-number,
-  .first,
-  .middle,
-  .last {
-    font-family: var(--redsift-typography-pill-font-family);
-    font-size: ${_ref6 => {
-  let {
-    $size
-  } = _ref6;
-  return $size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '10px';
-}};
-    font-weight: var(--redsift-typography-pill-font-weight);
-    line-height: ${_ref7 => {
-  let {
-    $size
-  } = _ref7;
-  return $size === PillSize.xlarge ? '28px' : $size === PillSize.large ? css`var(--redsift-typography-chip-line-height)` : css`var(--redsift-typography-pill-line-height)`;
-}};
-  }
-
-  .redsift-icon:not(.colored) {
-    color: inherit;
-  }
-
-  .redsift-icon {
-    width: ${_ref8 => {
-  let {
-    $size
-  } = _ref8;
-  return $size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px';
-}};
-    height: ${_ref9 => {
-  let {
-    $size
-  } = _ref9;
-  return $size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px';
-}};
-
-    > svg {
-      width: 1em;
-      height: 1em;
-    }
-  }
-`;
-
-export { StyledPill, pickHoverColorBasedOnBgColorAdvanced, pickTextColorBasedOnBgColorAdvanced };
-//# sourceMappingURL=styles.js.map

package/components/pill/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/pill/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { PillSize, StyledPillProps } from './types';\nimport {\n  RedsiftColorGreenL4,\n  RedsiftColorGreenN,\n  RedsiftColorGreyL1,\n  RedsiftColorNeutralBlack,\n  RedsiftColorNeutralDarkGrey,\n  RedsiftColorNeutralLightGrey,\n  RedsiftColorNeutralMidGrey,\n  RedsiftColorNeutralWhite,\n  RedsiftColorNeutralXDarkGrey,\n  RedsiftColorNeutralXLightGrey,\n  RedsiftColorPresentationAquaDefault,\n  RedsiftColorPresentationBlueDefault,\n  RedsiftColorPresentationBrownDefault,\n  RedsiftColorPresentationGreenDefault,\n  RedsiftColorPresentationGreyDefault,\n  RedsiftColorPresentationOrangeDefault,\n  RedsiftColorPresentationPinkDefault,\n  RedsiftColorPresentationPurpleDefault,\n  RedsiftColorPresentationRedDefault,\n  RedsiftColorPresentationYellowDefault,\n  RedsiftColorRedL4,\n  RedsiftColorRedN,\n  RedsiftColorYellowL4,\n  RedsiftColorYellowN,\n} from '../../utils';\n\nconst predefinedColorToHex: Record<string, string> = {\n  green: RedsiftColorPresentationGreenDefault,\n  pink: RedsiftColorPresentationPinkDefault,\n  aqua: RedsiftColorPresentationAquaDefault,\n  brown: RedsiftColorPresentationBrownDefault,\n  red: RedsiftColorPresentationRedDefault,\n  yellow: RedsiftColorPresentationYellowDefault,\n  purple: RedsiftColorPresentationPurpleDefault,\n  orange: RedsiftColorPresentationOrangeDefault,\n  blue: RedsiftColorPresentationBlueDefault,\n  grey: RedsiftColorPresentationGreyDefault,\n  black: RedsiftColorNeutralBlack,\n  'x-dark-grey': RedsiftColorNeutralXDarkGrey,\n  'dark-grey': RedsiftColorNeutralDarkGrey,\n  'mid-grey': RedsiftColorNeutralMidGrey,\n  'light-grey': RedsiftColorNeutralLightGrey,\n  'x-light-grey': RedsiftColorNeutralXLightGrey,\n  white: RedsiftColorNeutralWhite,\n  error: RedsiftColorRedL4,\n  warning: RedsiftColorYellowL4,\n  success: RedsiftColorGreenL4,\n  'error-dark': RedsiftColorRedN,\n  'warning-dark': RedsiftColorYellowN,\n  'success-dark': RedsiftColorGreenN,\n};\n\nexport const pickTextColorBasedOnBgColorAdvanced = (bgColor: string, lightColor: string, darkColor: string) => {\n  var color = isPredefinedColor(bgColor)\n    ? predefinedColorToHex[bgColor].substring(1, 7)\n    : bgColor.charAt(0) === '#'\n    ? bgColor.substring(1, 7)\n    : bgColor;\n  var r = parseInt(color.substring(0, 2), 16); // hexToR\n  var g = parseInt(color.substring(2, 4), 16); // hexToG\n  var b = parseInt(color.substring(4, 6), 16); // hexToB\n  var uicolors = [r / 255, g / 255, b / 255];\n  var c = uicolors.map((col) => {\n    if (col <= 0.03928) {\n      return col / 12.92;\n    }\n    return Math.pow((col + 0.055) / 1.055, 2.4);\n  });\n  var L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];\n  return L > 0.179 ? darkColor : lightColor;\n};\n\nexport const pickHoverColorBasedOnBgColorAdvanced = (bgColor: string) => {\n  var color = bgColor.charAt(0) === '#' ? bgColor.substring(1, 7) : bgColor;\n  if (color.toUpperCase() === 'FFFFFF') {\n    return RedsiftColorNeutralLightGrey;\n  }\n  var r = parseInt(color.substring(0, 2), 16); // hexToR\n  var g = parseInt(color.substring(2, 4), 16); // hexToG\n  var b = parseInt(color.substring(4, 6), 16); // hexToB\n  return `rgba(${r}, ${g}, ${b}, 0.75)`;\n};\n\nconst isPredefinedColor = (color: string) => Object.keys(predefinedColorToHex).includes(color);\n\n/**\n * Component style.\n */\nexport const StyledPill = styled.div<StyledPillProps>`\n  align-items: stretch;\n  display: inline-flex;\n  height: fit-content;\n  width: fit-content;\n  ${baseStyling}\n\n  text-align: center;\n\n  ${({ $autoBreak }) =>\n    !$autoBreak\n      ? css`\n          text-wrap: nowrap;\n        `\n      : css`\n          word-break: break-word;\n        `};\n\n  ${({ $size }) => css`\n    .redsift-icon-button,\n    .redsift-button,\n    .redsift-button-link {\n      width: unset;\n      height: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};\n      cursor: pointer;\n      padding: 5px;\n      border: none;\n      text-transform: none;\n\n      font-size: ${$size === PillSize.small ? css`14px` : css`15px`};\n\n      > .redsift-icon:not(.colored) {\n        color: inherit;\n      }\n    }\n\n    .redsift-icon-button {\n      width: ${$size === PillSize.xlarge ? css`30px` : $size === PillSize.large ? css`24px` : css`22px`};\n    }\n\n    .redsift-button-link {\n      height: ${$size === PillSize.xlarge ? css`18px` : $size === PillSize.large ? css`12px` : css`10px`};\n    }\n\n    .first.redsift-text,\n    .first.redsift-number,\n    .middle.redsift-text,\n    .middle.redsift-number,\n    .last.redsift-text,\n    .last.redsift-number {\n      padding: 0 8px;\n    }\n  `}\n\n  ${({ $color, $hoverColor, $isDisabled, $theme }) =>\n    isPredefinedColor($color!)\n      ? css`\n          .first,\n          .middle,\n          .last {\n            background-color: var(\n              --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-background\n            );\n          }\n\n          & {\n            color: var(\n              --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-text\n            );\n          }\n\n          .redsift-icon-button:hover,\n          .redsift-button:hover,\n          .redsift-button-link:hover {\n            background-color: var(\n              --redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'hover'}-background\n            );\n          }\n        `\n      : css`\n          .first,\n          .middle,\n          .last {\n            background-color: ${$color ?? RedsiftColorNeutralWhite};\n          }\n\n          & {\n            color: ${pickTextColorBasedOnBgColorAdvanced(\n              $color ?? RedsiftColorNeutralWhite,\n              $isDisabled ? RedsiftColorNeutralLightGrey : RedsiftColorNeutralWhite,\n              $isDisabled ? RedsiftColorGreyL1 : RedsiftColorNeutralBlack\n            )};\n          }\n\n          .redsift-icon-button:hover,\n          .redsift-button:hover,\n          .redsift-button-link:hover {\n            background-color: ${$hoverColor ??\n            pickHoverColorBasedOnBgColorAdvanced($color ?? RedsiftColorNeutralWhite)};\n          }\n        `};\n\n  ${({ $color, $borderColor, $isDisabled, $theme }) => css`\n    .first:not(.last) {\n      border-top-left-radius: 2px;\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 2px;\n\n      ${$borderColor\n        ? css`\n            border: 1px solid ${$borderColor};\n          `\n        : $color === 'white'\n        ? css`\n            border: 1px solid\n              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n          `\n        : css`\n            border: 1px solid transparent;\n            border-right: 1px solid white;\n          `}\n    }\n\n    .middle {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      border-bottom-left-radius: 0;\n\n      ${$borderColor\n        ? css`\n            border: 1px solid ${$borderColor};\n          `\n        : $color === 'white'\n        ? css`\n            border: 1px solid\n              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n          `\n        : css`\n            border: 1px solid transparent;\n            border-right: 1px solid white;\n          `}\n      border-left: none;\n    }\n\n    .last:not(.first) {\n      border-top-left-radius: 0;\n      border-top-right-radius: 2px;\n      border-bottom-right-radius: 2px;\n      border-bottom-left-radius: 0;\n\n      ${$borderColor\n        ? css`\n            border: 1px solid ${$borderColor};\n          `\n        : $color === 'white'\n        ? css`\n            border: 1px solid\n              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n          `\n        : css`\n            border: 1px solid transparent;\n          `}\n      border-left: none;\n    }\n\n    .first.last {\n      border-top-left-radius: 2px;\n      border-top-right-radius: 2px;\n      border-bottom-right-radius: 2px;\n      border-bottom-left-radius: 2px;\n\n      ${$borderColor\n        ? css`\n            border: 1px solid ${$borderColor};\n          `\n        : $color === 'white'\n        ? css`\n            border: 1px solid\n              var(--redsift-color-${$theme}-components-pills-${$color}-${$isDisabled ? 'disabled' : 'default'}-border);\n          `\n        : css`\n            border: 1px solid transparent;\n          `}\n    }\n  `};\n\n  .redsift-icon {\n    font-size: ${({ $size }) => ($size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '12px')};\n  }\n\n  &,\n  .redsift-text,\n  .redsift-number,\n  .first,\n  .middle,\n  .last {\n    font-family: var(--redsift-typography-pill-font-family);\n    font-size: ${({ $size }) => ($size === PillSize.xlarge ? '15px' : $size === PillSize.large ? '12px' : '10px')};\n    font-weight: var(--redsift-typography-pill-font-weight);\n    line-height: ${({ $size }) =>\n      $size === PillSize.xlarge\n        ? '28px'\n        : $size === PillSize.large\n        ? css`var(--redsift-typography-chip-line-height)`\n        : css`var(--redsift-typography-pill-line-height)`};\n  }\n\n  .redsift-icon:not(.colored) {\n    color: inherit;\n  }\n\n  .redsift-icon {\n    width: ${({ $size }) => ($size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px')};\n    height: ${({ $size }) => ($size === PillSize.xlarge ? '17px' : $size === PillSize.large ? '14px' : '12px')};\n\n    > svg {\n      width: 1em;\n      height: 1em;\n    }\n  }\n`;\n"],"names":["predefinedColorToHex","green","RedsiftColorPresentationGreenDefault","pink","RedsiftColorPresentationPinkDefault","aqua","RedsiftColorPresentationAquaDefault","brown","RedsiftColorPresentationBrownDefault","red","RedsiftColorPresentationRedDefault","yellow","RedsiftColorPresentationYellowDefault","purple","RedsiftColorPresentationPurpleDefault","orange","RedsiftColorPresentationOrangeDefault","blue","RedsiftColorPresentationBlueDefault","grey","RedsiftColorPresentationGreyDefault","black","RedsiftColorNeutralBlack","RedsiftColorNeutralXDarkGrey","RedsiftColorNeutralDarkGrey","RedsiftColorNeutralMidGrey","RedsiftColorNeutralLightGrey","RedsiftColorNeutralXLightGrey","white","RedsiftColorNeutralWhite","error","RedsiftColorRedL4","warning","RedsiftColorYellowL4","success","RedsiftColorGreenL4","RedsiftColorRedN","RedsiftColorYellowN","RedsiftColorGreenN","pickTextColorBasedOnBgColorAdvanced","bgColor","lightColor","darkColor","color","isPredefinedColor","substring","charAt","r","parseInt","g","b","uicolors","c","map","col","Math","pow","L","pickHoverColorBasedOnBgColorAdvanced","toUpperCase","Object","keys","includes","StyledPill","styled","div","baseStyling","_ref","$autoBreak","css","_ref2","$size","PillSize","xlarge","large","small","_ref3","$color","$hoverColor","$isDisabled","$theme","RedsiftColorGreyL1","_ref4","$borderColor","_ref5","_ref6","_ref7","_ref8","_ref9"],"mappings":"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"}

package/components/pill/types.d.ts

@@ -1,47 +0,0 @@
-import { ComponentProps } from 'react';
-import { ValueOf } from '../../types/helpers.js';
-import { StylingProps } from '../../types/styles.js';
-import { PresentationColorPalette, NeutralColorPalette, Theme } from '../../types/colors.js';
-
-/**
- * Component size.
- */
-declare const PillSize: {
-    readonly small: "small";
-    readonly large: "large";
-    readonly xlarge: "xlarge";
-};
-type PillSize = ValueOf<typeof PillSize>;
-/**
- * Component props.
- */
-interface PillProps extends ComponentProps<'div'>, StylingProps {
-    /** Whether the badge should automatically break content. */
-    autoBreak?: boolean;
-    /** Color to use for border. */
-    borderColor?: string;
-    /** Color variant. The product colors are available but should only be used to display the Pill in the color of another product. To display a Pill with a color of the current product, use `default`. */
-    color?: PresentationColorPalette | NeutralColorPalette | 'error' | 'warning' | 'success' | 'error-dark' | 'warning-dark' | 'success-dark' | (string & {});
-    /** Color to use when disabled. */
-    disabledColor?: string;
-    /** Color to use on hover. */
-    hoverColor?: string;
-    /** Whether the Pill is disabled or not. */
-    isDisabled?: boolean;
-    /** Size of the Pill. */
-    size?: PillSize;
-    /** Theme. */
-    theme?: Theme;
-}
-type StyledPillProps = Omit<PillProps, 'color' | 'autoBreak'> & {
-    $autoBreak: PillProps['autoBreak'];
-    $borderColor: PillProps['borderColor'];
-    $color: PillProps['color'];
-    $disabledColor: PillProps['disabledColor'];
-    $hoverColor: PillProps['hoverColor'];
-    $isDisabled: PillProps['isDisabled'];
-    $size: PillProps['size'];
-    $theme: PillProps['theme'];
-};
-
-export { PillProps, PillSize, StyledPillProps };

package/components/pill/types.js

@@ -1,15 +0,0 @@
-/**
- * Component size.
- */
-const PillSize = {
-  small: 'small',
-  large: 'large',
-  xlarge: 'xlarge'
-};
-
-/**
- * Component props.
- */
-
-export { PillSize };
-//# sourceMappingURL=types.js.map

package/components/pill/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/pill/types.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { NeutralColorPalette, PresentationColorPalette, Theme, ValueOf } from '../../types';\nimport { StylingProps } from '../../types';\n\n/**\n * Component size.\n */\nexport const PillSize = {\n  small: 'small',\n  large: 'large',\n  xlarge: 'xlarge',\n} as const;\nexport type PillSize = ValueOf<typeof PillSize>;\n\n/**\n * Component props.\n */\nexport interface PillProps extends ComponentProps<'div'>, StylingProps {\n  /** Whether the badge should automatically break content. */\n  autoBreak?: boolean;\n  /** Color to use for border. */\n  borderColor?: string;\n  /** Color variant. The product colors are available but should only be used to display the Pill in the color of another product. To display a Pill with a color of the current product, use `default`. */\n  color?:\n    | PresentationColorPalette\n    | NeutralColorPalette\n    | 'error'\n    | 'warning'\n    | 'success'\n    | 'error-dark'\n    | 'warning-dark'\n    | 'success-dark'\n    | (string & {});\n  /** Color to use when disabled. */\n  disabledColor?: string;\n  /** Color to use on hover. */\n  hoverColor?: string;\n  /** Whether the Pill is disabled or not. */\n  isDisabled?: boolean;\n  /** Size of the Pill. */\n  size?: PillSize;\n  /** Theme. */\n  theme?: Theme;\n}\n\nexport type StyledPillProps = Omit<PillProps, 'color' | 'autoBreak'> & {\n  $autoBreak: PillProps['autoBreak'];\n  $borderColor: PillProps['borderColor'];\n  $color: PillProps['color'];\n  $disabledColor: PillProps['disabledColor'];\n  $hoverColor: PillProps['hoverColor'];\n  $isDisabled: PillProps['isDisabled'];\n  $size: PillProps['size'];\n  $theme: PillProps['theme'];\n};\n"],"names":["PillSize","small","large","xlarge"],"mappings":"AAIA;AACA;AACA;AACO,MAAMA,QAAQ,GAAG;AACtBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;;AAGV;AACA;AACA;;;;"}

package/components/progress-bar/ProgressBar.d.ts

@@ -1,9 +0,0 @@
-import { ProgressBarProps } from './types.js';
-import { Comp } from '../../types/helpers.js';
-
-/**
- * The Progress bar component.
- */
-declare const ProgressBar: Comp<ProgressBarProps, HTMLProgressElement>;
-
-export { ProgressBar };

package/components/progress-bar/ProgressBar.js

@@ -1,35 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { StyledProgressBar } from './styles.js';
-import { useTheme } from '../theme/useTheme.js';
-
-const _excluded = ["className", "theme", "value"];
-const COMPONENT_NAME = 'ProgressBar';
-const CLASSNAME = 'redsift-progress-bar';
-
-/**
- * The Progress bar component.
- */
-const ProgressBar = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      className,
-      theme: propsTheme,
-      value
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const theme = useTheme(propsTheme);
-  return /*#__PURE__*/React.createElement(StyledProgressBar, _extends({}, forwardedProps, {
-    className: classNames(ProgressBar.className, className),
-    ref: ref,
-    variant: "determinate",
-    max: "100",
-    value: value || 0,
-    theme: theme
-  }));
-});
-ProgressBar.className = CLASSNAME;
-ProgressBar.displayName = COMPONENT_NAME;
-
-export { ProgressBar };
-//# sourceMappingURL=ProgressBar.js.map

package/components/progress-bar/ProgressBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { ProgressBarProps } from './types';\nimport { StyledProgressBar } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'ProgressBar';\nconst CLASSNAME = 'redsift-progress-bar';\n\n/**\n * The Progress bar component.\n */\nexport const ProgressBar: Comp<ProgressBarProps, HTMLProgressElement> = forwardRef((props, ref) => {\n  const { className, theme: propsTheme, value, ...forwardedProps } = props;\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledProgressBar\n      {...forwardedProps}\n      className={classNames(ProgressBar.className, className)}\n      ref={ref as MutableRefObject<HTMLProgressElement>}\n      variant=\"determinate\"\n      max=\"100\"\n      value={value || 0}\n      theme={theme}\n    />\n  );\n});\nProgressBar.className = CLASSNAME;\nProgressBar.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","ProgressBar","forwardRef","props","ref","className","theme","propsTheme","value","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledProgressBar","_extends","classNames","variant","max","displayName"],"mappings":";;;;;;;AAOA,MAAMA,cAAc,GAAG,aAAa,CAAA;AACpC,MAAMC,SAAS,GAAG,sBAAsB,CAAA;;AAExC;AACA;AACA;AACO,MAAMC,WAAwD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACjG,MAAM;MAAEC,SAAS;AAAEC,MAAAA,KAAK,EAAEC,UAAU;AAAEC,MAAAA,KAAAA;AAAyB,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAExE,EAAA,MAAML,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;EAElC,oBACEM,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAAC,QAAA,KACZP,cAAc,EAAA;IAClBJ,SAAS,EAAEY,UAAU,CAAChB,WAAW,CAACI,SAAS,EAAEA,SAAS,CAAE;AACxDD,IAAAA,GAAG,EAAEA,GAA6C;AAClDc,IAAAA,OAAO,EAAC,aAAa;AACrBC,IAAAA,GAAG,EAAC,KAAK;IACTX,KAAK,EAAEA,KAAK,IAAI,CAAE;AAClBF,IAAAA,KAAK,EAAEA,KAAAA;AAAM,GAAA,CACd,CAAC,CAAA;AAEN,CAAC,EAAC;AACFL,WAAW,CAACI,SAAS,GAAGL,SAAS,CAAA;AACjCC,WAAW,CAACmB,WAAW,GAAGrB,cAAc;;;;"}

package/components/progress-bar/styles.js

@@ -1,38 +0,0 @@
-import styled, { css } from 'styled-components';
-
-/**
- * Component style.
- */
-const StyledProgressBar = styled.progress`
-  ${_ref => {
-  let {
-    backgroundColor,
-    height,
-    progressColor,
-    width
-  } = _ref;
-  return css`
-    &[value] {
-      // Target only state with a value
-      -webkit-appearance: none;
-      appearance: none;
-      height: ${height || '8px'};
-      width: ${width || '100%'};
-      color: var(--redsift-color-presentation-red-default);
-
-      &::-webkit-progress-bar {
-        background-color: ${backgroundColor || 'var(--redsift-color-neutral-x-light-grey)'};
-        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
-      }
-
-      &::-webkit-progress-value {
-        background-color: ${progressColor || 'var(--redsift-color-primary-n)'};
-        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
-      }
-    }
-  `;
-}}
-`;
-
-export { StyledProgressBar };
-//# sourceMappingURL=styles.js.map

package/components/progress-bar/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/progress-bar/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { ProgressBarProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledProgressBar = styled.progress<ProgressBarProps>`\n  ${({ backgroundColor, height, progressColor, width }) => css`\n    &[value] {\n      // Target only state with a value\n      -webkit-appearance: none;\n      appearance: none;\n      height: ${height || '8px'};\n      width: ${width || '100%'};\n      color: var(--redsift-color-presentation-red-default);\n\n      &::-webkit-progress-bar {\n        background-color: ${backgroundColor || 'var(--redsift-color-neutral-x-light-grey)'};\n        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;\n      }\n\n      &::-webkit-progress-value {\n        background-color: ${progressColor || 'var(--redsift-color-primary-n)'};\n        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;\n      }\n    }\n  `}\n`;\n"],"names":["StyledProgressBar","styled","progress","_ref","backgroundColor","height","progressColor","width","css"],"mappings":";;AAGA;AACA;AACA;AACaA,MAAAA,iBAAiB,GAAGC,MAAM,CAACC,QAA2B,CAAA;AACnE,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,eAAe;IAAEC,MAAM;IAAEC,aAAa;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAJ,IAAA,CAAA;AAAA,EAAA,OAAKK,GAAI,CAAA;AAC/D;AACA;AACA;AACA;AACA,cAAgBH,EAAAA,MAAM,IAAI,KAAM,CAAA;AAChC,aAAeE,EAAAA,KAAK,IAAI,MAAO,CAAA;AAC/B;AACA;AACA;AACA,0BAA4BH,EAAAA,eAAe,IAAI,2CAA4C,CAAA;AAC3F;AACA;AACA;AACA;AACA,0BAA4BE,EAAAA,aAAa,IAAI,gCAAiC,CAAA;AAC9E;AACA;AACA;AACA,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;;;;"}

package/components/progress-bar/types.d.ts

@@ -1,20 +0,0 @@
-import { LinearProgressProps } from '@mui/material/LinearProgress';
-import { Theme } from '../../types/colors.js';
-
-/**
- * Component props.
- */
-interface ProgressBarProps extends LinearProgressProps {
-    /** Color of the progress part of the bar. */
-    progressColor?: string;
-    /** Color of the background part of the bar. */
-    backgroundColor?: string;
-    /** Height of the bar. */
-    height?: string;
-    /** Theme. */
-    theme?: Theme;
-    /** Width of the bar. */
-    width?: string;
-}
-
-export { ProgressBarProps };

package/components/radio/Radio.d.ts

@@ -1,11 +0,0 @@
-import { RadioProps } from './types.js';
-import { Comp } from '../../types/helpers.js';
-
-/**
- * The Radio component.
- * Works both inside a RadioGroup or as standalone.
- * Can be used as controlled or uncontrolled.
- */
-declare const Radio: Comp<RadioProps, HTMLLabelElement>;
-
-export { Radio };