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

package/packages/popovers/src/components/tooltip-content/styles.js

@@ -1,128 +0,0 @@
-import styled, { css } from 'styled-components';
-import { TooltipPlacement } from '../tooltip/types.js';
-import { baseContainer } from '../../../../../components/shared/styles.js';
-import { Theme } from '../../../../../types/colors.js';
-
-/**
- * Component style.
- */
-const StyledTooltipContent = styled.div`
-  ${baseContainer}
-  ${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return css`
-    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});
-    background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'black' : 'white'});
-  `;
-}}
-
-  align-items: center;
-  border-radius: 4px;
-  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
-  display: flex;
-  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));
-  font-family: var(--redsift-typography-tooltip-font-family);
-  font-size: var(--redsift-typography-tooltip-font-size);
-  font-weight: var(--redsift-typography-tooltip-font-weight);
-  line-height: var(--redsift-typography-tooltip-line-height);
-  max-width: calc(100vw - 48px);
-  padding: 4px 8px;
-  z-index: var(--redsift-layout-z-index-tooltip);
-
-  .redsift-tooltip-content__arrow {
-    position: absolute;
-    width: 0;
-    height: 0;
-    border-color: ${_ref2 => {
-  let {
-    $theme
-  } = _ref2;
-  return $theme === Theme.dark ? css`var(--redsift-color-neutral-black)` : css`var(--redsift-color-neutral-white)`;
-}};
-    border-style: solid;
-  }
-
-  ${_ref3 => {
-  let {
-    $placement
-  } = _ref3;
-  switch ($placement) {
-    case TooltipPlacement['right-start']:
-      return css`
-          border-bottom-left-radius: 0;
-        `;
-    case TooltipPlacement['right-end']:
-      return css`
-          border-top-left-radius: 0;
-        `;
-    case TooltipPlacement['left-start']:
-      return css`
-          border-bottom-right-radius: 0;
-        `;
-    case TooltipPlacement['left-end']:
-      return css`
-          border-top-right-radius: 0;
-        `;
-    default:
-      return css``;
-  }
-}}
-
-  ${_ref4 => {
-  let {
-    $placement
-  } = _ref4;
-  switch ($placement) {
-    case TooltipPlacement.left:
-    case TooltipPlacement['left-end']:
-    case TooltipPlacement['left-start']:
-      return css`
-          .redsift-tooltip-content__arrow {
-            border-width: 6px 0 6px 6px;
-            border-top-color: transparent;
-            border-right-color: transparent;
-            border-bottom-color: transparent;
-          }
-        `;
-    case TooltipPlacement.top:
-    case TooltipPlacement['top-end']:
-    case TooltipPlacement['top-start']:
-      return css`
-          .redsift-tooltip-content__arrow {
-            border-width: 6px 6px 0;
-            border-right-color: transparent;
-            border-bottom-color: transparent;
-            border-left-color: transparent;
-          }
-        `;
-    case TooltipPlacement.right:
-    case TooltipPlacement['right-end']:
-    case TooltipPlacement['right-start']:
-      return css`
-          .redsift-tooltip-content__arrow {
-            border-width: 6px 6px 6px 0;
-            border-top-color: transparent;
-            border-bottom-color: transparent;
-            border-left-color: transparent;
-          }
-        `;
-    case TooltipPlacement.bottom:
-    case TooltipPlacement['bottom-end']:
-    case TooltipPlacement['bottom-start']:
-    default:
-      return css`
-          .redsift-tooltip-content__arrow {
-            border-width: 0 6px 6px;
-            border-top-color: transparent;
-            border-right-color: transparent;
-            border-left-color: transparent;
-          }
-        `;
-  }
-}}
-`;
-
-export { StyledTooltipContent };
-//# sourceMappingURL=styles.js.map

