@primer/components 0.0.0-20219205458 → 0.0.0-2021921114926

package/lib-esm/Token/_RemoveTokenButton.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from 'react';
 import { XIcon } from '@primer/octicons-react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 import { variant } from 'styled-system';
 import { get } from '../constants';
 import sx from '../sx';
@@ -34,7 +34,16 @@ const getTokenButtonIconSize = size => parseInt(tokenSizes[size || defaultTokenS
 const StyledTokenButton = styled.span.withConfig({
   displayName: "_RemoveTokenButton__StyledTokenButton",
   componentId: "sc-14lvcw1-0"
-})(["background-color:transparent;font-family:inherit;color:currentColor;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;user-select:none;appearance:none;text-decoration:none;padding:0;transform:", ";align-self:baseline;border:0;border-radius:999px;&:hover,&:focus{background-color:", ";}&:active{background-color:", ";}", " ", ""], props => `translate(${props.borderOffset}px, -${props.borderOffset}px)`, get('colors.neutral.muted'), get('colors.neutral.subtle'), variants, sx);
+})(["background-color:transparent;font-family:inherit;color:currentColor;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;user-select:none;appearance:none;text-decoration:none;padding:0;transform:", ";align-self:baseline;border:0;border-radius:999px;", " &:hover,&:focus{background-color:", ";}&:active{background-color:", ";}", " ", ""], props => `translate(${props.borderOffset}px, -${props.borderOffset}px)`, props => {
+  switch (props.size) {
+    case 'large':
+    case 'extralarge':
+      return css(["margin-left:", ";"], get('space.2'));
+
+    default:
+      return css(["margin-left:", ";"], get('space.1'));
+  }
+}, get('colors.neutral.muted'), get('colors.neutral.subtle'), variants, sx);
 
 const RemoveTokenButton = ({
   'aria-label': ariaLabel,

package/lib-esm/_TextInputWrapper.js

@@ -27,5 +27,5 @@ const TextInputWrapper = styled.span.withConfig({
   } else {
     return css(["padding:6px 12px;"]);
   }
-}, get('colors.fg.muted'), get('space.2'), get('colors.accent.emphasis'), get('shadows.primer.shadow.focus'), props => props.contrast && css(["background-color:", ";"], get('colors.canvas.inset')), props => props.disabled && css(["color:", ";background-color:", ";border-color:", ";"], get('colors.fg.muted'), get('colors.input.disabledBg'), get('colors.border.default')), props => props.block && css(["display:block;width:100%;"]), get('breakpoints.1'), get('fontSizes.1'), width, minWidth, maxWidth, sizeVariants, sx);
+}, get('colors.fg.muted'), get('space.2'), get('colors.accent.emphasis'), get('shadows.primer.shadow.focus'), props => props.contrast && css(["background-color:", ";"], get('colors.canvas.inset')), props => props.disabled && css(["color:", ";background-color:", ";border-color:", ";"], get('colors.primer.fg.disabled'), get('colors.input.disabledBg'), get('colors.border.default')), props => props.block && css(["display:block;width:100%;"]), get('breakpoints.1'), get('fontSizes.1'), width, minWidth, maxWidth, sizeVariants, sx);
 export default TextInputWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-20219205458",
+  "version": "0.0.0-2021921114926",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",

package/lib/NewButton/button.d.ts

@@ -1,11 +0,0 @@
-import { FontSizeProps } from 'styled-system';
-import { SxProp } from '../sx';
-export declare type ButtonProps = {
-    variant: 'default' | 'primary' | 'outline' | 'invisible' | 'block' | 'danger';
-    size: 'small' | 'medium' | 'large';
-} & SxProp & FontSizeProps;
-declare const Button: import("styled-components").StyledComponent<"button", any, {
-    variant: 'default' | 'primary' | 'outline' | 'invisible' | 'block' | 'danger';
-    size: 'small' | 'medium' | 'large';
-} & SxProp & FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;
-export default Button;

