@justfixnyc/component-library 0.61.3 → 0.61.8

package/README.md

@@ -17,20 +17,18 @@ Based this repo on this [course](https://www.newline.co/courses/newline-guide-to
 
 ## Publishing the package
 
-This package is live on both GitHub Package Registry (GPR) and NPM registry
+This package is published to the [npm registry](https://www.npmjs.com/package/@justfixnyc/component-library). Pushing a version tag triggers GitHub Actions to lint, test, build, publish to npm, and deploy Storybook.
 
-GitHub Actions triggers a publish to GPR from any branch that runs the version bump. Should probably change to allow this version bump to only happen on `main` before we fully integrate this library
+**One-time setup (org admin):** configure [trusted publishing](https://docs.npmjs.com/trusted-publishers/) on the npm package settings page. Select **GitHub Actions** and set:
 
-```shell
-npm run lint
-npm version [major]|[minor]|[patch]
-git push --follow-tags
-```
+- Organization / user: `JustFixNYC`
+- Repository: `component-library`
+- Workflow filename: `publish.yml`
 
-Publishing to NPM registry is more manual because of permission issues that couldn't be resolved in Github Actions. You will need to authenticate your account (w/ permissions to the JustFix organization) via the terminal.
+CI authenticates via OIDC — no `NPM_TOKEN` secret is required for publish.
 
 ```shell
-npm run build
-npm login --scope=@justfixnyc --registry=https://registry.npmjs.org/ --auth-type=web
-npm publish --access public --@justfixnyc:registry=https://registry.npmjs.org/
+npm run lint
+npm version [major|minor|patch]   # creates git tag vX.Y.Z
+git push --follow-tags            # triggers CI publish
 ```

package/dist/src/index.es.js

@@ -2,9 +2,9 @@ import _extends from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import classNames from 'classnames';
 import React, { forwardRef, useId, useState, useRef, useCallback, useEffect } from 'react';
-import { faShieldCheck, faCalculatorSimple, faPlus, faBan, faXmark, faDownload as faDownload$1, faBuildingColumns, faAddressCard, faBuilding, faMapLocationDot, faMobileScreenButton, faMemoPad, faLocationDot, faHouse, faGlobe, faUser, faSpinner, faBars, faMailboxOpenLetter as faMailboxOpenLetter$1, faEnvelope as faEnvelope$2, faCommentSms, faCopy, faCirclePlus, faCircleInfo, faCircleExclamation as faCircleExclamation$1, faChevronRight, faChevronLeft, faChevronDown, faChevronUp, faCheckDouble, faCheck, faCaretDown, faCaretRight, faBookmark as faBookmark$1, faSquareArrowUpRight, faArrowsRotateReverse, faArrowDownWideShort, faArrowUpShortWide, faArrowUpArrowDown, faArrowDownLong, faArrowUpLong, faArrowDown, faArrowUpRight, faArrowUp, faArrowRight, faArrowLeft } from '@awesome.me/kit-6863e5a21e/icons/classic/solid';
+import { faShieldCheck, faCamera as faCamera$1, faCalculatorSimple, faPlus, faBan, faXmark, faDownload as faDownload$1, faBuildingColumns, faAddressCard, faBuilding, faMapLocationDot, faMobileScreenButton, faMemoPad, faLocationDot, faHouse, faGlobe, faUser, faSpinner, faBars, faMailboxOpenLetter as faMailboxOpenLetter$1, faEnvelope as faEnvelope$2, faCommentSms, faCopy, faCirclePlus, faCircleInfo, faCircleExclamation as faCircleExclamation$1, faChevronRight, faChevronLeft, faChevronDown, faChevronUp, faCheckDouble, faCheck, faCaretDown, faCaretRight, faBookmark as faBookmark$1, faSquareArrowUpRight, faArrowsRotateReverse, faArrowDownWideShort, faArrowUpShortWide, faArrowUpArrowDown, faArrowDownLong, faArrowUpLong, faArrowDown, faArrowUpRight, faArrowUp, faArrowRight, faArrowLeft } from '@awesome.me/kit-6863e5a21e/icons/classic/solid';
 import { faFile as faFile$1, faMailboxOpenLetter, faPaperPlane, faEnvelopeCircleCheck, faEnvelope } from '@awesome.me/kit-6863e5a21e/icons/classic/light';
-import { faPrint, faFile, faEyeSlash, faEye, faDownload, faEnvelope as faEnvelope$1, faCircleExclamation, faBookmark } from '@awesome.me/kit-6863e5a21e/icons/classic/regular';
+import { faCamera, faPrint, faFile, faEyeSlash, faEye, faDownload, faEnvelope as faEnvelope$1, faCircleExclamation, faBookmark } from '@awesome.me/kit-6863e5a21e/icons/classic/regular';
 import { faXTwitter, faTwitter, faFacebookF } from '@awesome.me/kit-6863e5a21e/icons/classic/brands';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faEnvelopeCircleExclamationLight } from '@awesome.me/kit-6863e5a21e/icons/kit/custom';
@@ -206,6 +206,12 @@ const Icon = _ref => {
     case 'calculatorSimple':
       faIcon = faCalculatorSimple;
       break;
+    case 'camera':
+      faIcon = faCamera$1;
+      break;
+    case 'cameraRegular':
+      faIcon = faCamera;
+      break;
     case 'shieldCheck':
       faIcon = faShieldCheck;
       break;

package/dist/src/index.js

@@ -219,6 +219,12 @@ const Icon = _ref => {
     case 'calculatorSimple':
       faIcon = solid.faCalculatorSimple;
       break;
+    case 'camera':
+      faIcon = solid.faCamera;
+      break;
+    case 'cameraRegular':
+      faIcon = regular.faCamera;
+      break;
     case 'shieldCheck':
       faIcon = solid.faShieldCheck;
       break;

package/dist/typings/Components/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
-export type IconNames = 'addressCard' | 'arrowDown' | 'arrowDownLong' | 'arrowDownWideShort' | 'arrowLeft' | 'arrowRight' | 'arrowsRotateReverse' | 'arrowUp' | 'arrowUpArrowDown' | 'arrowUpLong' | 'arrowUpRight' | 'arrowUpShortWide' | 'ban' | 'bars' | 'bookmark' | 'bookmarkRegular' | 'building' | 'buildingColumns' | 'calculatorSimple' | 'caretDown' | 'caretRight' | 'check' | 'checkDouble' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'circleExclamation' | 'circleExclamationRegular' | 'circleInfo' | 'circlePlus' | 'copy' | 'download' | 'downloadRegular' | 'envelope' | 'envelopeCircleCheck' | 'envelopeCircleExclamationLight' | 'envelopeLight' | 'envelopeRegular' | 'eye' | 'eyeSlash' | 'facebook' | 'fileLight' | 'fileRegular' | 'globe' | 'house' | 'locationDot' | 'mailboxOpenLetter' | 'mailboxOpenLetterLight' | 'mapLocationDot' | 'memoPad' | 'mobileScreenButton' | 'paperPlaneLight' | 'plus' | 'print' | 'shieldCheck' | 'sms' | 'spinner' | 'squareArrowUpRight' | 'twitter' | 'user' | 'xmark' | 'xTwitter';
+export type IconNames = 'addressCard' | 'arrowDown' | 'arrowDownLong' | 'arrowDownWideShort' | 'arrowLeft' | 'arrowRight' | 'arrowsRotateReverse' | 'arrowUp' | 'arrowUpArrowDown' | 'arrowUpLong' | 'arrowUpRight' | 'arrowUpShortWide' | 'ban' | 'bars' | 'bookmark' | 'bookmarkRegular' | 'building' | 'buildingColumns' | 'calculatorSimple' | 'camera' | 'cameraRegular' | 'caretDown' | 'caretRight' | 'check' | 'checkDouble' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'circleExclamation' | 'circleExclamationRegular' | 'circleInfo' | 'circlePlus' | 'copy' | 'download' | 'downloadRegular' | 'envelope' | 'envelopeCircleCheck' | 'envelopeCircleExclamationLight' | 'envelopeLight' | 'envelopeRegular' | 'eye' | 'eyeSlash' | 'facebook' | 'fileLight' | 'fileRegular' | 'globe' | 'house' | 'locationDot' | 'mailboxOpenLetter' | 'mailboxOpenLetterLight' | 'mapLocationDot' | 'memoPad' | 'mobileScreenButton' | 'paperPlaneLight' | 'plus' | 'print' | 'shieldCheck' | 'sms' | 'spinner' | 'squareArrowUpRight' | 'twitter' | 'user' | 'xmark' | 'xTwitter';
 export interface IconProps extends Omit<FontAwesomeIconProps, 'icon'> {
     className?: string;
     icon?: IconNames;

package/package.json

@@ -2,7 +2,11 @@
   "name": "@justfixnyc/component-library",
   "description": "JustFix Component Library",
   "license": "MIT",
-  "version": "0.61.3",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/JustFixNYC/component-library.git"
+  },
+  "version": "0.61.8",
   "main": "dist/src/index.js",
   "module": "dist/src/index.es.js",
   "files": [