@justfixnyc/component-library 0.26.1 → 0.28.0

package/dist/typings/icons/Loading.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const IconLoading: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export default IconLoading;

package/dist/typings/icons/Person.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const IconPerson: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export default IconPerson;

package/dist/typings/index.d.ts

@@ -1,3 +1,4 @@
+import './styles/global.scss';
 export * from './buttons/Button';
+export * from './alerts/Alert';
 export * from './icons/Icons';
-export * from './styles/design-system';

package/package.json

@@ -2,9 +2,9 @@
   "name": "@justfixnyc/component-library",
   "description": "JustFix Component Library",
   "license": "MIT",
-  "version": "0.26.1",
+  "version": "0.28.0",
   "main": "dist/src/index.js",
-  "module": "dist/src/index.d.ts",
+  "module": "dist/src/index.es.js",
   "files": [
     "dist"
   ],
@@ -17,14 +17,16 @@
     "test:ts": "tsc",
     "lint": "npm run lint:format && npm run lint:js",
     "lint:format": "prettier --check --ignore-unknown \"src/**/*\"",
-    "lint:js": "eslint src/**",
+    "lint:js": "eslint --no-error-on-unmatched-pattern src/**",
     "format": "prettier --write --ignore-unknown \"src/**/*\"",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
     "deploy-storybook": "storybook-to-ghpages"
   },
-  "sideEffects": false,
   "types": "dist/typings/index.d.ts",
+  "resolutions": {
+    "jackspeak": "2.1.1"
+  },
   "dependencies": {
     "@babel/runtime": "^7.12.5",
     "classnames": "^2.3.2",
@@ -40,8 +42,7 @@
     "@types/lingui__macro": ">=2.7.3",
     "@types/lingui__react": ">=2.8.1",
     "react": ">=16.12.0",
-    "react-dom": ">=16.12.0",
-    "styled-components": ">=3"
+    "react-dom": ">=16.12.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
@@ -56,11 +57,16 @@
     "@rollup/plugin-babel": "^5.2.3",
     "@rollup/plugin-commonjs": "^17.1.0",
     "@rollup/plugin-node-resolve": "^11.1.1",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-docs": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-links": "^6.5.9",
-    "@storybook/react": "^6.5.9",
+    "@storybook/addon-a11y": "^7.6.14",
+    "@storybook/addon-actions": "^7.6.10",
+    "@storybook/addon-docs": "^7.6.10",
+    "@storybook/addon-essentials": "^7.6.10",
+    "@storybook/addon-links": "^7.6.10",
+    "@storybook/addon-mdx-gfm": "^7.6.10",
+    "@storybook/addon-styling-webpack": "^0.0.6",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^7.6.10",
+    "@storybook/react-webpack5": "^7.6.10",
     "@storybook/storybook-deployer": "^2.8.16",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.3.0",
@@ -70,29 +76,33 @@
     "@types/lingui__react": "^2.8.1",
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",
-    "@types/styled-components": "^5.1.25",
     "@typescript-eslint/eslint-plugin": "^4.14.2",
     "@typescript-eslint/parser": "^4.14.2",
     "babel-loader": "^8.2.2",
     "babel-plugin-inline-react-svg": "^2.0.1",
-    "babel-plugin-styled-components": "^2.0.7",
     "bootstrap": "^4.6.0",
+    "css-loader": "^6.10.0",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^7.2.0",
     "eslint-plugin-jest": "^27.4.2",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.22.0",
     "eslint-plugin-react-hooks": "^4.2.0",
+    "identity-obj-proxy": "^3.0.0",
     "jest": "^26.6.3",
-    "jest-styled-components": "^7.0.3",
     "prettier": "^2.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^17.0.1",
+    "resolve-url-loader": "^5.0.0",
     "rollup": "^2.38.3",
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-node-externals": "^2.2.0",
-    "styled-components": "^5.3.5",
+    "rollup-plugin-styles": "^4.0.0",
+    "sass": "^1.49.9",
+    "sass-loader": "^14.1.0",
+    "storybook": "^7.6.10",
+    "style-loader": "^3.3.4",
     "ts-jest": "^26.5.0",
     "typescript": "^4.1.3"
   },
