@planningcenter/icons 15.24.2 → 15.25.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/icons",
-  "version": "15.24.2",
+  "version": "15.25.1",
   "description": "Planning Center Icons",
   "scripts": {
     "test": "jest",
@@ -30,15 +30,26 @@
     "paths",
     "sprites",
     "svg",
-    "symbol"
+    "symbol",
+    "types"
   ],
   "exports": {
     "./css/*": "./css/*",
-    "./js/*": "./js/*",
-    "./sprites/*": "./sprites/*",
-    "./paths/*": "./paths/*",
+    "./js/*": "./js/*.js",
+    "./js/*.js": "./js/*.js",
+    "./sprites/*": {
+      "types": "./types/sprites.d.ts",
+      "default": "./sprites/*"
+    },
     "./svg/*": "./svg/*",
-    "./symbol": "./symbol/index.js"
+    "./symbol": {
+      "types": "./types/symbol.d.ts",
+      "default": "./symbol/index.js"
+    },
+    "./paths/*": {
+      "types": "./types/paths.d.ts",
+      "default": "./paths/*.mjs"
+    }
   },
   "homepage": "https://github.com/planningcenter/icons#readme",
   "devDependencies": {

package/types/paths.d.ts

@@ -0,0 +1,610 @@
+// This file is auto-generated. Do not edit manually.
+declare module "@planningcenter/icons/paths/accounts" {
+  export const addons: string
+  export const campus: string
+  export const churchCenterO: string
+  export const compass: string
+  export const contactCard: string
+  export const editor: string
+  export const integrationConnected: string
+  export const integrationDisconnected: string
+  export const integrations: string
+  export const photo: string
+  export const stamp: string
+}
+
+declare module "@planningcenter/icons/paths/api" {
+  export const compass: string
+  export const copy: string
+  export const document: string
+  export const key: string
+  export const link: string
+  export const terminal: string
+  export const webhook: string
+}
+
+declare module "@planningcenter/icons/paths/brand" {
+  export const amazon: string
+  export const androidFull: string
+  export const android: string
+  export const appleMusic: string
+  export const applePay: string
+  export const applePodcasts: string
+  export const apple: string
+  export const chartPro: string
+  export const checkr: string
+  export const chrome: string
+  export const edge: string
+  export const facebookOutline: string
+  export const facebook: string
+  export const firefox: string
+  export const ie: string
+  export const instagram: string
+  export const linkedin: string
+  export const linux: string
+  export const mailchimp: string
+  export const praiseCharts: string
+  export const rehearsalMix: string
+  export const rehearsalPack: string
+  export const safari: string
+  export const songSelect: string
+  export const spotifySolid: string
+  export const spotify: string
+  export const stripe: string
+  export const tiktok: string
+  export const twilio: string
+  export const twitter: string
+  export const vimeo: string
+  export const windows: string
+  export const youtube: string
+}
+
+declare module "@planningcenter/icons/paths/calendar" {
+  export const approvalGroup: string
+  export const connections: string
+  export const duplicate: string
+  export const eventTemplate: string
+  export const kiosk: string
+  export const listView: string
+  export const people: string
+  export const primaryRoom: string
+  export const reservationBlock: string
+  export const resourcesReverse: string
+  export const resources: string
+  export const roomSetup: string
+  export const roomsReverse: string
+  export const rooms: string
+}
+
+declare module "@planningcenter/icons/paths/cco" {
+  export const calendarOutline: string
+  export const checkEncircled: string
+  export const statementsO: string
+}
+
+declare module "@planningcenter/icons/paths/chat" {
+  export const camera: string
+  export const smile: string
+}
+
+declare module "@planningcenter/icons/paths/check-ins" {
+  export const addHousehold: string
+  export const barcodeCamera: string
+  export const barcode: string
+  export const bgcheckCheck: string
+  export const bgcheckX: string
+  export const birthday: string
+  export const chart: string
+  export const checkPending: string
+  export const check: string
+  export const checkin: string
+  export const checkout: string
+  export const deleteButton: string
+  export const guestBadge: string
+  export const householdAddPerson: string
+  export const labelAddMultiple: string
+  export const labelBirthdayAdd: string
+  export const labelBirthdayCircle: string
+  export const labelBirthday: string
+  export const labelNameAdd: string
+  export const labelNameCircle: string
+  export const labelName: string
+  export const labelSecurityAdd: string
+  export const labelSecurityCircle: string
+  export const labelSecurity: string
+  export const label: string
+  export const mobilePass: string
+  export const reportPreview: string
+  export const tickBoxFull: string
+  export const tickBoxOpen: string
+  export const x: string
+}
+
+declare module "@planningcenter/icons/paths/church-center" {
+  export const addReaction: string
+  export const bankCheck: string
+  export const bank: string
+  export const bellO: string
+  export const bookmarkO: string
+  export const bookmark: string
+  export const calendarCancel: string
+  export const calendarEvents: string
+  export const cameraReverse: string
+  export const checkInsO: string
+  export const checkIns: string
+  export const circle: string
+  export const directoryO: string
+  export const directory: string
+  export const dotCircle: string
+  export const eventCircle: string
+  export const exclamationCircle: string
+  export const flag: string
+  export const flashOff: string
+  export const flashOn: string
+  export const giveHeart: string
+  export const giveMoney: string
+  export const givingHistoryO: string
+  export const givingInKindO: string
+  export const givingInKind: string
+  export const givingO: string
+  export const givingPledgesO: string
+  export const givingRecurringO: string
+  export const givingStatementsO: string
+  export const giving: string
+  export const globe: string
+  export const groupsDashboard: string
+  export const groupsO: string
+  export const groupsThick: string
+  export const groups: string
+  export const homeO: string
+  export const home: string
+  export const householdO: string
+  export const locationArrow: string
+  export const messageCircle: string
+  export const moon: string
+  export const myCcO: string
+  export const myCc: string
+  export const paperPlaneO: string
+  export const paperPlane: string
+  export const paste: string
+  export const paymentMethodsO: string
+  export const people: string
+  export const photosAndroid: string
+  export const photosIos: string
+  export const photosO: string
+  export const profileHeader: string
+  export const profileInfoO: string
+  export const profileO: string
+  export const profile: string
+  export const question: string
+  export const radioButtonOff: string
+  export const registrationsHistoryO: string
+  export const registrationsO: string
+  export const registrations: string
+  export const servicesAltO: string
+  export const servicesAlt: string
+  export const servicesO: string
+  export const services: string
+  export const shareAndroid: string
+  export const shareIos: string
+  export const signupsO: string
+  export const signups: string
+  export const sort: string
+  export const thinX: string
+  export const threeDotsO: string
+  export const threeDots: string
+  export const trash: string
+}
+
+declare module "@planningcenter/icons/paths/general" {
+  export const bellMuted: string
+  export const bell: string
+  export const bill: string
+  export const blankFile: string
+  export const blockGrid: string
+  export const bolt: string
+  export const bracketsCurly: string
+  export const brokenLink: string
+  export const calendarRepeat: string
+  export const calendar: string
+  export const celebrate: string
+  export const checkCalendar: string
+  export const checkCircle: string
+  export const checkDouble: string
+  export const checkPerson: string
+  export const check: string
+  export const checklist: string
+  export const clock: string
+  export const closedStar: string
+  export const cogPerson: string
+  export const cog: string
+  export const creditCard: string
+  export const downArrow: string
+  export const downCaret: string
+  export const downChevron: string
+  export const dragHandle: string
+  export const envelope: string
+  export const event: string
+  export const exchange: string
+  export const exclamationCircle: string
+  export const exclamationTriangle: string
+  export const faders: string
+  export const folder: string
+  export const fromCloudArrow: string
+  export const funnel: string
+  export const genericFile: string
+  export const hangTag: string
+  export const heart: string
+  export const hideEye: string
+  export const image: string
+  export const inTray: string
+  export const inactive: string
+  export const infoCircle: string
+  export const intoBox: string
+  export const laptop: string
+  export const leftArrow: string
+  export const leftCaret: string
+  export const leftChevron: string
+  export const link: string
+  export const locationPin: string
+  export const lock: string
+  export const magicWand: string
+  export const megaphone: string
+  export const message: string
+  export const minusCircle: string
+  export const minus: string
+  export const mobilePhone: string
+  export const newWindow: string
+  export const openFolder: string
+  export const openStar: string
+  export const outlinedBell: string
+  export const outlinedBlankFile: string
+  export const outlinedCelebrate: string
+  export const outlinedChecklist: string
+  export const outlinedCircleCheck: string
+  export const outlinedClock: string
+  export const outlinedCreditCard: string
+  export const outlinedDots: string
+  export const outlinedEnvelope: string
+  export const outlinedExclamationCircle: string
+  export const outlinedGenericFile: string
+  export const outlinedHeart: string
+  export const outlinedImageFile: string
+  export const outlinedInfoCircle: string
+  export const outlinedLocationPin: string
+  export const outlinedMessage: string
+  export const outlinedMinusCircle: string
+  export const outlinedMusicFile: string
+  export const outlinedNotes: string
+  export const outlinedOpenEnvelope: string
+  export const outlinedPdfFile: string
+  export const outlinedPlusCircle: string
+  export const outlinedQuestionCircle: string
+  export const outlinedSlashCircle: string
+  export const outlinedStarCircle: string
+  export const outlinedTextFile: string
+  export const outlinedTextMessage: string
+  export const outlinedTwoBlankFiles: string
+  export const outlinedVideoFile: string
+  export const outlinedXCircle: string
+  export const paperclip: string
+  export const pencilCircle: string
+  export const pencilPerson: string
+  export const pencil: string
+  export const personBadge: string
+  export const person: string
+  export const phone: string
+  export const pico: string
+  export const plusCircle: string
+  export const plusPerson: string
+  export const plus: string
+  export const printer: string
+  export const pulse: string
+  export const qrCode: string
+  export const questionCircle: string
+  export const question: string
+  export const refresh: string
+  export const reload: string
+  export const rightArrow: string
+  export const rightCaret: string
+  export const rightChevron: string
+  export const rssSquare: string
+  export const rss: string
+  export const search: string
+  export const share: string
+  export const shieldExclamation: string
+  export const showEye: string
+  export const smallMinus: string
+  export const smallPlus: string
+  export const smallX: string
+  export const starCircle: string
+  export const starSquare: string
+  export const star: string
+  export const textMessageNotifications: string
+  export const textMessage: string
+  export const thickCheckmark: string
+  export const thickFromBottomArrow: string
+  export const thickToBottomArrow: string
+  export const thickX: string
+  export const threeDotsO: string
+  export const threeDots: string
+  export const threeHorizontalBarsDownArrow: string
+  export const threeHorizontalBars: string
+  export const threeHorizontalListItems: string
+  export const threeLineMusicNote: string
+  export const threeReducingHorizontalBars: string
+  export const threeVerticalBars: string
+  export const toCloudArrow: string
+  export const trash: string
+  export const tray: string
+  export const trendingUp: string
+  export const twoBlankFiles: string
+  export const twoInwardChevrons: string
+  export const twoOutwardChevrons: string
+  export const twoPeople: string
+  export const unlock: string
+  export const upArrow: string
+  export const upCaret: string
+  export const upChevron: string
+  export const videoCamera: string
+  export const viewCardStack: string
+  export const viewTable: string
+  export const xCircle: string
+  export const x: string
+}
+
+declare module "@planningcenter/icons/paths/giving" {
+  export const anonymous: string
+  export const arrowUpTrendCircleO: string
+  export const batchesGroup: string
+  export const batches: string
+  export const checkCircleStylized: string
+  export const clockCircleO: string
+  export const defaults: string
+  export const donations: string
+  export const editCircleOutline: string
+  export const emailCircle: string
+  export const emailMulti: string
+  export const email: string
+  export const eraser: string
+  export const hold: string
+  export const linkedCircles: string
+  export const mergeCircleOutline: string
+  export const pageRightDouble: string
+  export const paymentMethods: string
+  export const pledgeCalendar: string
+  export const pledgeCheck: string
+  export const pledgePencil: string
+  export const print: string
+  export const printerCircle: string
+  export const recurring: string
+  export const stripeLink: string
+  export const trashCircleOutline: string
+}
+
+declare module "@planningcenter/icons/paths/groups" {
+  export const cards: string
+  export const lockO: string
+  export const noteO: string
+  export const notificationO: string
+  export const notification: string
+  export const personRemoveO: string
+  export const promote: string
+  export const unlockO: string
+}
+
+declare module "@planningcenter/icons/paths/logomark" {
+  export const accounts: string
+  export const api: string
+  export const calendar: string
+  export const checkIns: string
+  export const churchCenter: string
+  export const giving: string
+  export const groups: string
+  export const home: string
+  export const musicStand: string
+  export const people: string
+  export const planningCenter: string
+  export const publishing: string
+  export const registrations: string
+  export const resources: string
+  export const services: string
+}
+
+declare module "@planningcenter/icons/paths/people" {
+  export const activityRegis: string
+  export const advance: string
+  export const anniversary: string
+  export const apple: string
+  export const bars: string
+  export const bgcheckClear: string
+  export const bgcheckExpired: string
+  export const bgcheckNone: string
+  export const bgcheckNotclear: string
+  export const bgcheckPending: string
+  export const birthday: string
+  export const bulkActions: string
+  export const cardComplete: string
+  export const cardRemoved: string
+  export const commentOutline: string
+  export const comment: string
+  export const duplicate: string
+  export const errorUploading: string
+  export const formCheckbox: string
+  export const formDropdown: string
+  export const formNumber: string
+  export const formParagraph: string
+  export const formText: string
+  export const forms: string
+  export const groupsAdded: string
+  export const groupsRemoved: string
+  export const history: string
+  export const idCardOutline: string
+  export const importProgress: string
+  export const logic: string
+  export const mixGender: string
+  export const moneyCircle: string
+  export const noActivity: string
+  export const noTextMessage: string
+  export const personArrow: string
+  export const personOutline: string
+  export const personPencil: string
+  export const photoOutline: string
+  export const school: string
+  export const skipStep: string
+  export const stepBack: string
+  export const textMessageOutline: string
+  export const textMessage: string
+  export const unsubscribed: string
+  export const workflows: string
+}
+
+declare module "@planningcenter/icons/paths/publishing" {
+  export const alignCenter: string
+  export const alignLeft: string
+  export const alignRight: string
+  export const archive: string
+  export const blockButton: string
+  export const blockContact: string
+  export const blockDivider: string
+  export const blockEventSchedule: string
+  export const blockGrid: string
+  export const blockImage: string
+  export const blockLocation: string
+  export const blockSectionHeader: string
+  export const blockSocial: string
+  export const blockText: string
+  export const blockVideo: string
+  export const checkIns: string
+  export const giving: string
+  export const groups: string
+  export const home: string
+  export const magnifyingGlassMinus: string
+  export const magnifyingGlassPlus: string
+  export const pageSaved: string
+  export const profile: string
+  export const registrations: string
+  export const trash: string
+  export const twoHorizontalBars: string
+}
+
+declare module "@planningcenter/icons/paths/registrations" {
+  export const addOns: string
+  export const assignments: string
+  export const attendeeType: string
+  export const bell: string
+  export const calendarOutline: string
+  export const capacity: string
+  export const discount: string
+  export const drag: string
+  export const formDownload: string
+  export const overview: string
+  export const personDetails: string
+  export const putBackArrow: string
+  export const refund: string
+  export const reports: string
+  export const scholarship: string
+  export const undo: string
+}
+
+declare module "@planningcenter/icons/paths/services" {
+  export const archive: string
+  export const audio: string
+  export const calendarBlockout: string
+  export const calendar: string
+  export const chatBubbleOutline: string
+  export const checkmark: string
+  export const cog: string
+  export const csvExport: string
+  export const dollarSignCircleKnockout: string
+  export const dollarSignCircularArrow: string
+  export const duplicate: string
+  export const email: string
+  export const envelope: string
+  export const eyeOutline: string
+  export const eye: string
+  export const fileCopy: string
+  export const fileLyrics: string
+  export const filePdf: string
+  export const fileText: string
+  export const folderAdd: string
+  export const folderClosed: string
+  export const folderMusicNote: string
+  export const folderOpen: string
+  export const formatColor: string
+  export const formatSize: string
+  export const graph: string
+  export const header: string
+  export const headphones: string
+  export const house: string
+  export const image: string
+  export const importExport: string
+  export const item: string
+  export const layout: string
+  export const linkOff: string
+  export const link: string
+  export const notes: string
+  export const pause: string
+  export const pinCircleFilled: string
+  export const pin: string
+  export const placeholder: string
+  export const planDetail: string
+  export const planFiles: string
+  export const planMedia: string
+  export const planNotes: string
+  export const planSong: string
+  export const playCircleFilled: string
+  export const playCircle: string
+  export const play: string
+  export const playlist: string
+  export const question: string
+  export const repeat: string
+  export const sequence: string
+  export const settings: string
+  export const shield: string
+  export const singleDoc: string
+  export const skipNext: string
+  export const skipPrevious: string
+  export const song: string
+  export const split: string
+  export const star: string
+  export const swap: string
+  export const tag: string
+  export const targetFilled: string
+  export const target: string
+  export const threeDocsStacked: string
+  export const transpose: string
+  export const video: string
+  export const volume0: string
+  export const volume1: string
+  export const volume2: string
+  export const volume3: string
+}
+
+declare module "@planningcenter/icons/paths/tapestry" {
+  export const checkbox0: string
+  export const checkbox1: string
+  export const checkbox2: string
+  export const downChevron: string
+  export const leftChevron: string
+  export const radio0: string
+  export const radio1: string
+  export const rightChevron: string
+  export const upChevron: string
+}
+
+declare module "@planningcenter/icons/paths/toolbar" {
+  export const checklistO: string
+  export const checklist: string
+  export const homeO: string
+  export const home: string
+  export const notificationO: string
+  export const notification: string
+  export const planningCenterO: string
+  export const planningCenter: string
+}
+
+declare module "@planningcenter/icons/paths/*" {
+  const value: string
+  export default value
+}

package/types/sprites.d.ts

@@ -0,0 +1,95 @@
+// This file is auto-generated. Do not edit manually.
+declare module "@planningcenter/icons/sprites/accounts.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/api.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/brand.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/calendar.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/cco.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/chat.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/check-ins.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/church-center.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/general.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/giving.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/groups.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/logomark.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/people.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/publishing.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/registrations.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/services.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/tapestry.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/toolbar.svg" {
+  const spriteUrl: string
+  export default spriteUrl
+}
+
+declare module "@planningcenter/icons/sprites/*" {
+  const spriteUrl: string
+  export default spriteUrl
+}

package/types/symbol.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps } from "react"
+
+declare module "@planningcenter/icons/symbol" {
+  export interface SymbolProps extends Omit<ComponentProps<"svg">, "ref"> {
+    /** The symbol identifier in format 'collection#name' or 'path#name' */
+    symbol: string
+    /** Optional title for accessibility */
+    title?: string
+    /** Optional description for accessibility */
+    description?: string
+    /** ARIA role, defaults to "img" */
+    role?: string
+    /** Additional class names */
+    className?: string
+  }
+
+  export function Symbol(props: SymbolProps): JSX.Element
+}