@bitrise/bitkit 9.4.2 → 9.5.0-alpha-15.1

package/lib/esn/Button/Button.css

@@ -1,236 +0,0 @@
-:root {
-  --Button--border-small: 0.0625rem;
-  --Button--border-medium: 0.0625rem;
-  --Button--border-large: 0.125rem;
-  --Button--padding-small-vertical: calc(var(--size--x1) - var(--Button--border-small));
-  --Button--padding-small-horizontal: var(--size--x3);
-  --Button--padding-medium-vertical: calc(var(--size--x3) - var(--Button--border-medium));
-  --Button--padding-medium-horizontal: var(--size--x4);
-  --Button--padding-large-vertical: var(--size--x4);
-  --Button--padding-large-horizontal: var(--size--x6);
-  --Button--line-height: var(--size--x6);
-}
-
-.Button {
-  border: 0 solid transparent;
-  background-color: transparent;
-  line-height: var(--Button--line-height);
-  transition-property: border-color, background-color, color;
-  transition-duration: var(--transition-duration--base);
-  transition-timing-function: var(--transition-timing-function)
-}
-
-.Button:hover {
-    cursor: pointer;
-  }
-
-.Button:disabled,
-  .Button[disabled] {
-    cursor: default;
-  }
-
-.Button--full-width {
-  width: 100%;
-}
-
-.Button--size-small {
-  padding: var(--Button--padding-small-vertical) var(--Button--padding-small-horizontal);
-  border-width: var(--Button--border-small);
-  border-radius: var(--size--x1);
-  font-size: var(--font-size--2);
-}
-
-.Button--size-medium {
-  padding: var(--Button--padding-medium-vertical) var(--Button--padding-medium-horizontal);
-  border-width: var(--Button--border-medium);
-  border-radius: var(--size--x1);
-  font-size: var(--font-size--3);
-}
-
-.Button--size-large {
-  padding: var(--Button--padding-large-vertical) var(--Button--padding-large-horizontal);
-  border-width: var(--Button--border-large);
-  border-radius: 0.375rem;
-  font-size: var(--font-size--4);
-}
-
-.Button--borderless {
-  border: none;
-  border-radius: 0;
-}
-
-/* stylelint-disable no-descending-specificity */
-.Button--level-primary,
-.Button--level-secondary {
-  position: relative;
-  overflow: hidden;
-  z-index: 0
-}
-.Button--level-primary::before,
-  .Button--level-primary::after,
-  .Button--level-secondary::before,
-  .Button--level-secondary::after {
-    content: '';
-    position: absolute;
-    top: -0.125rem;
-    right: -0.125rem;
-    bottom: -0.125rem;
-    left: -0.125rem;
-    z-index: -1;
-    transition-property: opacity;
-    transition-duration: var(--transition-duration--base);
-    transition-timing-function: var(--transition-timing-function);
-  }
-.Button--level-primary::before, .Button--level-secondary::before { opacity: 1; }
-.Button--level-primary::after, .Button--level-secondary::after { opacity: 0; }
-.Button--level-primary:disabled::before,
-  .Button--level-primary:hover:not(:disabled)::before,
-  .Button--level-primary[disabled]::before,
-  .Button--level-primary:hover:not([disabled])::before,
-  .Button--level-secondary:disabled::before,
-  .Button--level-secondary:hover:not(:disabled)::before,
-  .Button--level-secondary[disabled]::before,
-  .Button--level-secondary:hover:not([disabled])::before {
-    opacity: 0;
-  }
-.Button--level-primary:hover:not(:disabled)::after,
-  .Button--level-primary:hover:not([disabled])::after,
-  .Button--level-secondary:hover:not(:disabled)::after,
-  .Button--level-secondary:hover:not([disabled])::after {
-    opacity: 1;
-  }
-.Button--level-primary:disabled::after,
-  .Button--level-primary:active:not(:disabled)::after,
-  .Button--level-primary[disabled]::after,
-  .Button--level-primary:active:not([disabled])::after,
-  .Button--level-secondary:disabled::after,
-  .Button--level-secondary:active:not(:disabled)::after,
-  .Button--level-secondary[disabled]::after,
-  .Button--level-secondary:active:not([disabled])::after {
-    opacity: 0;
-  }
-
-.Button--level-primary {
-  border-color: var(--color-eggplant);
-  background-color: var(--color-grape--5);
-  color: var(--color-gray--1);
-  font-weight: var(--font-weight--bold)
-}
-
-.Button--level-primary:disabled,
-  .Button--level-primary[disabled] {
-    border-color: var(--color-gray--5);
-    background-image: linear-gradient(to bottom, var(--color-gray--4), var(--color-gray--5));
-  }
-
-.Button--level-primary::before {
-    background-image: linear-gradient(to bottom, #6C0EB2, #450674);
-  }
-
-.Button--level-primary::after {
-    background-image: linear-gradient(to bottom, #50167B, #3D125D);
-  }
-
-.Button--level-secondary {
-  border-color: var(--color-gray--3);
-  background-color: var(--color-gray--2);
-  color: var(--color-grape--5)
-}
-
-.Button--level-secondary:disabled,
-  .Button--level-secondary[disabled] {
-    border-color: var(--color-gray--3);
-    background-image: linear-gradient(to bottom, var(--color-white), var(--color-gray--1));
-    color: var(--color-gray--5);
-  }
-
-.Button--level-secondary:active:not(:disabled) {
-    border-color: var(--color-eggplant);
-    background-color: var(--color-grape--5);
-    color: var(--color-gray--1);
-  }
-
-.Button--level-secondary::before {
-    background-image: linear-gradient(to bottom, var(--color-white), var(--color-gray--1));
-  }
-
-.Button--level-secondary::after {
-    content: none;
-  }
-
-.Button--level-tertiary {
-  border-color: transparent;
-  background-color: transparent;
-  color: var(--color-grape--3)
-}
-
-.Button--level-tertiary:disabled,
-  .Button--level-tertiary[disabled] {
-    color: var(--color-gray--5);
-  }
-
-.Button--level-tertiary:hover:not(:disabled),
-  .Button--level-tertiary:hover:not([disabled]) {
-    background-color: var(--color-grape--1);
-  }
-
-.Button--level-tertiary:active:not(:disabled),
-  .Button--level-tertiary:active:not([disabled]) {
-    background-color: var(--color-grape--5);
-    color: var(--color-gray--1);
-  }
-
-.Button--variant-danger.Button--level-primary:not(:disabled),
-.Button--variant-danger.Button--level-primary:not([disabled]) {
-  border-color: #D4093C;
-  background-color: #C90032
-}
-
-.Button--variant-danger.Button--level-primary:not(:disabled):active, .Button--variant-danger.Button--level-primary:not([disabled]):active {
-    border-color: #D4093C;
-    background-color: var(--color-red--5);
-  }
-
-.Button--variant-danger.Button--level-primary:not(:disabled)::before, .Button--variant-danger.Button--level-primary:not([disabled])::before {
-    background-image: linear-gradient(to bottom, #FF2158, #E41447);
-  }
-
-.Button--variant-danger.Button--level-primary:not(:disabled)::after, .Button--variant-danger.Button--level-primary:not([disabled])::after {
-    content: none;
-  }
-
-.Button--variant-danger.Button--level-secondary:not(:disabled),
-.Button--variant-danger.Button--level-secondary:not([disabled]) {
-  border-color: var(--color-gray--3);
-  background-color: var(--color-red--1);
-  color: var(--color-red--3)
-}
-
-.Button--variant-danger.Button--level-secondary:not(:disabled):hover, .Button--variant-danger.Button--level-secondary:not([disabled]):hover {
-    border-color: var(--color-red--2);
-  }
-
-.Button--variant-danger.Button--level-secondary:not(:disabled):active, .Button--variant-danger.Button--level-secondary:not([disabled]):active {
-    border-color: #D4093C;
-    background-color: var(--color-red--5);
-    color: var(--color-gray--1);
-  }
-
-.Button--variant-danger.Button--level-secondary:not(:disabled)::before, .Button--variant-danger.Button--level-secondary:not([disabled])::before {
-    background-image: linear-gradient(to bottom, var(--color-white), var(--color-gray--1));
-  }
-
-.Button--variant-danger.Button--level-secondary:not(:disabled)::after, .Button--variant-danger.Button--level-secondary:not([disabled])::after {
-    content: none;
-  }
-
-.Buttons--joined .Button:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-.Buttons--joined .Button:not(:last-child) {
-    border-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }

package/lib/esn/Button/Button.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { Props as FlexProps } from '../Flex/Flex';
-import './Button.css';
-import ButtonSize from './ButtonSize';
-export interface Props extends FlexProps {
-    /**
-     * Removes the borders from the Button, useful for when used inside a w
-     * rapping container with custom borders
-     */
-    borderless?: boolean;
-    /**
-     * Allows the Button to fill the container space rather than shrinking
-     * down to the content
-     */
-    fullWidth?: boolean;
-    /** Sets the visual importance of the Button. */
-    level?: 'primary' | 'secondary' | 'tertiary';
-    /**
-     * Sets the size of the Button. Small allows the Button to fit
-     * into smaller spaces, while large will help the button stand
-     * out on a page with lots of space.
-     */
-    size?: ButtonSize;
-    /**
-     * Variant is another prop that changes the styles to indicate it's usage.
-     * For example "danger" is to let the user know this button performs a
-     * potentionally dangerous action.
-     */
-    variant?: 'danger';
-}
-/** Standard Button component */
-declare const Button: React.FunctionComponent<Props>;
-export default Button;
-//# sourceMappingURL=Button.d.ts.map

package/lib/esn/Button/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,cAAc,CAAC;AACtB,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC7C;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,CAAC;CACpB;AAED,gCAAgC;AAChC,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAa1C,CAAC;AAOF,eAAe,MAAM,CAAC"}

package/lib/esn/Button/Button.js

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import Flex from '../Flex/Flex';
-import './Button.css';
-/** Standard Button component */
-const Button = (props) => {
-    const { borderless, fullWidth, level, size, variant, ...rest } = props;
-    const gap = size === 'small' ? 'x1' : 'x2';
-    const classes = classnames('Button', `Button--level-${level}`, `Button--size-${size}`, {
-        'Button--borderless': borderless,
-        'Button--full-width': fullWidth,
-        [`Button--variant-${variant}`]: variant,
-    });
-    return (React.createElement(Flex, { Component: "button", ...rest, alignChildren: "middle", className: classes, direction: "horizontal", gap: gap }));
-};
-Button.defaultProps = {
-    level: 'secondary',
-    size: 'medium',
-};
-export default Button;
-//# sourceMappingURL=Button.js.map

package/lib/esn/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,cAAc,CAAC;AA8BtB,gCAAgC;AAChC,MAAM,MAAM,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC9D,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvE,MAAM,GAAG,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,EAAE,iBAAiB,KAAK,EAAE,EAAE,gBAAgB,IAAI,EAAE,EAAE;QACrF,oBAAoB,EAAE,UAAU;QAChC,oBAAoB,EAAE,SAAS;QAC/B,CAAC,mBAAmB,OAAO,EAAE,CAAC,EAAE,OAAO;KACxC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,KAAK,IAAI,EAAE,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,GAAG,GAAI,CAClH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,YAAY,GAAG;IACpB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/esn/Button/Button.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Button.test.d.ts.map

package/lib/esn/Button/Button.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.test.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.test.tsx"],"names":[],"mappings":""}

package/lib/esn/Button/Button.test.js

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { shallow } from 'enzyme';
-import { shallowToJson } from 'enzyme-to-json';
-import Button from './Button';
-describe('Button', () => {
-    test('default template', () => {
-        expect(shallowToJson(shallow(React.createElement(Button, null, "Content")))).toMatchSnapshot();
-    });
-    test('borderless', () => {
-        expect(shallowToJson(shallow(React.createElement(Button, { borderless: true }, "Content")))).toMatchSnapshot();
-    });
-    test('fullWidth', () => {
-        expect(shallowToJson(shallow(React.createElement(Button, { fullWidth: true }, "Content")))).toMatchSnapshot();
-    });
-    test('level', () => {
-        expect(shallowToJson(shallow(React.createElement(Button, { level: "primary" }, "Content")))).toMatchSnapshot();
-    });
-    test('size', () => {
-        expect(shallowToJson(shallow(React.createElement(Button, { size: "small" }, "Content")))).toMatchSnapshot();
-    });
-    test('variant', () => {
-        expect(shallowToJson(shallow(React.createElement(Button, { variant: "danger" }, "Content")))).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=Button.test.js.map

package/lib/esn/Button/Button.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/Button/Button.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC5B,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,oBAAC,MAAM,kBAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE;QACtB,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,oBAAC,MAAM,IAAC,UAAU,oBAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACxF,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE;QACrB,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,oBAAC,MAAM,IAAC,SAAS,oBAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IACvF,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE;QACjB,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,oBAAC,MAAM,IAAC,KAAK,EAAC,SAAS,cAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IAC7F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE;QAChB,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,cAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IAC1F,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;QACnB,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,oBAAC,MAAM,IAAC,OAAO,EAAC,QAAQ,cAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;IAC9F,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/esn/Button/ButtonSize.d.ts

@@ -1,3 +0,0 @@
-declare type ButtonSize = 'small' | 'medium' | 'large';
-export default ButtonSize;
-//# sourceMappingURL=ButtonSize.d.ts.map

package/lib/esn/Button/ButtonSize.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSize.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonSize.ts"],"names":[],"mappings":"AAAA,aAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/C,eAAe,UAAU,CAAC"}

package/lib/esn/Button/ButtonSize.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ButtonSize.js.map

package/lib/esn/Button/ButtonSize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonSize.js","sourceRoot":"","sources":["../../../src/Button/ButtonSize.ts"],"names":[],"mappings":""}

package/lib/esn/Button/Buttons.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { Props as FlexProps } from '../Flex/Flex';
-export interface Props extends FlexProps {
-    /** */
-    fullWidth?: boolean;
-    gap?: FlexProps['gap'];
-    /** Connects any child components, when not provided they will be spaced out a little bit. */
-    joined?: boolean;
-}
-/** Parent component to any multiples of Buttons. */
-declare const Buttons: React.FunctionComponent<Props>;
-export default Buttons;
-//# sourceMappingURL=Buttons.d.ts.map

package/lib/esn/Button/Buttons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Buttons.d.ts","sourceRoot":"","sources":["../../../src/Button/Buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,MAAM;IACN,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,6FAA6F;IAC7F,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,oDAAoD;AACpD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAc3C,CAAC;AAMF,eAAe,OAAO,CAAC"}

package/lib/esn/Button/Buttons.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import Flex from '../Flex/Flex';
-/** Parent component to any multiples of Buttons. */
-const Buttons = (props) => {
-    const { fullWidth, gap, joined, ...rest } = props;
-    const classes = classnames('Buttons', {
-        'Buttons--joined': joined,
-    });
-    return (React.createElement(Flex, { ...rest, className: classes, direction: fullWidth ? 'vertical' : 'horizontal', gap: joined && !fullWidth ? undefined : gap }));
-};
-Buttons.defaultProps = {
-    gap: 'x2',
-};
-export default Buttons;
-//# sourceMappingURL=Buttons.js.map

package/lib/esn/Button/Buttons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Buttons.js","sourceRoot":"","sources":["../../../src/Button/Buttons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AAUxD,oDAAoD;AACpD,MAAM,OAAO,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE;QACpC,iBAAiB,EAAE,MAAM;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,OACC,IAAI,EACR,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EAChD,GAAG,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,YAAY,GAAG;IACrB,GAAG,EAAE,IAAI;CACV,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/esn/Button/Buttons.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Buttons.test.d.ts.map

package/lib/esn/Button/Buttons.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Buttons.test.d.ts","sourceRoot":"","sources":["../../../src/Button/Buttons.test.tsx"],"names":[],"mappings":""}

package/lib/esn/Button/Buttons.test.js

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { shallow } from 'enzyme';
-import { shallowToJson } from 'enzyme-to-json';
-import Button from './Button';
-import Buttons from './Buttons';
-describe('Buttons', () => {
-    test('default template', () => {
-        expect(shallowToJson(shallow(React.createElement(Buttons, null,
-            React.createElement(Button, null, "Content"))))).toMatchSnapshot();
-    });
-    test('fullWidth', () => {
-        expect(shallowToJson(shallow(React.createElement(Buttons, { fullWidth: true },
-            React.createElement(Button, null, "Content"))))).toMatchSnapshot();
-    });
-    test('joined', () => {
-        expect(shallowToJson(shallow(React.createElement(Buttons, { joined: true },
-            React.createElement(Button, null, "Content"))))).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=Buttons.test.js.map

package/lib/esn/Button/Buttons.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Buttons.test.js","sourceRoot":"","sources":["../../../src/Button/Buttons.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACvB,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC5B,MAAM,CACJ,aAAa,CACX,OAAO,CACL,oBAAC,OAAO;YACN,oBAAC,MAAM,kBAAiB,CAChB,CACX,CACF,CACF,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE;QACrB,MAAM,CACJ,aAAa,CACX,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS;YAChB,oBAAC,MAAM,kBAAiB,CAChB,CACX,CACF,CACF,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE;QAClB,MAAM,CACJ,aAAa,CACX,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM;YACb,oBAAC,MAAM,kBAAiB,CAChB,CACX,CACF,CACF,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/esn/Button/ColorButton.css

@@ -1,87 +0,0 @@
-.ColorButton {
-  border: 0 solid currentColor;
-  background-color: transparent;
-  line-height: var(--Button--line-height);
-  transition-property: border-color, background-color, color;
-  transition-duration: var(--transition-duration--base);
-  transition-timing-function: var(--transition-timing-function)
-}
-
-.ColorButton:hover {
-    cursor: pointer;
-  }
-
-.ColorButton:disabled,
-  .ColorButton[disabled] {
-    opacity: 0.5;
-    cursor: default;
-  }
-
-.ColorButton--size-small {
-  padding: var(--Button--padding-small-vertical) var(--Button--padding-small-horizontal);
-  border-width: var(--Button--border-small);
-  border-radius: var(--size--x1);
-  font-size: var(--font-size--2);
-}
-
-.ColorButton--size-medium {
-  padding: var(--Button--padding-medium-vertical) var(--Button--padding-medium-horizontal);
-  border-width: var(--Button--border-medium);
-  border-radius: var(--size--x1);
-  font-size: var(--font-size--3);
-}
-
-.ColorButton--size-large {
-  padding: var(--Button--padding-large-vertical) var(--Button--padding-large-horizontal);
-  border-width: var(--Button--border-large);
-  border-radius: 0.375rem;
-  font-size: var(--font-size--4);
-}
-
-.ColorButton--color-blue {
-  color: var(--color-blue--4)
-}
-
-.ColorButton--color-blue:hover { background-color: rgba(var(--rgb-blue--2), 0.15); }
-
-.ColorButton--color-blue:active { background-color: rgba(var(--rgb-blue--2), 0.3); }
-
-.ColorButton--color-grape {
-  color: var(--color-eggplant)
-}
-
-.ColorButton--color-grape:hover { background-color: rgba(var(--rgb-grape--2), 0.15); }
-
-.ColorButton--color-grape:active { background-color: rgba(var(--rgb-grape--2), 0.3); }
-
-.ColorButton--color-green {
-  color: var(--color-green--4)
-}
-
-.ColorButton--color-green:hover { background-color: rgba(var(--rgb-green--2), 0.15); }
-
-.ColorButton--color-green:active { background-color: rgba(var(--rgb-green--2), 0.3); }
-
-.ColorButton--color-red {
-  color: var(--color-red--4)
-}
-
-.ColorButton--color-red:hover { background-color: rgba(var(--rgb-red--2), 0.15); }
-
-.ColorButton--color-red:active { background-color: rgba(var(--rgb-red--2), 0.3); }
-
-.ColorButton--color-white {
-  color: var(--color-white)
-}
-
-.ColorButton--color-white:hover { background-color: rgba(var(--rgb-white), 0.15); }
-
-.ColorButton--color-white:active { background-color: rgba(var(--rgb-white), 0.3); }
-
-.ColorButton--color-yellow {
-  color: var(--color-yellow--5)
-}
-
-.ColorButton--color-yellow:hover { background-color: rgba(var(--rgb-yellow--2), 0.15); }
-
-.ColorButton--color-yellow:active { background-color: rgba(var(--rgb-yellow--2), 0.3); }

package/lib/esn/Button/ColorButton.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { Props as FlexProps } from '../Flex/Flex';
-import './ColorButton.css';
-import ButtonSize from './ButtonSize';
-export interface Props extends FlexProps {
-    /** Color of the button */
-    color: 'blue' | 'grape' | 'green' | 'red' | 'white' | 'yellow';
-    /**
-     * Sets the size of the Button. Small allows the Button to fit
-     * into smaller spaces, while large will help the button stand
-     * out on a page with lots of space.
-     */
-    size?: ButtonSize;
-}
-/**
- *
- */
-declare const ColorButton: React.FunctionComponent<Props>;
-export default ColorButton;
-//# sourceMappingURL=ColorButton.d.ts.map

package/lib/esn/Button/ColorButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorButton.d.ts","sourceRoot":"","sources":["../../../src/Button/ColorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC/D;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAQ/C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/esn/Button/ColorButton.js

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import Flex from '../Flex/Flex';
-import './ColorButton.css';
-/**
- *
- */
-const ColorButton = (props) => {
-    const { color, size, ...rest } = props;
-    const classes = classnames('ColorButton', `ColorButton--color-${color}`, `ColorButton--size-${size}`);
-    return (React.createElement(Flex, { Component: "button", ...rest, alignChildren: "middle", className: classes, direction: "horizontal", gap: "x1" }));
-};
-export default ColorButton;
-//# sourceMappingURL=ColorButton.js.map

package/lib/esn/Button/ColorButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorButton.js","sourceRoot":"","sources":["../../../src/Button/ColorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,mBAAmB,CAAC;AAc3B;;GAEG;AACH,MAAM,WAAW,GAAmC,CAAC,KAAY,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvC,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,EAAE,sBAAsB,KAAK,EAAE,EAAE,qBAAqB,IAAI,EAAE,CAAC,CAAC;IAEtG,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,KAAK,IAAI,EAAE,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,EAAC,GAAG,EAAC,IAAI,GAAG,CACjH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/esn/Button/ColorButton.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=ColorButton.test.d.ts.map

package/lib/esn/Button/ColorButton.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorButton.test.d.ts","sourceRoot":"","sources":["../../../src/Button/ColorButton.test.tsx"],"names":[],"mappings":""}

package/lib/esn/Button/ColorButton.test.js

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { shallow } from 'enzyme';
-import { shallowToJson } from 'enzyme-to-json';
-import ColorButton from './ColorButton';
-describe('ColorButton', () => {
-    test('default template', () => {
-        expect(shallowToJson(shallow(React.createElement(ColorButton, { color: "blue", size: "small" }, "Content")))).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=ColorButton.test.js.map

package/lib/esn/Button/ColorButton.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorButton.test.js","sourceRoot":"","sources":["../../../src/Button/ColorButton.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC5B,MAAM,CACJ,aAAa,CACX,OAAO,CACL,oBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,cAExB,CACf,CACF,CACF,CAAC,eAAe,EAAE,CAAC;IACtB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/esn/Card/Card.css

@@ -1,7 +0,0 @@
-.Card {
-  border: 0.0625rem solid var(--color-gray--2);
-  overflow: hidden;
-}
-
-.Card--direction-horizontal .Card__divider { border-right: 0.0625rem solid var(--color-gray--2); }
-.Card--direction-vertical .Card__divider { border-top: 0.0625rem solid var(--color-gray--2); }

package/lib/esn/Card/Card.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { Props as FlexProps } from '../Flex/Flex';
-import './Card.css';
-export interface Props extends FlexProps {
-    /**
-     * Used when CardContent should be divided. Don't forget to add
-     * the CardDividers ;)
-     */
-    direction?: 'horizontal' | 'vertical';
-}
-/**
- * Presentation component for lifting and group content on a page. Also
- * great for chunky lists.
- */
-declare const Card: React.FunctionComponent<Props>;
-export default Card;
-//# sourceMappingURL=Card.d.ts.map

package/lib/esn/Card/Card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAa,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED;;;GAGG;AACH,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAexC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/esn/Card/Card.js

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import classnames from 'classnames';
-import Flex from '../Flex/Flex';
-import './Card.css';
-/**
- * Presentation component for lifting and group content on a page. Also
- * great for chunky lists.
- */
-const Card = (props) => {
-    const { direction, borderRadius = 'x2', backgroundColor = 'white', ...rest } = props;
-    const classes = classnames('Card', {
-        [`Card--direction-${direction}`]: direction,
-    });
-    return (React.createElement(Flex, { ...rest, backgroundColor: backgroundColor, borderRadius: borderRadius, className: classes, direction: direction }));
-};
-export default Card;
-//# sourceMappingURL=Card.js.map

package/lib/esn/Card/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAA4B,MAAM,cAAc,CAAC;AACxD,OAAO,YAAY,CAAC;AAUpB;;;GAGG;AACH,MAAM,IAAI,GAAmC,CAAC,KAAY,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,YAAY,GAAG,IAAI,EAAE,eAAe,GAAG,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrF,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE;QACjC,CAAC,mBAAmB,SAAS,EAAE,CAAC,EAAE,SAAS;KAC5C,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,OACC,IAAI,EACR,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/esn/Card/CardButton.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { Props as ButtonProps } from '../Button/Button';
-export declare type Props = ButtonProps;
-/**
- * The content that goes inside a Card. This is the component
- * that should be used to create padding, which can also be divided
- * with the CardDivider.
- */
-declare const CardButton: React.FunctionComponent<Props>;
-export default CardButton;
-//# sourceMappingURL=CardButton.d.ts.map