@@ -100,5 +110,6 @@
     "extends": [
       "plugin:storybook/recommended"
     ]
-  }
+  },
+  "sideEffects": false
 }

package/dist/src/index.d.ts

@@ -1,265 +0,0 @@
-import _extends from '@babel/runtime/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled, { css } from 'styled-components';
-
-var BODY_FONT = "\"Degular\", Arial, Helvetica, sans-serif";
-var TITLE_FONT = "\"Degular Display\", Arial, Helvetica, sans-serif";
-var EYEBROW_FONT = "\"Suisse Int'l Mono\", \"Courier New\", Courier, monospace";
-var EYEBROW_MOBILE = css(["font-family:", ";font-style:normal;font-weight:400;font-size:14px;line-height:115%;text-align:center;letter-spacing:0.03em;text-transform:uppercase;"], EYEBROW_FONT);
-var BODY_STANDARD_LINK_MOBILE = css(["font-family:", ";font-style:normal;font-weight:400;font-size:18px;line-height:100%;text-align:center;text-decoration-line:underline;text-underline-position:under;"], BODY_FONT);
-var BODY_STANDARD_MOBILE = css(["font-family:", ";font-style:normal;font-weight:400;font-size:18px;line-height:100%;text-align:center;"], BODY_FONT);
-var JF_COLOR = {
-  /** #FAF8F4 */
-  OFF_WHITE: '#FAF8F4',
-  /** #242323 */
-  OFF_BLACK: '#242323',
-  /** #4E4B4B */
-  GREY_700: '#4E4B4B',
-  /** #676565 */
-  GREY_600: '#676565',
-  /** #9A9898 */
-  GREY_400: '#9A9898',
-  /** #F2F2F2 */
-  GREY_50: '#F2F2F2',
-  /** #1AA551 */
-  GREEN: '#1AA551',
-  /** #FFA0C7 */
-  PINK: '#FFA0C7',
-  /** #FFBA33 */
-  YELLOW: '#FFBA33',
-  /** #FF813A */
-  ORANGE: '#FF813A',
-  /** #5188FF */
-  BLUE: '#5188FF',
-  /** #D4D5D0 */
-  GREY_SHADOW: '#D4D5D0',
-  /** #EFE9DC */
-  GREY_BORDER: '#EFE9DC',
-  /** #EBECE8 */
-  GREY_DISABLED: '#EBECE8'
-};
-
-// Assumes root font size of 16px
-// TODO: WOW uses 10px, need to sort that out
-var JF_SPACING = {
-  /** 0.125rem (2px) */
-  _01: '0.125rem',
-  /** 0.25rem (4px) */
-  _02: '0.25rem',
-  /** 0.5rem (8px) */
-  _03: '0.5rem',
-  /** 0.75rem (12px) */
-  _04: '0.75rem',
-  /** 1rem (16px) */
-  _05: '1rem',
-  /** 1.5rem (24px) */
-  _06: '1.5rem',
-  /** 2rem (32px) */
-  _07: '2rem',
-  /** 2.5rem (40px) */
-  _08: '2.5rem',
-  /** 3rem (48px) */
-  _09: '3rem',
-  /** 4rem (64px) */
-  _10: '4rem',
-  /** 5rem (80px) */
-  _11: '5rem',
-  /** 6rem (96px) */
-  _12: '6rem',
-  /** 10rem (160px) */
-  _13: '10rem'
-};
-
-var IconLoading = function IconLoading(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fill: "currentcolor",
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8.047.424v1.304c0 .566-.856.566-.856 0V.424c0-.565.856-.565.856 0Zm1.223 1.52L9.716.719c.193-.532.997-.24.803.292l-.446 1.225c-.193.532-.997.24-.803-.292Zm1.879.913.838-.999c.363-.433 1.019.117.655.55l-.838.999c-.364.433-1.019-.117-.655-.55Zm1.453 1.501 1.13-.652c.49-.283.917.458.427.741L13.03 5.1c-.49.283-.918-.458-.428-.74Zm.853 1.908 1.284-.227c.557-.098.705.745.148.843l-1.284.226c-.557.098-.705-.744-.148-.842Zm.148 2.084 1.284.226c.557.099.409.941-.149.843l-1.283-.227c-.557-.098-.409-.94.148-.842Zm-.573 2.01 1.129.651c.49.283.062 1.024-.428.74l-1.129-.65c-.49-.284-.062-1.025.428-.742Zm-1.226 1.691.838.999c.364.433-.292.983-.655.55l-.838-.999c-.364-.433.292-.983.655-.55Zm-1.73 1.171.445 1.225c.194.532-.61.824-.803.293l-.446-1.225c-.194-.532.61-.825.803-.293Zm-2.027.508v1.304c0 .566-.856.566-.856 0V13.73c0-.566.856-.566.856 0Zm-3.328.717.446-1.225c.193-.531.997-.239.803.293l-.446 1.225c-.193.531-.997.239-.803-.293ZM.35 8.577l1.284-.227c.557-.098.705.744.148.842L.5 9.42c-.557.098-.705-.744-.148-.843Zm.148-2.538 1.284.227c.557.098.409.94-.148.842L.35 6.882c-.557-.098-.409-.94.148-.843Zm1.008-2.333 1.129.652c.49.283.062 1.024-.428.74l-1.129-.65c-.49-.284-.062-1.025.428-.742ZM3.25 1.86l.838.998c.364.433-.292.983-.655.55l-.838-.999c-.364-.433.292-.983.655-.55ZM5.522.719l.446 1.225c.194.531-.61.824-.803.292l-.446-1.225c-.194-.531.61-.824.803-.292Z"
-  }));
-};
-IconLoading.defaultProps = {
-  width: "16",
-  height: "16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconLinkExternal = function IconLinkExternal(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fill: "currentcolor",
-    d: "M11.99 0h-.008a.571.571 0 0 0 0 1.142h2.055l-9.302 9.302a.571.571 0 0 0 .807.808l9.302-9.302v2.055a.57.57 0 1 0 1.142 0V.664A.57.57 0 0 0 15.422 0H11.99ZM.57 3.425A.571.571 0 0 0 0 3.998v11.418c0 .316.256.571.571.571h11.418a.57.57 0 0 0 .571-.571V6.792a.57.57 0 1 0-1.142 0v.009V6.8v8.044H1.143V4.567H9.227a.57.57 0 1 0 0-1.142H.571Z"
-  }));
-};
-IconLinkExternal.defaultProps = {
-  width: "16",
-  height: "16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconCheck = function IconCheck(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M1.667 6.333 6.333 11l10-10",
-    stroke: "currentcolor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }));
-};
-IconCheck.defaultProps = {
-  width: "18",
-  height: "12",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconError = function IconError(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M10 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8c0 4.389-3.589 8-8 8Zm0-14.651a6.633 6.633 0 0 0-6.629 6.628A6.633 6.633 0 0 0 10 16.606a6.633 6.633 0 0 0 6.629-6.629A6.633 6.633 0 0 0 10 3.35Z",
-    fill: "currentcolor"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M10 11.166a.674.674 0 0 1-.686-.686V6.983c0-.389.297-.686.686-.686.389 0 .686.297.686.686v3.497a.673.673 0 0 1-.686.686ZM10 13.68a.623.623 0 0 1-.48-.206.658.658 0 0 1-.206-.48c0-.046 0-.091.023-.137 0-.046.023-.091.046-.137.023-.046.046-.069.068-.114.023-.046.046-.069.092-.115a.705.705 0 0 1 .96 0c.022.023.068.069.091.115.023.045.046.068.069.114.022.046.022.091.045.137 0 .046.023.091.023.137a.623.623 0 0 1-.206.48.805.805 0 0 1-.525.206Z",
-    fill: "currentcolor"
-  }));
-};
-IconError.defaultProps = {
-  width: "20",
-  height: "20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconChevron = function IconChevron(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "m1 1 6 6 6-6",
-    stroke: "currentcolor"
-  }));
-};
-IconChevron.defaultProps = {
-  width: "14",
-  height: "8",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconClose = function IconClose(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "m2 2 12 12M14 2 2 14",
-    stroke: "currentcolor",
-    strokeWidth: "2",
-    strokeLinecap: "square"
-  }));
-};
-IconClose.defaultProps = {
-  width: "16",
-  height: "16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconGlobe = function IconGlobe(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M10 1.2c4.855 0 8.8 3.945 8.8 8.8s-3.945 8.8-8.8 8.8-8.8-3.945-8.8-8.8S5.145 1.2 10 1.2Zm.4.85V5.8h2.831a9.723 9.723 0 0 0-.6-1.563c-.618-1.246-1.403-2-2.231-2.187Zm-.8 0c-.828.186-1.613.94-2.231 2.188-.23.462-.431.99-.6 1.562H9.6V2.05Zm2.713.294c.39.423.736.943 1.03 1.537.284.572.526 1.219.72 1.919h2.75a8.003 8.003 0 0 0-4.5-3.456Zm-4.625 0a8.002 8.002 0 0 0-4.5 3.456h2.75c.193-.7.435-1.347.718-1.919a6.565 6.565 0 0 1 1.032-1.537ZM17.244 6.6h-2.988c.197.93.314 1.942.338 3h3.394a7.95 7.95 0 0 0-.744-3Zm-3.806 0H10.4v3h3.394a15.473 15.473 0 0 0-.357-3ZM9.6 6.6H6.563c-.206.917-.331 1.932-.357 3H9.6v-3Zm-3.856 0H2.756a7.948 7.948 0 0 0-.744 3h3.394c.024-1.058.14-2.07.338-3Zm12.243 3.8h-3.393c-.024 1.06-.14 2.07-.338 3h2.988c.43-.917.691-1.932.743-3Zm-4.193 0H10.4v3h3.037c.206-.918.332-1.93.357-3Zm-4.194 0H6.206c.025 1.07.15 2.082.357 3H9.6v-3Zm-4.194 0H2.013a7.977 7.977 0 0 0 .743 3h2.988a16.23 16.23 0 0 1-.338-3Zm11.407 3.8h-2.75c-.194.7-.435 1.34-.72 1.913-.294.594-.64 1.125-1.03 1.55a8.013 8.013 0 0 0 4.5-3.463Zm-3.582 0H10.4v3.756c.828-.186 1.613-.947 2.231-2.193.23-.464.431-.988.6-1.563Zm-3.631 0H6.769c.169.575.37 1.099.6 1.563.618 1.246 1.403 2.007 2.231 2.193V14.2Zm-3.662 0h-2.75a8.012 8.012 0 0 0 4.5 3.463c-.39-.425-.737-.956-1.032-1.55a10.791 10.791 0 0 1-.718-1.913Z",
-    fill: "currentcolor"
-  }));
-};
-IconGlobe.defaultProps = {
-  width: "20",
-  height: "20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconHamburger = function IconHamburger(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M0 1h16M0 7h16M0 13h16",
-    stroke: "currentcolor",
-    strokeWidth: "2"
-  }));
-};
-IconHamburger.defaultProps = {
-  width: "16",
-  height: "14",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconInternet = function IconInternet(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10ZM5.197 8.258h1.268l.984 4.505.665-7.225h1.17l-.9 8.923H6.872L5.837 9.81l-1.034 4.652H3.277l-.886-8.923h1.17l.651 7.225.985-4.505Zm8.326 0h1.268l.984 4.505.665-7.225h1.17l-.9 8.923h-1.513L14.163 9.81l-1.034 4.652h-1.526l-.886-8.923h1.17l.651 7.225.985-4.505Z",
-    fill: "currentcolor"
-  }));
-};
-IconInternet.defaultProps = {
-  width: "20",
-  height: "20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var IconPerson = function IconPerson(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M17.14 18.837c0 .639-.519 1.163-1.16 1.163H2.02c-.638 0-1.16-.522-1.16-1.163a8.14 8.14 0 0 1 16.28 0ZM9 12.093a6.745 6.745 0 0 0-6.74 6.512h13.48A6.744 6.744 0 0 0 9 12.093Zm0-2.326A4.884 4.884 0 1 1 9 0a4.884 4.884 0 0 1 0 9.767Zm0-1.395a3.488 3.488 0 1 0 0-6.977 3.488 3.488 0 0 0 0 6.977Z",
-    fill: "currentcolor"
-  }));
-};
-IconPerson.defaultProps = {
-  width: "18",
-  height: "20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-
-var StyledIconLoading = styled(IconLoading).withConfig({
-  displayName: "styles__StyledIconLoading",
-  componentId: "sc-17d8tll-0"
-})(["margin-right:10px;"]);
-var StyledIconCheck = styled(IconCheck).withConfig({
-  displayName: "styles__StyledIconCheck",
-  componentId: "sc-17d8tll-1"
-})(["margin-right:10px;"]);
-var variantStyles = function variantStyles(p) {
-  if (p.variant === 'text') {
-    return css(["color:", ";background:none;border:none;", " ", " &:hover,&:focus,&:active{text-decoration:underline;}&:disabled{cursor:inherit;color:", ";}"], JF_COLOR.OFF_BLACK, p.size === 'small' ? "padding: 12px 32px;" : "padding: 22px 32px;", BODY_STANDARD_MOBILE, JF_COLOR.GREY_600);
-  }
-  if (p.loading) {
-    return css(["", "}", " border-width:1px;border-style:solid;border-radius:100px;", ";"], p.variant === 'primary' ? "color: ".concat(JF_COLOR.OFF_WHITE, ";\n          background-color: ").concat(JF_COLOR.GREY_600, ";\n          border-color: ").concat(JF_COLOR.OFF_WHITE, ";") : "color: ".concat(JF_COLOR.OFF_BLACK, "; \n          background-color:  ").concat(JF_COLOR.OFF_WHITE, ";\n          border-color: ").concat(JF_COLOR.OFF_BLACK, ";"), p.size === 'small' ? "padding: 12px 32px;" : "padding: 22px 32px;", EYEBROW_MOBILE);
-  }
-  return css(["", "}", " border-width:1px;border-style:solid;border-radius:100px;box-shadow:4px 4px 0px ", ";@media (max-width:599px){width:inherit;}", " transition:all 0.1s linear;transform:translateX(0rem);&:hover{box-shadow:0px 4px 0px ", ";}&.active,&:active{box-shadow:0px -4px 0px 0px ", ";}&:disabled{cursor:inherit;box-shadow:none;", "}&:focus{box-shadow:none;border:1px solid ", ";}"], p.variant === 'primary' ? "color: ".concat(JF_COLOR.OFF_WHITE, ";\n        background-color: ").concat(JF_COLOR.OFF_BLACK, ";\n        border-color: ").concat(JF_COLOR.OFF_WHITE, ";") : "color: ".concat(JF_COLOR.OFF_BLACK, "; \n        background-color:  ").concat(JF_COLOR.OFF_WHITE, ";\n        border-color: ").concat(JF_COLOR.OFF_BLACK, ";"), p.size === 'small' ? "padding: 12px 32px;" : "padding: 22px 32px;", JF_COLOR.GREY_SHADOW, EYEBROW_MOBILE, JF_COLOR.GREY_SHADOW, JF_COLOR.GREY_SHADOW, p.variant === 'primary' ? "background-color: ".concat(JF_COLOR.GREY_400, ";\n          color: ").concat(JF_COLOR.OFF_BLACK, ";") : "background-color: ".concat(JF_COLOR.GREY_50), JF_COLOR.GREY_BORDER);
-};
-var StyledButton = styled.button.withConfig({
-  displayName: "styles__StyledButton",
-  componentId: "sc-17d8tll-2"
-})(["cursor:pointer;user-select:none;height:fit-content;display:flex;align-items:center;justify-content:center;flex:none;white-space:normal;word-wrap:break-word;vertical-align:middle;width:fit-content;", ""], variantStyles);
-
-var _excluded = ["children", "variant", "size", "loading", "hasIcon"];
-/**
- * Accepts all `ButtonHTMLAttributes`
- */
-var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-    variant = _ref.variant,
-    size = _ref.size,
-    loading = _ref.loading,
-    hasIcon = _ref.hasIcon,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledButton, _extends({
-    ref: ref,
-    variant: variant,
-    size: size,
-    hasIcon: !loading && hasIcon,
-    loading: loading,
-    type: "button"
-  }, props), loading && variant != 'text' ? /*#__PURE__*/React.createElement(StyledIconLoading, null) : null, !loading && hasIcon ? /*#__PURE__*/React.createElement(StyledIconCheck, null) : null, children);
-});
-Button.displayName = 'Button';
-Button.propTypes = {
-  variant: PropTypes.oneOf(['primary', 'secondary', 'text']),
-  size: PropTypes.oneOf(['small', 'large']),
-  loading: PropTypes.bool,
-  hasIcon: PropTypes.bool
-};
-Button.defaultProps = {
-  variant: 'primary',
-  size: 'large',
-  loading: false,
-  hasIcon: false
-};
-
-export { BODY_FONT, BODY_STANDARD_LINK_MOBILE, BODY_STANDARD_MOBILE, Button, EYEBROW_FONT, EYEBROW_MOBILE, IconCheck, IconChevron, IconClose, IconError, IconGlobe, IconHamburger, IconInternet, IconLinkExternal, IconLoading, IconPerson, JF_COLOR, JF_SPACING, TITLE_FONT };