package/lib/NewButton/button.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledSystem = require("styled-system");
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _sx = _interopRequireDefault(require("../sx"));
-
-var _constants = require("../constants");
-
-var _ButtonStyles = _interopRequireDefault(require("../Button/ButtonStyles"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const sizes = (0, _styledSystem.variant)({
-  prop: 'size',
-  variants: {
-    small: {
-      p: '4px 12px',
-      fontSize: 0
-    },
-    medium: {
-      fontSize: 1
-    },
-    large: {
-      fontSize: 2,
-      p: '10px 20px'
-    }
-  }
-});
-
-const Button = _styledComponents.default.button.withConfig({
-  displayName: "button__Button",
-  componentId: "sc-15k5iqk-0"
-})(["", " ", " color:", ";background-color:", ";border:1px solid ", ";box-shadow:", ",", "};&:hover{background-color:", ";border-color:", ";}&:focus{border-color:", ";box-shadow:", ";}&:active{background-color:", ";box-shadow:", ";}&:disabled{color:", ";background-color:", ";border-color:", ";}", ";", ";"], _ButtonStyles.default, sizes, (0, _constants.get)('colors.btn.text'), (0, _constants.get)('colors.btn.bg'), (0, _constants.get)('colors.btn.border'), (0, _constants.get)('shadows.btn.shadow'), (0, _constants.get)('shadows.btn.insetShadow'), (0, _constants.get)('colors.btn.hoverBg'), (0, _constants.get)('colors.btn.hoverBorder'), (0, _constants.get)('colors.btn.focusBorder'), (0, _constants.get)('shadows.btn.focusShadow'), (0, _constants.get)('colors.btn.selectedBg'), (0, _constants.get)('shadows.btn.shadowActive'), (0, _constants.get)('colors.primer.fg.disabled'), (0, _constants.get)('colors.btn.bg'), (0, _constants.get)('colors.btn.border'), _sx.default, _styledSystem.fontSize);
-
-var _default = Button;
-exports.default = _default;

package/lib/NewButton/index.d.ts

@@ -1,4 +0,0 @@
-export default Button;
-export { ButtonProps };
-import Button from "./button";
-import { ButtonProps } from "./button";

package/lib/NewButton/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ButtonProps", {
-  enumerable: true,
-  get: function () {
-    return _button.ButtonProps;
-  }
-});
-exports.default = void 0;
-
-var _button = _interopRequireWildcard(require("./button"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var _default = _button.default;
-exports.default = _default;

package/lib-esm/NewButton/button.d.ts

@@ -1,11 +0,0 @@
-import { FontSizeProps } from 'styled-system';
-import { SxProp } from '../sx';
-export declare type ButtonProps = {
-    variant: 'default' | 'primary' | 'outline' | 'invisible' | 'block' | 'danger';
-    size: 'small' | 'medium' | 'large';
-} & SxProp & FontSizeProps;
-declare const Button: import("styled-components").StyledComponent<"button", any, {
-    variant: 'default' | 'primary' | 'outline' | 'invisible' | 'block' | 'danger';
-    size: 'small' | 'medium' | 'large';
-} & SxProp & FontSizeProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;
-export default Button;

package/lib-esm/NewButton/button.js

@@ -1,26 +0,0 @@
-import { fontSize, variant } from 'styled-system';
-import styled from 'styled-components';
-import sx from '../sx';
-import { get } from '../constants';
-import buttonBaseStyles from '../Button/ButtonStyles';
-const sizes = variant({
-  prop: 'size',
-  variants: {
-    small: {
-      p: '4px 12px',
-      fontSize: 0
-    },
-    medium: {
-      fontSize: 1
-    },
-    large: {
-      fontSize: 2,
-      p: '10px 20px'
-    }
-  }
-});
-const Button = styled.button.withConfig({
-  displayName: "button__Button",
-  componentId: "sc-15k5iqk-0"
-})(["", " ", " color:", ";background-color:", ";border:1px solid ", ";box-shadow:", ",", "};&:hover{background-color:", ";border-color:", ";}&:focus{border-color:", ";box-shadow:", ";}&:active{background-color:", ";box-shadow:", ";}&:disabled{color:", ";background-color:", ";border-color:", ";}", ";", ";"], buttonBaseStyles, sizes, get('colors.btn.text'), get('colors.btn.bg'), get('colors.btn.border'), get('shadows.btn.shadow'), get('shadows.btn.insetShadow'), get('colors.btn.hoverBg'), get('colors.btn.hoverBorder'), get('colors.btn.focusBorder'), get('shadows.btn.focusShadow'), get('colors.btn.selectedBg'), get('shadows.btn.shadowActive'), get('colors.primer.fg.disabled'), get('colors.btn.bg'), get('colors.btn.border'), sx, fontSize);
-export default Button;

package/lib-esm/NewButton/index.d.ts

@@ -1,4 +0,0 @@
-export default Button;
-export { ButtonProps };
-import Button from "./button";
-import { ButtonProps } from "./button";

package/lib-esm/NewButton/index.js

@@ -1,3 +0,0 @@
-import Button, { ButtonProps } from './button';
-export default Button;
-export { ButtonProps };