package/packages/popovers/src/components/tooltip-content/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../popovers/src/components/tooltip-content/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Theme, baseContainer } from '@redsift/design-system';\nimport { TooltipPlacement } from '../tooltip';\nimport { StyledTooltipContentProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledTooltipContent = styled.div<StyledTooltipContentProps>`\n  ${baseContainer}\n  ${({ $theme }) => css`\n    color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'white' : 'x-dark-grey'});\n    background-color: var(--redsift-color-neutral-${$theme === Theme.dark ? 'black' : 'white'});\n  `}\n\n  align-items: center;\n  border-radius: 4px;\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);\n  display: flex;\n  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14)) drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));\n  font-family: var(--redsift-typography-tooltip-font-family);\n  font-size: var(--redsift-typography-tooltip-font-size);\n  font-weight: var(--redsift-typography-tooltip-font-weight);\n  line-height: var(--redsift-typography-tooltip-line-height);\n  max-width: calc(100vw - 48px);\n  padding: 4px 8px;\n  z-index: var(--redsift-layout-z-index-tooltip);\n\n  .redsift-tooltip-content__arrow {\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-color: ${({ $theme }) =>\n      $theme === Theme.dark ? css`var(--redsift-color-neutral-black)` : css`var(--redsift-color-neutral-white)`};\n    border-style: solid;\n  }\n\n  ${({ $placement }) => {\n    switch ($placement) {\n      case TooltipPlacement['right-start']:\n        return css`\n          border-bottom-left-radius: 0;\n        `;\n      case TooltipPlacement['right-end']:\n        return css`\n          border-top-left-radius: 0;\n        `;\n      case TooltipPlacement['left-start']:\n        return css`\n          border-bottom-right-radius: 0;\n        `;\n      case TooltipPlacement['left-end']:\n        return css`\n          border-top-right-radius: 0;\n        `;\n      default:\n        return css``;\n    }\n  }}\n\n  ${({ $placement }) => {\n    switch ($placement) {\n      case TooltipPlacement.left:\n      case TooltipPlacement['left-end']:\n      case TooltipPlacement['left-start']:\n        return css`\n          .redsift-tooltip-content__arrow {\n            border-width: 6px 0 6px 6px;\n            border-top-color: transparent;\n            border-right-color: transparent;\n            border-bottom-color: transparent;\n          }\n        `;\n      case TooltipPlacement.top:\n      case TooltipPlacement['top-end']:\n      case TooltipPlacement['top-start']:\n        return css`\n          .redsift-tooltip-content__arrow {\n            border-width: 6px 6px 0;\n            border-right-color: transparent;\n            border-bottom-color: transparent;\n            border-left-color: transparent;\n          }\n        `;\n      case TooltipPlacement.right:\n      case TooltipPlacement['right-end']:\n      case TooltipPlacement['right-start']:\n        return css`\n          .redsift-tooltip-content__arrow {\n            border-width: 6px 6px 6px 0;\n            border-top-color: transparent;\n            border-bottom-color: transparent;\n            border-left-color: transparent;\n          }\n        `;\n      case TooltipPlacement.bottom:\n      case TooltipPlacement['bottom-end']:\n      case TooltipPlacement['bottom-start']:\n      default:\n        return css`\n          .redsift-tooltip-content__arrow {\n            border-width: 0 6px 6px;\n            border-top-color: transparent;\n            border-right-color: transparent;\n            border-left-color: transparent;\n          }\n        `;\n    }\n  }}\n`;\n"],"names":["StyledTooltipContent","styled","div","baseContainer","_ref","$theme","css","Theme","dark","_ref2","_ref3","$placement","TooltipPlacement","_ref4","left","top","right","bottom"],"mappings":"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"}

package/packages/popovers/src/components/tooltip-trigger/TooltipTrigger.js

