@ntbjs/react-components 0.0.1-beta.4 → 0.0.1-beta.40

package/Tooltip-609bad98.js

@@ -1,52 +0,0 @@
-import { a as applyDefaultTheme, _ as _taggedTemplateLiteral, s as styleInject, b as _objectWithoutProperties, c as _extends, p as propTypes } from './defaultTheme-789305db.js';
-import React__default from 'react';
-import styled from 'styled-components';
-import TippyTooltip from '@tippyjs/react';
-
-var _templateObject;
-var Tooltip$1 = styled(TippyTooltip).attrs(applyDefaultTheme)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 400;\n  background: ", ";\n  border-radius: 3px;\n\n  .tippy-content {\n    padding: 9px 12px;\n  }\n\n  .tippy-arrow {\n    color: ", ";\n  }\n\n  a {\n    color: inherit;\n  }\n"])), function (props) {
-  return props.theme.primaryFontFamily;
-}, function (props) {
-  return props.theme.getColor('gray-700');
-}, function (props) {
-  return props.theme.getColor('gray-700');
-});
-
-var css_248z$1 = ".tippy_tippy-box__1QU-K[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy_tippy-box__1QU-K{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy_tippy-box__1QU-K[data-placement^=top]>.tippy_tippy-arrow__FuGvM{bottom:0}.tippy_tippy-box__1QU-K[data-placement^=top]>.tippy_tippy-arrow__FuGvM:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy_tippy-box__1QU-K[data-placement^=bottom]>.tippy_tippy-arrow__FuGvM{top:0}.tippy_tippy-box__1QU-K[data-placement^=bottom]>.tippy_tippy-arrow__FuGvM:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy_tippy-box__1QU-K[data-placement^=left]>.tippy_tippy-arrow__FuGvM{right:0}.tippy_tippy-box__1QU-K[data-placement^=left]>.tippy_tippy-arrow__FuGvM:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy_tippy-box__1QU-K[data-placement^=right]>.tippy_tippy-arrow__FuGvM{left:0}.tippy_tippy-box__1QU-K[data-placement^=right]>.tippy_tippy-arrow__FuGvM:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy_tippy-box__1QU-K[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy_tippy-arrow__FuGvM{width:16px;height:16px;color:#333}.tippy_tippy-arrow__FuGvM:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy_tippy-content__2mrjT{position:relative;padding:5px 9px;z-index:1}";
-styleInject(css_248z$1);
-
-var css_248z = ".shift-away-subtle_tippy-box__35Duy[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.shift-away-subtle_tippy-box__35Duy[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.shift-away-subtle_tippy-box__35Duy[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.shift-away-subtle_tippy-box__35Duy[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.shift-away-subtle_tippy-box__35Duy[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}";
-styleInject(css_248z);
-
-var Tooltip = React__default.forwardRef(function Tooltip(_ref, ref) {
-  var content = _ref.content,
-      interactive = _ref.interactive,
-      placement = _ref.placement,
-      duration = _ref.duration,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "children"]);
-
-  return React__default.createElement(Tooltip$1, _extends({
-    ref: ref,
-    content: content,
-    interactive: interactive,
-    placement: placement,
-    duration: duration,
-    animation: 'shift-away-subtle'
-  }, props), children);
-});
-Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
-  content: propTypes.oneOfType([propTypes.string, propTypes.element]).isRequired,
-  interactive: propTypes.bool,
-  placement: propTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
-  duration: propTypes.number,
-  children: propTypes.node.isRequired
-} : {};
-Tooltip.defaultProps = {
-  content: 'Tooltip',
-  interactive: false,
-  placement: 'top',
-  duration: 350
-};
-
-export { Tooltip as T };

package/styles/colors.scss

@@ -1,15 +0,0 @@
-@import 'src/styles/config';
-
-@function color($name) {
-  @if map-has-key($colors, $name) {
-    @return map-get($colors, $name);
-  } @else {
-    @error "No color with the name `#{$name}`. was found.";
-  }
-}
-
-:export {
-  @each $name, $color in $colors {
-    #{$name}: $color;
-  }
-}

package/styles/theme.scss

@@ -1,33 +0,0 @@
-@mixin color($dark-color, $light-color) {
-  @include genericThemeCode('color', $dark-color, $light-color);
-}
-
-@mixin background($dark-color, $light-color) {
-  @include genericThemeCode('background', $dark-color, $light-color);
-}
-
-@mixin background-image($dark-color, $light-color) {
-  @include genericThemeCode('background-image', $dark-color, $light-color);
-}
-
-@mixin border-color($dark-color, $light-color) {
-  @include genericThemeCode('border-color', $dark-color, $light-color);
-}
-
-@mixin genericThemeCode($key, $dark-color, $light-color) {
-  body:global(.dark-theme) & {
-    #{$key}: $dark-color;
-  }
-
-  body:global(.light-theme) & {
-    #{$key}: $light-color;
-  }
-
-  body & {
-    #{$key}: $light-color;
-
-    @media (prefers-color-scheme: dark) {
-      #{$key}: $dark-color;
-    }
-  }
-}