@sproutsocial/racine 11.8.0 → 11.9.0-typescript.0

package/lib/Button/index.js

@@ -1,57 +0,0 @@
-var _excluded = ["href", "appearance", "active", "disabled", "external", "children", "size", "innerRef", "onClick", "title", "qa", "as", "ariaLabel"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as React from "react";
-import Container from "./styles";
-
-var Button = function Button(_ref) {
-  var href = _ref.href,
-      _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? "unstyled" : _ref$appearance,
-      _ref$active = _ref.active,
-      active = _ref$active === void 0 ? false : _ref$active,
-      disabled = _ref.disabled,
-      external = _ref.external,
-      children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "default" : _ref$size,
-      innerRef = _ref.innerRef,
-      onClick = _ref.onClick,
-      title = _ref.title,
-      _ref$qa = _ref.qa,
-      qa = _ref$qa === void 0 ? {} : _ref$qa,
-      as = _ref.as,
-      ariaLabel = _ref.ariaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  if (!href && external) {
-    console.warn("Warning: external prop cannot be set without a href declaration");
-  } // plans to properly deprecate captured in DS-1096
-
-
-  var appearanceCheck = appearance === "default" ? "unstyled" : appearance;
-  return /*#__PURE__*/React.createElement(Container, _extends({
-    title: title,
-    active: active,
-    href: href,
-    target: external ? "_blank" : undefined,
-    rel: external ? "noopener noreferrer" : undefined,
-    as: as || (href ? "a" : "button"),
-    type: href ? undefined : "button",
-    "aria-disabled": disabled ? disabled : undefined,
-    disabled: disabled,
-    buttonSize: size,
-    appearance: appearanceCheck,
-    ref: innerRef,
-    onClick: onClick,
-    "data-qa-button": title || "",
-    "data-qa-button-isdisabled": disabled === true,
-    "aria-label": ariaLabel
-  }, qa, rest), children);
-};
-
-Button.displayName = "Button";
-export default Button;

package/lib/Button/styles.js

@@ -1,48 +0,0 @@
-import styled, { css } from "styled-components";
-import { COMMON, LAYOUT } from "../utils/system-props";
-import { focusRing, disabled, pill } from "../utils/mixins";
-import Icon from "../Icon/styles";
-var Container = styled.button.withConfig({
-  displayName: "styles__Container",
-  componentId: "sc-1juy94s-0"
-})(["display:inline-block;box-sizing:border-box;text-align:center;font-family:", ";border:1px solid ", ";border-radius:", ";border-style:", ";background:", ";color:", ";cursor:pointer;text-decoration:none;line-height:16px;white-space:nowrap;font-weight:", ";transition:all ", " linear;margin:0;padding:", ";font-size:", ";&:visited{color:", ";}&:hover{color:", ";background:", ";text-decoration:none;box-shadow:", ";}&:active{color:", ";background:", ";transform:translateY(1px);}&:focus{", "}&:focus:active{box-shadow:none;}", " ", " ", " ", "{vertical-align:text-bottom;}", " ", ""], function (props) {
-  return props.theme.fontFamily;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].border.base;
-}, function (props) {
-  return props.theme.radii[500];
-}, function (props) {
-  return props.appearance === "placeholder" ? "dashed" : "solid";
-}, function (props) {
-  return props.theme.colors.button[props.appearance].background.base;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.base;
-}, function (props) {
-  return props.theme.fontWeights.bold;
-}, function (props) {
-  return props.theme.duration.fast;
-}, function (props) {
-  return props.buttonSize === "default" ? "" + props.theme.space[300] : "" + props.theme.space[350];
-}, function (props) {
-  return props.buttonSize === "default" ? props.theme.typography[200].fontSize : props.theme.typography[300].fontSize;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.base;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.hover;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].background.hover;
-}, function (props) {
-  return props.appearance === "placeholder" ? props.theme.shadows.low : "none";
-}, function (props) {
-  return props.theme.colors.button[props.appearance].text.hover;
-}, function (props) {
-  return props.theme.colors.button[props.appearance].background.active;
-}, focusRing, function (props) {
-  return props.active && css(["color:", " !important;background:", " !important;"], props.theme.colors.button[props.appearance].text.hover, props.theme.colors.button[props.appearance].background.active);
-}, function (props) {
-  return props.disabled && disabled;
-}, function (props) {
-  return props.appearance === "pill" && css(["display:inline-flex;align-items:center;justify-content:center;mix-blend-mode:", ";", ""], props.theme.mode === "dark" ? "screen" : "multiply", pill);
-}, Icon, LAYOUT, COMMON);
-Container.displayName = "Button-Container";
-export default Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}