@@ -1,47 +0,0 @@
-import { objectSpread2 as _objectSpread2, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import { useMergeRefs } from '../../../../../node_modules/@floating-ui/react/dist/floating-ui.react.mjs.js';
-import classNames from 'classnames';
-import { useTooltipContext } from '../tooltip/useTooltipContext.js';
-
-const COMPONENT_NAME = 'TooltipTrigger';
-const CLASSNAME = 'redsift-tooltip-trigger';
-
-/**
- * The TooltipTrigger component.
- */
-const TooltipTrigger = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    children
-  } = props;
-  const {
-    getReferenceProps,
-    refs,
-    tooltipId,
-    triggerClassName,
-    color
-  } = useTooltipContext();
-  const childrenRef = children.ref;
-  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);
-  if ( /*#__PURE__*/React__default.isValidElement(children)) {
-    var _children$props$child;
-    return /*#__PURE__*/React__default.cloneElement(children, _objectSpread2(_objectSpread2({}, getReferenceProps(_objectSpread2(_objectSpread2(_objectSpread2({
-      ref: triggerRef
-    }, props), {}, {
-      'aria-describedby': tooltipId
-    }, children.props), {}, {
-      children: (_children$props$child = children.props.children) !== null && _children$props$child !== void 0 ? _children$props$child : ''
-    }))), {}, {
-      className: classNames(children.props.className, triggerClassName),
-      color: color !== null && color !== void 0 ? color : children.props.color
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement("span", _extends({
-    ref: triggerRef
-  }, getReferenceProps(props)), children);
-});
-TooltipTrigger.className = CLASSNAME;
-TooltipTrigger.displayName = COMPONENT_NAME;
-
-export { TooltipTrigger };
-//# sourceMappingURL=TooltipTrigger.js.map

package/packages/popovers/src/components/tooltip-trigger/TooltipTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipTrigger.js","sources":["../../../../../../../popovers/src/components/tooltip-trigger/TooltipTrigger.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from 'react';\nimport { useMergeRefs } from '@floating-ui/react';\n\nimport { Comp } from '@redsift/design-system';\nimport { useTooltipContext } from '../tooltip';\nimport { TooltipTriggerProps } from './types';\nimport classNames from 'classnames';\n\nconst COMPONENT_NAME = 'TooltipTrigger';\nconst CLASSNAME = 'redsift-tooltip-trigger';\n\n/**\n * The TooltipTrigger component.\n */\nexport const TooltipTrigger: Comp<TooltipTriggerProps, HTMLSpanElement> = forwardRef((props, ref) => {\n  const { children } = props;\n\n  const { getReferenceProps, refs, tooltipId, triggerClassName, color } = useTooltipContext();\n  const childrenRef = (children as any).ref;\n  const triggerRef = useMergeRefs([refs.setReference, ref, childrenRef]);\n\n  if (React.isValidElement(children)) {\n    return React.cloneElement(children as ReactElement, {\n      ...getReferenceProps({\n        ref: triggerRef,\n        ...props,\n        'aria-describedby': tooltipId,\n        ...children.props,\n        children: children.props.children ?? '',\n      }),\n      className: classNames((children as ReactElement).props.className, triggerClassName),\n      color: color ?? children.props.color,\n    });\n  }\n\n  return (\n    <span ref={triggerRef} {...getReferenceProps(props)}>\n      {children}\n    </span>\n  );\n});\nTooltipTrigger.className = CLASSNAME;\nTooltipTrigger.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","TooltipTrigger","forwardRef","props","ref","children","getReferenceProps","refs","tooltipId","triggerClassName","color","useTooltipContext","childrenRef","triggerRef","useMergeRefs","setReference","React","isValidElement","_children$props$child","cloneElement","_objectSpread","className","classNames","createElement","_extends","displayName"],"mappings":";;;;;;AAQA,MAAMA,cAAc,GAAG,gBAAgB,CAAA;AACvC,MAAMC,SAAS,GAAG,yBAAyB,CAAA;;AAE3C;AACA;AACA;AACO,MAAMC,cAA0D,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACnG,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;EAE1B,MAAM;IAAEG,iBAAiB;IAAEC,IAAI;IAAEC,SAAS;IAAEC,gBAAgB;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,iBAAiB,EAAE,CAAA;AAC3F,EAAA,MAAMC,WAAW,GAAIP,QAAQ,CAASD,GAAG,CAAA;AACzC,EAAA,MAAMS,UAAU,GAAGC,YAAY,CAAC,CAACP,IAAI,CAACQ,YAAY,EAAEX,GAAG,EAAEQ,WAAW,CAAC,CAAC,CAAA;AAEtE,EAAA,kBAAII,cAAK,CAACC,cAAc,CAACZ,QAAQ,CAAC,EAAE;AAAA,IAAA,IAAAa,qBAAA,CAAA;AAClC,IAAA,oBAAOF,cAAK,CAACG,YAAY,CAACd,QAAQ,EAAAe,cAAA,CAAAA,cAAA,CAAA,EAAA,EAC7Bd,iBAAiB,CAAAc,cAAA,CAAAA,cAAA,CAAAA,cAAA,CAAA;AAClBhB,MAAAA,GAAG,EAAES,UAAAA;AAAU,KAAA,EACZV,KAAK,CAAA,EAAA,EAAA,EAAA;AACR,MAAA,kBAAkB,EAAEK,SAAAA;KACjBH,EAAAA,QAAQ,CAACF,KAAK,CAAA,EAAA,EAAA,EAAA;AACjBE,MAAAA,QAAQ,EAAAa,CAAAA,qBAAA,GAAEb,QAAQ,CAACF,KAAK,CAACE,QAAQ,MAAAa,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAI,EAAA;AAAE,KAAA,CACxC,CAAC,CAAA,EAAA,EAAA,EAAA;MACFG,SAAS,EAAEC,UAAU,CAAEjB,QAAQ,CAAkBF,KAAK,CAACkB,SAAS,EAAEZ,gBAAgB,CAAC;MACnFC,KAAK,EAAEA,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAALA,KAAK,GAAIL,QAAQ,CAACF,KAAK,CAACO,KAAAA;AAAK,KAAA,CACrC,CAAC,CAAA;AACJ,GAAA;AAEA,EAAA,oBACEM,cAAA,CAAAO,aAAA,CAAA,MAAA,EAAAC,QAAA,CAAA;AAAMpB,IAAAA,GAAG,EAAES,UAAAA;AAAW,GAAA,EAAKP,iBAAiB,CAACH,KAAK,CAAC,CAAA,EAChDE,QACG,CAAC,CAAA;AAEX,CAAC,EAAC;AACFJ,cAAc,CAACoB,SAAS,GAAGrB,SAAS,CAAA;AACpCC,cAAc,CAACwB,WAAW,GAAG1B,cAAc;;;;"}