package/dist/typings/GlobalStyle.d.ts

@@ -1,2 +0,0 @@
-declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
-export default GlobalStyle;

package/dist/typings/buttons/styles.d.ts

@@ -1,4 +0,0 @@
-import { ButtonProps } from './Button';
-export declare const StyledIconLoading: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
-export declare const StyledIconCheck: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
-export declare const StyledButton: import("styled-components").StyledComponent<"button", any, ButtonProps, never>;

package/dist/typings/styles/design-system.d.ts

@@ -1,64 +0,0 @@
-export declare const BODY_FONT = "\"Degular\", Arial, Helvetica, sans-serif";
-export declare const TITLE_FONT = "\"Degular Display\", Arial, Helvetica, sans-serif";
-export declare const EYEBROW_FONT = "\"Suisse Int'l Mono\", \"Courier New\", Courier, monospace";
-export declare const EYEBROW_MOBILE: import("styled-components").FlattenSimpleInterpolation;
-export declare const BODY_STANDARD_LINK_MOBILE: import("styled-components").FlattenSimpleInterpolation;
-export declare const BODY_STANDARD_MOBILE: import("styled-components").FlattenSimpleInterpolation;
-export declare const JF_COLOR: {
-    /** #FAF8F4 */
-    OFF_WHITE: string;
-    /** #242323 */
-    OFF_BLACK: string;
-    /** #4E4B4B */
-    GREY_700: string;
-    /** #676565 */
-    GREY_600: string;
-    /** #9A9898 */
-    GREY_400: string;
-    /** #F2F2F2 */
-    GREY_50: string;
-    /** #1AA551 */
-    GREEN: string;
-    /** #FFA0C7 */
-    PINK: string;
-    /** #FFBA33 */
-    YELLOW: string;
-    /** #FF813A */
-    ORANGE: string;
-    /** #5188FF */
-    BLUE: string;
-    /** #D4D5D0 */
-    GREY_SHADOW: string;
-    /** #EFE9DC */
-    GREY_BORDER: string;
-    /** #EBECE8 */
-    GREY_DISABLED: string;
-};
-export declare const JF_SPACING: {
-    /** 0.125rem (2px) */
-    _01: string;
-    /** 0.25rem (4px) */
-    _02: string;
-    /** 0.5rem (8px) */
-    _03: string;
-    /** 0.75rem (12px) */
-    _04: string;
-    /** 1rem (16px) */
-    _05: string;
-    /** 1.5rem (24px) */
-    _06: string;
-    /** 2rem (32px) */
-    _07: string;
-    /** 2.5rem (40px) */
-    _08: string;
-    /** 3rem (48px) */
-    _09: string;
-    /** 4rem (64px) */
-    _10: string;
-    /** 5rem (80px) */
-    _11: string;
-    /** 6rem (96px) */
-    _12: string;
-    /** 10rem (160px) */
-    _13: string;
-};