@justfixnyc/component-library 0.42.3 → 0.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/src/index.es.js +9 -4
  2. package/dist/src/index.js +36 -31
  3. package/dist/typings/Components/Icon/Icon.d.ts +2 -1
  4. package/package.json +3 -4
package/dist/src/index.es.js CHANGED
@@ -1,15 +1,17 @@
1
1
  import _extends from '@babel/runtime/helpers/extends';
2
2
  import classNames from 'classnames';
3
3
  import React, { forwardRef, useId } from 'react';
4
- import { faXmark, faDownload, faGlobe, faUser, faSpinner, faBars, faEnvelope, faCommentSms, faCirclePlus, faCircleInfo, faCircleExclamation, faChevronRight, faChevronLeft, faChevronDown, faChevronUp, faCheck, faCaretRight, faSquareArrowUpRight, faArrowDownLong, faArrowUpLong, faArrowDown, faArrowUp, faArrowRight, faArrowLeft } from '@fortawesome/free-solid-svg-icons';
5
- import { faXTwitter, faTwitter, faFacebookF } from '@fortawesome/free-brands-svg-icons';
4
+ import { faXmark, faDownload as faDownload$1, faGlobe, faUser, faSpinner, faBars, faEnvelope, faCommentSms, faCirclePlus, faCircleInfo, faCircleExclamation, faChevronRight, faChevronLeft, faChevronDown, faChevronUp, faCheck, faCaretRight, faSquareArrowUpRight, faArrowUpArrowDown, faArrowDownLong, faArrowUpLong, faArrowDown, faArrowUp, faArrowRight, faArrowLeft } from '@awesome.me/kit-dd32553919/icons/classic/solid';
5
+ import { faDownload } from '@awesome.me/kit-dd32553919/icons/classic/regular';
6
+ import { faXTwitter, faTwitter, faFacebookF } from '@awesome.me/kit-dd32553919/icons/classic/brands';
6
7
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
7
8
  import Select, { components } from 'react-select';
8
9
 
