diff --git a/.changeset/serious-pears-film.md b/.changeset/serious-pears-film.md new file mode 100644 index 000000000..70e8ae0c2 --- /dev/null +++ b/.changeset/serious-pears-film.md @@ -0,0 +1,8 @@ +--- +"@wizleap-inc/wiz-ui-react": minor +"@wizleap-inc/wiz-ui-next": minor +"@wizleap-inc/wiz-ui-constants": minor +"@wizleap-inc/wiz-ui-icons": minor +--- + +Feat(icon): add image, play_circle, pause_circle icons, keep, error diff --git a/packages/constants/component/icon-name.ts b/packages/constants/component/icon-name.ts index 3a29fa1e1..3d1e62c39 100644 --- a/packages/constants/component/icon-name.ts +++ b/packages/constants/component/icon-name.ts @@ -66,6 +66,7 @@ export const IconComponentName = { IDrafts: "WizIDrafts", IEditNote: "WizIEditNote", IEmergencyHome: "WizIEmergencyHome", + IErrorFilled: "WizIErrorFilled", IExpandLess: "WizIExpandLess", IExpandMoreBold: "WizIExpandMoreBold", IExpandMore: "WizIExpandMore", @@ -78,10 +79,12 @@ export const IconComponentName = { IHistory: "WizIHistory", IHome: "WizIHome", IHourglassTop: "WizIHourglassTop", + IImageBold: "WizIImageBold", IInboxCustomize: "WizIInboxCustomize", IInfoBold: "WizIInfoBold", IInfoFilled: "WizIInfoFilled", IInfo: "WizIInfo", + IKeepBold: "WizIKeepBold", ILinkOff: "WizILinkOff", ILocationCity: "WizILocationCity", ILocationOn: "WizILocationOn", @@ -95,9 +98,11 @@ export const IconComponentName = { INoteAdd: "WizINoteAdd", INotification: "WizINotification", IOpenInNew: "WizIOpenInNew", + IPauseCircleBold: "WizIPauseCircleBold", IPersonFilled: "WizIPersonFilled", IPieChart: "WizIPieChart", IPinDrop: "WizIPinDrop", + IPlayCircleBold: "WizIPlayCircleBold", IPublic: "WizIPublic", IRemoveBold: "WizIRemoveBold", IRemove: "WizIRemove", diff --git a/packages/icons/assets/error-filled.svg b/packages/icons/assets/error-filled.svg new file mode 100644 index 000000000..89b3f087b --- /dev/null +++ b/packages/icons/assets/error-filled.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/image-bold.svg b/packages/icons/assets/image-bold.svg new file mode 100644 index 000000000..bc18a98e0 --- /dev/null +++ b/packages/icons/assets/image-bold.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/keep-bold.svg b/packages/icons/assets/keep-bold.svg new file mode 100644 index 000000000..6567e072e --- /dev/null +++ b/packages/icons/assets/keep-bold.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/pause-circle-bold.svg b/packages/icons/assets/pause-circle-bold.svg new file mode 100644 index 000000000..826363e60 --- /dev/null +++ b/packages/icons/assets/pause-circle-bold.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/play-circle-bold.svg b/packages/icons/assets/play-circle-bold.svg new file mode 100644 index 000000000..1d08a623f --- /dev/null +++ b/packages/icons/assets/play-circle-bold.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/wiz-ui-next/src/components/icons/error-filled.vue b/packages/wiz-ui-next/src/components/icons/error-filled.vue new file mode 100644 index 000000000..c156bea70 --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/error-filled.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/image-bold.vue b/packages/wiz-ui-next/src/components/icons/image-bold.vue new file mode 100644 index 000000000..e220a99f8 --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/image-bold.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/index.ts b/packages/wiz-ui-next/src/components/icons/index.ts index 132946ac9..9d098bf17 100644 --- a/packages/wiz-ui-next/src/components/icons/index.ts +++ b/packages/wiz-ui-next/src/components/icons/index.ts @@ -65,6 +65,7 @@ import { default as WizIDraft } from "./draft.vue"; import { default as WizIDrafts } from "./drafts.vue"; import { default as WizIEditNote } from "./edit-note.vue"; import { default as WizIEmergencyHome } from "./emergency-home.vue"; +import { default as WizIErrorFilled } from "./error-filled.vue"; import { default as WizIExpandLess } from "./expand-less.vue"; import { default as WizIExpandMoreBold } from "./expand-more-bold.vue"; import { default as WizIExpandMore } from "./expand-more.vue"; @@ -77,10 +78,12 @@ import { default as WizIHelp } from "./help.vue"; import { default as WizIHistory } from "./history.vue"; import { default as WizIHome } from "./home.vue"; import { default as WizIHourglassTop } from "./hourglass-top.vue"; +import { default as WizIImageBold } from "./image-bold.vue"; import { default as WizIInboxCustomize } from "./inbox-customize.vue"; import { default as WizIInfoBold } from "./info-bold.vue"; import { default as WizIInfoFilled } from "./info-filled.vue"; import { default as WizIInfo } from "./info.vue"; +import { default as WizIKeepBold } from "./keep-bold.vue"; import { default as WizILinkOff } from "./link-off.vue"; import { default as WizILocationCity } from "./location-city.vue"; import { default as WizILocationOn } from "./location-on.vue"; @@ -94,9 +97,11 @@ import { default as WizIMoreVert } from "./more-vert.vue"; import { default as WizINoteAdd } from "./note-add.vue"; import { default as WizINotification } from "./notification.vue"; import { default as WizIOpenInNew } from "./open-in-new.vue"; +import { default as WizIPauseCircleBold } from "./pause-circle-bold.vue"; import { default as WizIPersonFilled } from "./person-filled.vue"; import { default as WizIPieChart } from "./pie-chart.vue"; import { default as WizIPinDrop } from "./pin-drop.vue"; +import { default as WizIPlayCircleBold } from "./play-circle-bold.vue"; import { default as WizIPublic } from "./public.vue"; import { default as WizIRemoveBold } from "./remove-bold.vue"; import { default as WizIRemove } from "./remove.vue"; @@ -185,6 +190,7 @@ export type TIcon = | typeof WizIDrafts | typeof WizIEditNote | typeof WizIEmergencyHome + | typeof WizIErrorFilled | typeof WizIExpandLess | typeof WizIExpandMoreBold | typeof WizIExpandMore @@ -197,10 +203,13 @@ export type TIcon = | typeof WizIHistory | typeof WizIHome | typeof WizIHourglassTop + | typeof WizIImageBold | typeof WizIInboxCustomize | typeof WizIInfoBold | typeof WizIInfoFilled | typeof WizIInfo + | typeof WizIKeepBold + | typeof WizIKeep | typeof WizILinkOff | typeof WizILocationCity | typeof WizILocationOn @@ -214,9 +223,11 @@ export type TIcon = | typeof WizINoteAdd | typeof WizINotification | typeof WizIOpenInNew + | typeof WizIPauseCircleBold | typeof WizIPersonFilled | typeof WizIPieChart | typeof WizIPinDrop + | typeof WizIPlayCircleBold | typeof WizIPublic | typeof WizIRemoveBold | typeof WizIRemove @@ -238,18 +249,18 @@ export type TIcon = | typeof WizIWarning; export { - WizIAddCircle, WizIAdd, - WizIAdjustBold, + WizIAddCircle, WizIAdjust, + WizIAdjustBold, WizIApprovalFilled, WizIArrowDownward, WizIArrowDropDown, WizIArrowDropUp, WizIArrowRight, WizIArrowUpward, - WizIAssignmentAdd, WizIAssignment, + WizIAssignmentAdd, WizIAttachFile, WizIAutoRenew, WizIBarChart4Bars, @@ -260,41 +271,41 @@ export { WizICamera, WizICancel, WizIChangeHistory, - WizIChatBubbleFilled, WizIChat, + WizIChatBubbleFilled, + WizICheck, WizICheckBold, WizICheckCircleFilled, - WizICheck, - WizIChevronLeftBold, WizIChevronLeft, - WizIChevronRightBold, + WizIChevronLeftBold, WizIChevronRight, - WizICircleCheck, + WizIChevronRightBold, WizICircle, - WizICloseBold, + WizICircleCheck, WizIClose, + WizICloseBold, WizICloudUpload, WizIContactPageFilled, WizIContentCopy, WizIContract, - WizICounter1Filled, WizICounter1, - WizICounter2Filled, + WizICounter1Filled, WizICounter2, - WizICounter3Filled, + WizICounter2Filled, WizICounter3, - WizICounter4Filled, + WizICounter3Filled, WizICounter4, - WizICounter5Filled, + WizICounter4Filled, WizICounter5, - WizICounter6Filled, + WizICounter5Filled, WizICounter6, - WizICounter7Filled, + WizICounter6Filled, WizICounter7, - WizICounter8Filled, + WizICounter7Filled, WizICounter8, - WizICounter9Filled, + WizICounter8Filled, WizICounter9, + WizICounter9Filled, WizIDashboard, WizIDelete, WizIDemography, @@ -305,9 +316,10 @@ export { WizIDrafts, WizIEditNote, WizIEmergencyHome, + WizIErrorFilled, WizIExpandLess, - WizIExpandMoreBold, WizIExpandMore, + WizIExpandMoreBold, WizIEye, WizIFamilyHome, WizIFeedback, @@ -317,29 +329,34 @@ export { WizIHistory, WizIHome, WizIHourglassTop, + WizIImageBold, WizIInboxCustomize, + WizIInfo, WizIInfoBold, WizIInfoFilled, - WizIInfo, + WizIKeep, + WizIKeepBold, WizILinkOff, WizILocationCity, WizILocationOn, WizILogin, WizIMail, WizIManageAccounts, - WizIMenuOpen, WizIMenu, + WizIMenuOpen, WizIMonitoring, WizIMoreVert, WizINoteAdd, WizINotification, WizIOpenInNew, + WizIPauseCircleBold, WizIPersonFilled, WizIPieChart, WizIPinDrop, + WizIPlayCircleBold, WizIPublic, - WizIRemoveBold, WizIRemove, + WizIRemoveBold, WizIReviews, WizISchedule, WizISearch, diff --git a/packages/wiz-ui-next/src/components/icons/keep-bold.vue b/packages/wiz-ui-next/src/components/icons/keep-bold.vue new file mode 100644 index 000000000..d9b58ac76 --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/keep-bold.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/pause-circle-bold.vue b/packages/wiz-ui-next/src/components/icons/pause-circle-bold.vue new file mode 100644 index 000000000..9d2482f1b --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/pause-circle-bold.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/play-circle-bold.vue b/packages/wiz-ui-next/src/components/icons/play-circle-bold.vue new file mode 100644 index 000000000..d6c0240eb --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/play-circle-bold.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-react/src/components/icons/error-filled.tsx b/packages/wiz-ui-react/src/components/icons/error-filled.tsx new file mode 100644 index 000000000..272278697 --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/error-filled.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizIErrorFilled = ({ className, style }: Props) => ( + + + +); +WizIErrorFilled.displayName = "WizIErrorFilled"; diff --git a/packages/wiz-ui-react/src/components/icons/image-bold.tsx b/packages/wiz-ui-react/src/components/icons/image-bold.tsx new file mode 100644 index 000000000..564ef4743 --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/image-bold.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizIImageBold = ({ className, style }: Props) => ( + + + +); +WizIImageBold.displayName = "WizIImageBold"; diff --git a/packages/wiz-ui-react/src/components/icons/index.ts b/packages/wiz-ui-react/src/components/icons/index.ts index 5fa38018a..598d5f25d 100644 --- a/packages/wiz-ui-react/src/components/icons/index.ts +++ b/packages/wiz-ui-react/src/components/icons/index.ts @@ -65,6 +65,7 @@ import { WizIDraft } from "./draft"; import { WizIDrafts } from "./drafts"; import { WizIEditNote } from "./edit-note"; import { WizIEmergencyHome } from "./emergency-home"; +import { WizIErrorFilled } from "./error-filled"; import { WizIExpandLess } from "./expand-less"; import { WizIExpandMore } from "./expand-more"; import { WizIExpandMoreBold } from "./expand-more-bold"; @@ -77,10 +78,12 @@ import { WizIHelp } from "./help"; import { WizIHistory } from "./history"; import { WizIHome } from "./home"; import { WizIHourglassTop } from "./hourglass-top"; +import { WizIImageBold } from "./image-bold"; import { WizIInboxCustomize } from "./inbox-customize"; import { WizIInfo } from "./info"; import { WizIInfoBold } from "./info-bold"; import { WizIInfoFilled } from "./info-filled"; +import { WizIKeepBold } from "./keep-bold"; import { WizILinkOff } from "./link-off"; import { WizILocationCity } from "./location-city"; import { WizILocationOn } from "./location-on"; @@ -94,9 +97,11 @@ import { WizIMoreVert } from "./more-vert"; import { WizINoteAdd } from "./note-add"; import { WizINotification } from "./notification"; import { WizIOpenInNew } from "./open-in-new"; +import { WizIPauseCircleBold } from "./pause-circle-bold"; import { WizIPersonFilled } from "./person-filled"; import { WizIPieChart } from "./pie-chart"; import { WizIPinDrop } from "./pin-drop"; +import { WizIPlayCircleBold } from "./play-circle-bold"; import { WizIPublic } from "./public"; import { WizIRemove } from "./remove"; import { WizIRemoveBold } from "./remove-bold"; @@ -185,6 +190,7 @@ export type TIcon = | typeof WizIDrafts | typeof WizIEditNote | typeof WizIEmergencyHome + | typeof WizIErrorFilled | typeof WizIExpandLess | typeof WizIExpandMoreBold | typeof WizIExpandMore @@ -197,10 +203,13 @@ export type TIcon = | typeof WizIHistory | typeof WizIHome | typeof WizIHourglassTop + | typeof WizIImageBold | typeof WizIInboxCustomize | typeof WizIInfoBold | typeof WizIInfoFilled | typeof WizIInfo + | typeof WizIKeepBold + | typeof WizIKeep | typeof WizILinkOff | typeof WizILocationCity | typeof WizILocationOn @@ -214,9 +223,11 @@ export type TIcon = | typeof WizINoteAdd | typeof WizINotification | typeof WizIOpenInNew + | typeof WizIPauseCircleBold | typeof WizIPersonFilled | typeof WizIPieChart | typeof WizIPinDrop + | typeof WizIPlayCircleBold | typeof WizIPublic | typeof WizIRemoveBold | typeof WizIRemove @@ -238,18 +249,18 @@ export type TIcon = | typeof WizIWarning; export { - WizIAddCircle, WizIAdd, - WizIAdjustBold, + WizIAddCircle, WizIAdjust, + WizIAdjustBold, WizIApprovalFilled, WizIArrowDownward, WizIArrowDropDown, WizIArrowDropUp, WizIArrowRight, WizIArrowUpward, - WizIAssignmentAdd, WizIAssignment, + WizIAssignmentAdd, WizIAttachFile, WizIAutoRenew, WizIBarChart4Bars, @@ -260,41 +271,41 @@ export { WizICamera, WizICancel, WizIChangeHistory, - WizIChatBubbleFilled, WizIChat, + WizIChatBubbleFilled, + WizICheck, WizICheckBold, WizICheckCircleFilled, - WizICheck, - WizIChevronLeftBold, WizIChevronLeft, - WizIChevronRightBold, + WizIChevronLeftBold, WizIChevronRight, - WizICircleCheck, + WizIChevronRightBold, WizICircle, - WizICloseBold, + WizICircleCheck, WizIClose, + WizICloseBold, WizICloudUpload, WizIContactPageFilled, WizIContentCopy, WizIContract, - WizICounter1Filled, WizICounter1, - WizICounter2Filled, + WizICounter1Filled, WizICounter2, - WizICounter3Filled, + WizICounter2Filled, WizICounter3, - WizICounter4Filled, + WizICounter3Filled, WizICounter4, - WizICounter5Filled, + WizICounter4Filled, WizICounter5, - WizICounter6Filled, + WizICounter5Filled, WizICounter6, - WizICounter7Filled, + WizICounter6Filled, WizICounter7, - WizICounter8Filled, + WizICounter7Filled, WizICounter8, - WizICounter9Filled, + WizICounter8Filled, WizICounter9, + WizICounter9Filled, WizIDashboard, WizIDelete, WizIDemography, @@ -305,9 +316,10 @@ export { WizIDrafts, WizIEditNote, WizIEmergencyHome, + WizIErrorFilled, WizIExpandLess, - WizIExpandMoreBold, WizIExpandMore, + WizIExpandMoreBold, WizIEye, WizIFamilyHome, WizIFeedback, @@ -317,29 +329,34 @@ export { WizIHistory, WizIHome, WizIHourglassTop, + WizIImageBold, WizIInboxCustomize, + WizIInfo, WizIInfoBold, WizIInfoFilled, - WizIInfo, + WizIKeep, + WizIKeepBold, WizILinkOff, WizILocationCity, WizILocationOn, WizILogin, WizIMail, WizIManageAccounts, - WizIMenuOpen, WizIMenu, + WizIMenuOpen, WizIMonitoring, WizIMoreVert, WizINoteAdd, WizINotification, WizIOpenInNew, + WizIPauseCircleBold, WizIPersonFilled, WizIPieChart, WizIPinDrop, + WizIPlayCircleBold, WizIPublic, - WizIRemoveBold, WizIRemove, + WizIRemoveBold, WizIReviews, WizISchedule, WizISearch, diff --git a/packages/wiz-ui-react/src/components/icons/keep-bold.tsx b/packages/wiz-ui-react/src/components/icons/keep-bold.tsx new file mode 100644 index 000000000..8e8f8250e --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/keep-bold.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizIKeepBold = ({ className, style }: Props) => ( + + + +); +WizIKeepBold.displayName = "WizIKeepBold"; diff --git a/packages/wiz-ui-react/src/components/icons/pause-circle-bold.tsx b/packages/wiz-ui-react/src/components/icons/pause-circle-bold.tsx new file mode 100644 index 000000000..b3e9d2421 --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/pause-circle-bold.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizIPauseCircleBold = ({ className, style }: Props) => ( + + + +); +WizIPauseCircleBold.displayName = "WizIPauseCircleBold"; diff --git a/packages/wiz-ui-react/src/components/icons/play-circle-bold.tsx b/packages/wiz-ui-react/src/components/icons/play-circle-bold.tsx new file mode 100644 index 000000000..540332e12 --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/play-circle-bold.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizIPlayCircleBold = ({ className, style }: Props) => ( + + + +); +WizIPlayCircleBold.displayName = "WizIPlayCircleBold";