diff --git a/.changeset/shaggy-books-shave.md b/.changeset/shaggy-books-shave.md new file mode 100644 index 000000000..8a0203409 --- /dev/null +++ b/.changeset/shaggy-books-shave.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(icons): add counter, tunes, cloud_upload diff --git a/packages/constants/component/icon-name.ts b/packages/constants/component/icon-name.ts index 3a9177eaa..857e80a15 100644 --- a/packages/constants/component/icon-name.ts +++ b/packages/constants/component/icon-name.ts @@ -34,9 +34,19 @@ export const IconComponentName = { ICircle: "WizICircle", ICloseBold: "WizICloseBold", IClose: "WizIClose", + ICloudUpload: "WizICloudUpload", IContactPageFilled: "WizIContactPageFilled", IContentCopy: "WizIContentCopy", IContract: "WizIContract", + ICounter1: "WizICounter1", + ICounter2: "WizICounter2", + ICounter3: "WizICounter3", + ICounter4: "WizICounter4", + ICounter5: "WizICounter5", + ICounter6: "WizICounter6", + ICounter7: "WizICounter7", + ICounter8: "WizICounter8", + ICounter9: "WizICounter9", IDashboard: "WizIDashboard", IDelete: "WizIDelete", IDemography: "WizIDemography", @@ -95,6 +105,7 @@ export const IconComponentName = { ITab: "WizITab", ITask: "WizITask", ITimerFilled: "WizITimerFilled", + ITune: "WizITune", IUpload: "WizIUpload", IWarning: "WizIWarning", }; diff --git a/packages/icons/assets/cloud-upload.svg b/packages/icons/assets/cloud-upload.svg new file mode 100644 index 000000000..17e2607ff --- /dev/null +++ b/packages/icons/assets/cloud-upload.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/counter-1.svg b/packages/icons/assets/counter-1.svg new file mode 100644 index 000000000..1550d7791 --- /dev/null +++ b/packages/icons/assets/counter-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/counter-2.svg b/packages/icons/assets/counter-2.svg new file mode 100644 index 000000000..3cb4e33e2 --- /dev/null +++ b/packages/icons/assets/counter-2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/counter-3.svg b/packages/icons/assets/counter-3.svg new file mode 100644 index 000000000..e36b990a3 --- /dev/null +++ b/packages/icons/assets/counter-3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/counter-4.svg b/packages/icons/assets/counter-4.svg new file mode 100644 index 000000000..258c4f237 --- /dev/null +++ b/packages/icons/assets/counter-4.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/counter-5.svg b/packages/icons/assets/counter-5.svg new file mode 100644 index 000000000..24a987551 --- /dev/null +++ b/packages/icons/assets/counter-5.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/counter-6.svg b/packages/icons/assets/counter-6.svg new file mode 100644 index 000000000..ccc3668d3 --- /dev/null +++ b/packages/icons/assets/counter-6.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/counter-7.svg b/packages/icons/assets/counter-7.svg new file mode 100644 index 000000000..d56eeed5c --- /dev/null +++ b/packages/icons/assets/counter-7.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/counter-8.svg b/packages/icons/assets/counter-8.svg new file mode 100644 index 000000000..33b2ea2fd --- /dev/null +++ b/packages/icons/assets/counter-8.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/counter-9.svg b/packages/icons/assets/counter-9.svg new file mode 100644 index 000000000..132cb0582 --- /dev/null +++ b/packages/icons/assets/counter-9.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/icons/assets/tune.svg b/packages/icons/assets/tune.svg new file mode 100644 index 000000000..94bc2944e --- /dev/null +++ b/packages/icons/assets/tune.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/wiz-ui-next/src/components/icons/cloud-upload.vue b/packages/wiz-ui-next/src/components/icons/cloud-upload.vue new file mode 100644 index 000000000..f66002e89 --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/cloud-upload.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/counter-1.vue b/packages/wiz-ui-next/src/components/icons/counter-1.vue new file mode 100644 index 000000000..ecc5d8940 --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/counter-1.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/counter-2.vue b/packages/wiz-ui-next/src/components/icons/counter-2.vue new file mode 100644 index 000000000..1039230f9 --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/counter-2.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/counter-3.vue b/packages/wiz-ui-next/src/components/icons/counter-3.vue new file mode 100644 index 000000000..4b925077f --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/counter-3.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/counter-4.vue b/packages/wiz-ui-next/src/components/icons/counter-4.vue new file mode 100644 index 000000000..9bdc2f3ce --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/counter-4.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/counter-5.vue b/packages/wiz-ui-next/src/components/icons/counter-5.vue new file mode 100644 index 000000000..e13ec21b6 --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/counter-5.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/counter-6.vue b/packages/wiz-ui-next/src/components/icons/counter-6.vue new file mode 100644 index 000000000..69b5bcf2c --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/counter-6.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/counter-7.vue b/packages/wiz-ui-next/src/components/icons/counter-7.vue new file mode 100644 index 000000000..cc5d6f03c --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/counter-7.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/counter-8.vue b/packages/wiz-ui-next/src/components/icons/counter-8.vue new file mode 100644 index 000000000..4f3175efb --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/counter-8.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-next/src/components/icons/counter-9.vue b/packages/wiz-ui-next/src/components/icons/counter-9.vue new file mode 100644 index 000000000..492df4b30 --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/counter-9.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 1feacb4ca..83ed25fdf 100644 --- a/packages/wiz-ui-next/src/components/icons/index.ts +++ b/packages/wiz-ui-next/src/components/icons/index.ts @@ -33,9 +33,19 @@ import { default as WizICircleCheck } from "./circle-check.vue"; import { default as WizICircle } from "./circle.vue"; import { default as WizICloseBold } from "./close-bold.vue"; import { default as WizIClose } from "./close.vue"; +import { default as WizICloudUpload } from "./cloud-upload.vue"; import { default as WizIContactPageFilled } from "./contact-page-filled.vue"; import { default as WizIContentCopy } from "./content-copy.vue"; import { default as WizIContract } from "./contract.vue"; +import { default as WizICounter1 } from "./counter-1.vue"; +import { default as WizICounter2 } from "./counter-2.vue"; +import { default as WizICounter3 } from "./counter-3.vue"; +import { default as WizICounter4 } from "./counter-4.vue"; +import { default as WizICounter5 } from "./counter-5.vue"; +import { default as WizICounter6 } from "./counter-6.vue"; +import { default as WizICounter7 } from "./counter-7.vue"; +import { default as WizICounter8 } from "./counter-8.vue"; +import { default as WizICounter9 } from "./counter-9.vue"; import { default as WizIDashboard } from "./dashboard.vue"; import { default as WizIDelete } from "./delete.vue"; import { default as WizIDemography } from "./demography.vue"; @@ -94,6 +104,7 @@ import { default as WizIStoreFront } from "./store-front.vue"; import { default as WizITab } from "./tab.vue"; import { default as WizITask } from "./task.vue"; import { default as WizITimerFilled } from "./timer-filled.vue"; +import { default as WizITune } from "./tune.vue"; import { default as WizIUpload } from "./upload.vue"; import { default as WizIWarning } from "./warning.vue"; @@ -133,9 +144,19 @@ export type TIcon = | typeof WizICircle | typeof WizICloseBold | typeof WizIClose + | typeof WizICloudUpload | typeof WizIContactPageFilled | typeof WizIContentCopy | typeof WizIContract + | typeof WizICounter1 + | typeof WizICounter2 + | typeof WizICounter3 + | typeof WizICounter4 + | typeof WizICounter5 + | typeof WizICounter6 + | typeof WizICounter7 + | typeof WizICounter8 + | typeof WizICounter9 | typeof WizIDashboard | typeof WizIDelete | typeof WizIDemography @@ -194,6 +215,7 @@ export type TIcon = | typeof WizITab | typeof WizITask | typeof WizITimerFilled + | typeof WizITune | typeof WizIUpload | typeof WizIWarning; @@ -233,9 +255,19 @@ export { WizICircle, WizICloseBold, WizIClose, + WizICloudUpload, WizIContactPageFilled, WizIContentCopy, WizIContract, + WizICounter1, + WizICounter2, + WizICounter3, + WizICounter4, + WizICounter5, + WizICounter6, + WizICounter7, + WizICounter8, + WizICounter9, WizIDashboard, WizIDelete, WizIDemography, @@ -294,6 +326,7 @@ export { WizITab, WizITask, WizITimerFilled, + WizITune, WizIUpload, WizIWarning, }; diff --git a/packages/wiz-ui-next/src/components/icons/tune.vue b/packages/wiz-ui-next/src/components/icons/tune.vue new file mode 100644 index 000000000..0b13ac2ef --- /dev/null +++ b/packages/wiz-ui-next/src/components/icons/tune.vue @@ -0,0 +1,20 @@ + + + diff --git a/packages/wiz-ui-react/src/components/icons/cloud-upload.tsx b/packages/wiz-ui-react/src/components/icons/cloud-upload.tsx new file mode 100644 index 000000000..8756219fa --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/cloud-upload.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizICloudUpload = ({ className, style }: Props) => ( + + + +); +WizICloudUpload.displayName = "WizICloudUpload"; diff --git a/packages/wiz-ui-react/src/components/icons/counter-1.tsx b/packages/wiz-ui-react/src/components/icons/counter-1.tsx new file mode 100644 index 000000000..225e9dde0 --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/counter-1.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizICounter1 = ({ className, style }: Props) => ( + + + +); +WizICounter1.displayName = "WizICounter1"; diff --git a/packages/wiz-ui-react/src/components/icons/counter-2.tsx b/packages/wiz-ui-react/src/components/icons/counter-2.tsx new file mode 100644 index 000000000..b2686c9bf --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/counter-2.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizICounter2 = ({ className, style }: Props) => ( + + + +); +WizICounter2.displayName = "WizICounter2"; diff --git a/packages/wiz-ui-react/src/components/icons/counter-3.tsx b/packages/wiz-ui-react/src/components/icons/counter-3.tsx new file mode 100644 index 000000000..6ee58d9ec --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/counter-3.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizICounter3 = ({ className, style }: Props) => ( + + + +); +WizICounter3.displayName = "WizICounter3"; diff --git a/packages/wiz-ui-react/src/components/icons/counter-4.tsx b/packages/wiz-ui-react/src/components/icons/counter-4.tsx new file mode 100644 index 000000000..cc2ce63e7 --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/counter-4.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizICounter4 = ({ className, style }: Props) => ( + + + +); +WizICounter4.displayName = "WizICounter4"; diff --git a/packages/wiz-ui-react/src/components/icons/counter-5.tsx b/packages/wiz-ui-react/src/components/icons/counter-5.tsx new file mode 100644 index 000000000..d38df5f71 --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/counter-5.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizICounter5 = ({ className, style }: Props) => ( + + + +); +WizICounter5.displayName = "WizICounter5"; diff --git a/packages/wiz-ui-react/src/components/icons/counter-6.tsx b/packages/wiz-ui-react/src/components/icons/counter-6.tsx new file mode 100644 index 000000000..5b0e7ff6b --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/counter-6.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizICounter6 = ({ className, style }: Props) => ( + + + +); +WizICounter6.displayName = "WizICounter6"; diff --git a/packages/wiz-ui-react/src/components/icons/counter-7.tsx b/packages/wiz-ui-react/src/components/icons/counter-7.tsx new file mode 100644 index 000000000..50829d722 --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/counter-7.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizICounter7 = ({ className, style }: Props) => ( + + + +); +WizICounter7.displayName = "WizICounter7"; diff --git a/packages/wiz-ui-react/src/components/icons/counter-8.tsx b/packages/wiz-ui-react/src/components/icons/counter-8.tsx new file mode 100644 index 000000000..a605fcf49 --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/counter-8.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizICounter8 = ({ className, style }: Props) => ( + + + +); +WizICounter8.displayName = "WizICounter8"; diff --git a/packages/wiz-ui-react/src/components/icons/counter-9.tsx b/packages/wiz-ui-react/src/components/icons/counter-9.tsx new file mode 100644 index 000000000..803bb6bf5 --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/counter-9.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizICounter9 = ({ className, style }: Props) => ( + + + +); +WizICounter9.displayName = "WizICounter9"; diff --git a/packages/wiz-ui-react/src/components/icons/index.ts b/packages/wiz-ui-react/src/components/icons/index.ts index d164bb391..4b6310ecd 100644 --- a/packages/wiz-ui-react/src/components/icons/index.ts +++ b/packages/wiz-ui-react/src/components/icons/index.ts @@ -33,9 +33,19 @@ import { WizICircle } from "./circle"; import { WizICircleCheck } from "./circle-check"; import { WizIClose } from "./close"; import { WizICloseBold } from "./close-bold"; +import { WizICloudUpload } from "./cloud-upload"; import { WizIContactPageFilled } from "./contact-page-filled"; import { WizIContentCopy } from "./content-copy"; import { WizIContract } from "./contract"; +import { WizICounter1 } from "./counter-1"; +import { WizICounter2 } from "./counter-2"; +import { WizICounter3 } from "./counter-3"; +import { WizICounter4 } from "./counter-4"; +import { WizICounter5 } from "./counter-5"; +import { WizICounter6 } from "./counter-6"; +import { WizICounter7 } from "./counter-7"; +import { WizICounter8 } from "./counter-8"; +import { WizICounter9 } from "./counter-9"; import { WizIDashboard } from "./dashboard"; import { WizIDelete } from "./delete"; import { WizIDemography } from "./demography"; @@ -94,6 +104,7 @@ import { WizIStoreFront } from "./store-front"; import { WizITab } from "./tab"; import { WizITask } from "./task"; import { WizITimerFilled } from "./timer-filled"; +import { WizITune } from "./tune"; import { WizIUpload } from "./upload"; import { WizIWarning } from "./warning"; @@ -133,9 +144,19 @@ export type TIcon = | typeof WizICircle | typeof WizICloseBold | typeof WizIClose + | typeof WizICloudUpload | typeof WizIContactPageFilled | typeof WizIContentCopy | typeof WizIContract + | typeof WizICounter1 + | typeof WizICounter2 + | typeof WizICounter3 + | typeof WizICounter4 + | typeof WizICounter5 + | typeof WizICounter6 + | typeof WizICounter7 + | typeof WizICounter8 + | typeof WizICounter9 | typeof WizIDashboard | typeof WizIDelete | typeof WizIDemography @@ -194,6 +215,7 @@ export type TIcon = | typeof WizITab | typeof WizITask | typeof WizITimerFilled + | typeof WizITune | typeof WizIUpload | typeof WizIWarning; @@ -233,9 +255,19 @@ export { WizICircle, WizICloseBold, WizIClose, + WizICloudUpload, WizIContactPageFilled, WizIContentCopy, WizIContract, + WizICounter1, + WizICounter2, + WizICounter3, + WizICounter4, + WizICounter5, + WizICounter6, + WizICounter7, + WizICounter8, + WizICounter9, WizIDashboard, WizIDelete, WizIDemography, @@ -294,6 +326,7 @@ export { WizITab, WizITask, WizITimerFilled, + WizITune, WizIUpload, WizIWarning, }; diff --git a/packages/wiz-ui-react/src/components/icons/tune.tsx b/packages/wiz-ui-react/src/components/icons/tune.tsx new file mode 100644 index 000000000..7c647e9a2 --- /dev/null +++ b/packages/wiz-ui-react/src/components/icons/tune.tsx @@ -0,0 +1,18 @@ +import { CSSProperties } from "react"; +type Props = { + className?: string; + style?: CSSProperties; +}; +export const WizITune = ({ className, style }: Props) => ( + + + +); +WizITune.displayName = "WizITune";