9
10
  const Icon = _ref => {
10
11
  let {
11
12
  className,
12
- icon
13
+ icon,
14
+ type = 'solid'
13
15
  } = _ref;
14
16
  let faIcon;
15
17
  switch (icon) {
@@ -31,6 +33,9 @@ const Icon = _ref => {
31
33
  case 'arrowDownLong':
32
34
  faIcon = faArrowDownLong;
33
35
  break;
36
+ case 'arrowUpArrowDown':
37
+ faIcon = faArrowUpArrowDown;
38
+ break;
34
39
  case 'squareArrowUpRight':
35
40
  faIcon = faSquareArrowUpRight;
36
41
  break;
@@ -89,7 +94,7 @@ const Icon = _ref => {
89
94
  faIcon = faGlobe;
90
95
  break;
91
96
  case 'download':
92
- faIcon = faDownload;
97
+ if (type === 'regular') faIcon = faDownload;else faIcon = faDownload$1;
93
98
  break;
94
99
  case 'xmark':
95
100
  faIcon = faXmark;
package/dist/src/index.js CHANGED
@@ -5,8 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _extends = require('@babel/runtime/helpers/extends');
6
6
  var classNames = require('classnames');
7
7
  var React = require('react');
8
- var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
9
- var freeBrandsSvgIcons = require('@fortawesome/free-brands-svg-icons');
8
+ var solid = require('@awesome.me/kit-dd32553919/icons/classic/solid');
9
+ var regular = require('@awesome.me/kit-dd32553919/icons/classic/regular');
10
+ var brands = require('@awesome.me/kit-dd32553919/icons/classic/brands');
10
11
  var reactFontawesome = require('@fortawesome/react-fontawesome');
11
12
  var Select = require('react-select');
12
13
 
@@ -20,90 +21,94 @@ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
20
21
  const Icon = _ref => {
21
22
  let {
22
23
  className,
23
- icon
24
+ icon,
25
+ type = 'solid'
24
26
  } = _ref;
25
27
  let faIcon;
26
28
  switch (icon) {
27
29
  case 'arrowLeft':
28
- faIcon = freeSolidSvgIcons.faArrowLeft;
30
+ faIcon = solid.faArrowLeft;
29
31
  break;
30
32
  case 'arrowRight':
31
- faIcon = freeSolidSvgIcons.faArrowRight;
33
+ faIcon = solid.faArrowRight;
32
34
  break;
33
35
  case 'arrowUp':
34
- faIcon = freeSolidSvgIcons.faArrowUp;
36
+ faIcon = solid.faArrowUp;
35
37
  break;
36
38
  case 'arrowDown':
37
- faIcon = freeSolidSvgIcons.faArrowDown;
39
+ faIcon = solid.faArrowDown;
38
40
  break;
39
41
  case 'arrowUpLong':
40
- faIcon = freeSolidSvgIcons.faArrowUpLong;
42
+ faIcon = solid.faArrowUpLong;
41
43
  break;
42
44
  case 'arrowDownLong':
43
- faIcon = freeSolidSvgIcons.faArrowDownLong;
45
+ faIcon = solid.faArrowDownLong;
46
+ break;
47
+ case 'arrowUpArrowDown':
48
+ faIcon = solid.faArrowUpArrowDown;
44
49
  break;
45
50
  case 'squareArrowUpRight':
46
- faIcon = freeSolidSvgIcons.faSquareArrowUpRight;
51
+ faIcon = solid.faSquareArrowUpRight;
47
52
  break;
48
53
  case 'caretRight':
49
- faIcon = freeSolidSvgIcons.faCaretRight;
54
+ faIcon = solid.faCaretRight;
50
55
  break;
51
56
  case 'check':
52
- faIcon = freeSolidSvgIcons.faCheck;
57
+ faIcon = solid.faCheck;
53
58
  break;
54
59
  case 'chevronUp':
55
- faIcon = freeSolidSvgIcons.faChevronUp;
60
+ faIcon = solid.faChevronUp;
56
61
  break;
57
62
  case 'chevronDown':
58
- faIcon = freeSolidSvgIcons.faChevronDown;
63
+ faIcon = solid.faChevronDown;
59
64
  break;
60
65
  case 'chevronLeft':
61
- faIcon = freeSolidSvgIcons.faChevronLeft;
66
+ faIcon = solid.faChevronLeft;
62
67
  break;
63
68
  case 'chevronRight':
64
- faIcon = freeSolidSvgIcons.faChevronRight;
69
+ faIcon = solid.faChevronRight;
65
70
  break;
66
71
  case 'circleExclamation':
67
- faIcon = freeSolidSvgIcons.faCircleExclamation;
72
+ faIcon = solid.faCircleExclamation;
68
73
  break;
69
74
  case 'circleInfo':
70
- faIcon = freeSolidSvgIcons.faCircleInfo;
75
+ faIcon = solid.faCircleInfo;
71
76
  break;
72
77
  case 'circlePlus':
73
- faIcon = freeSolidSvgIcons.faCirclePlus;
78
+ faIcon = solid.faCirclePlus;
74
79
  break;
75
80
  case 'facebook':
76
- faIcon = freeBrandsSvgIcons.faFacebookF;
81
+ faIcon = brands.faFacebookF;
77
82
  break;
78
83
  case 'twitter':
79
- faIcon = freeBrandsSvgIcons.faTwitter;
84
+ faIcon = brands.faTwitter;
80
85
  break;
81
86
  case 'xTwitter':
82
- faIcon = freeBrandsSvgIcons.faXTwitter;
87
+ faIcon = brands.faXTwitter;
83
88
  break;
84
89
  case 'sms':
85
- faIcon = freeSolidSvgIcons.faCommentSms;
90
+ faIcon = solid.faCommentSms;
86
91
  break;
87
92
  case 'envelope':
88
- faIcon = freeSolidSvgIcons.faEnvelope;
93
+ faIcon = solid.faEnvelope;
89
94
  break;
90
95
  case 'bars':
91
- faIcon = freeSolidSvgIcons.faBars;
96
+ faIcon = solid.faBars;
92
97
  break;
93
98
  case 'spinner':
94
- faIcon = freeSolidSvgIcons.faSpinner;
99
+ faIcon = solid.faSpinner;
95
100
  break;
96
101
  case 'user':
97
- faIcon = freeSolidSvgIcons.faUser;
102
+ faIcon = solid.faUser;
98
103
  break;
99
104
  case 'globe':
100
- faIcon = freeSolidSvgIcons.faGlobe;
105
+ faIcon = solid.faGlobe;
101
106
  break;
102
107
  case 'download':
103
- faIcon = freeSolidSvgIcons.faDownload;
108
+ if (type === 'regular') faIcon = regular.faDownload;else faIcon = solid.faDownload;
104
109
  break;
105
110
  case 'xmark':
106
- faIcon = freeSolidSvgIcons.faXmark;
111
+ faIcon = solid.faXmark;
107
112
  break;
108
113
  default:
109
114
  console.warn("".concat(icon, " is not a supported icon name."));
@@ -343,7 +348,7 @@ Checkbox.displayName = 'Checkbox';
343
348
 
344
349
  const DropdownIndicator = props => {
345
350
  return /*#__PURE__*/React__default["default"].createElement(Select.components.DropdownIndicator, props, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
346
- icon: freeSolidSvgIcons.faChevronDown
351
+ icon: solid.faChevronDown
347
352
  }));
348
353
  };
349
354
  const Dropdown = _ref => {
package/dist/typings/Components/Icon/Icon.d.ts CHANGED
@@ -1,8 +1,9 @@
1
1
  import React from 'react';
2
2
  import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
3
- export type IconNames = 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowDown' | 'arrowUpLong' | 'arrowDownLong' | 'squareArrowUpRight' | 'caretRight' | 'check' | 'chevronUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'circleExclamation' | 'circleInfo' | 'circlePlus' | 'facebook' | 'twitter' | 'xTwitter' | 'sms' | 'envelope' | 'bars' | 'spinner' | 'user' | 'globe' | 'download' | 'xmark';
3
+ export type IconNames = 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowDown' | 'arrowUpLong' | 'arrowDownLong' | 'arrowUpArrowDown' | 'squareArrowUpRight' | 'caretRight' | 'check' | 'chevronUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'circleExclamation' | 'circleInfo' | 'circlePlus' | 'facebook' | 'twitter' | 'xTwitter' | 'sms' | 'envelope' | 'bars' | 'spinner' | 'user' | 'globe' | 'download' | 'downloadRegular' | 'xmark';
4
4
  export interface IconProps extends Omit<FontAwesomeIconProps, 'icon'> {
5
5
  className?: string;
6
6
  icon?: IconNames;
7
+ type?: 'solid' | 'regular';
7
8
  }
8
9
  export declare const Icon: React.FC<IconProps>;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@justfixnyc/component-library",
3
3
  "description": "JustFix Component Library",
4
4
  "license": "MIT",
5
- "version": "0.42.3",
5
+ "version": "0.43.0",
6
6
  "main": "dist/src/index.js",
7
7
  "module": "dist/src/index.es.js",
8
8
  "files": [
@@ -28,10 +28,9 @@
28
28
  "jackspeak": "2.1.1"
29
29
  },
30
30
  "dependencies": {
31
+ "@awesome.me/kit-dd32553919": "^1.0.13",
31
32
  "@babel/runtime": "^7.12.5",
32
- "@fortawesome/fontawesome-svg-core": "6.5.1",
33
- "@fortawesome/free-brands-svg-icons": "6.5.1",
34
- "@fortawesome/free-solid-svg-icons": "6.5.1",
33
+ "@fortawesome/fontawesome-svg-core": "^6.5.2",
35
34
  "@fortawesome/react-fontawesome": "0.2.2",
36
35
  "react-select": "^5.7.2"
37
36
  },