catchup-library-web 2.3.8 → 2.4.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 (27) hide show
  1. package/dist/index.d.mts +14 -48
  2. package/dist/index.d.ts +14 -48
  3. package/dist/index.js +201 -105
  4. package/dist/index.mjs +196 -101
  5. package/package.json +1 -1
  6. package/src/components/labels/BlueLabel.tsx +17 -0
  7. package/src/components/labels/CoralLabel.tsx +17 -0
  8. package/src/components/labels/CyanLabel.tsx +17 -0
  9. package/src/components/labels/GrayLabel.tsx +17 -0
  10. package/src/components/labels/GreenLabel.tsx +17 -0
  11. package/src/components/labels/Label.tsx +30 -0
  12. package/src/components/labels/LimeLabel.tsx +17 -0
  13. package/src/components/labels/OrangeLabel.tsx +17 -0
  14. package/src/components/labels/PurpleLabel.tsx +17 -0
  15. package/src/components/labels/RedLabel.tsx +18 -0
  16. package/src/components/labels/TealLabel.tsx +17 -0
  17. package/src/index.ts +10 -9
  18. package/src/properties/LabelProperties.ts +9 -43
  19. package/src/components/labels/ActivityLabel.tsx +0 -11
  20. package/src/components/labels/ActivityTemplateLabel.tsx +0 -23
  21. package/src/components/labels/BrandLabel.tsx +0 -19
  22. package/src/components/labels/CategoryLabel.tsx +0 -23
  23. package/src/components/labels/CoterieLabel.tsx +0 -11
  24. package/src/components/labels/GradeLabel.tsx +0 -11
  25. package/src/components/labels/OutcomeLabel.tsx +0 -15
  26. package/src/components/labels/PersonalLabel.tsx +0 -23
  27. package/src/components/labels/PublishingHouseLabel.tsx +0 -23
package/src/properties/LabelProperties.ts CHANGED
@@ -1,49 +1,15 @@
1
- export interface IActivityTemplateLabelProps {
1
+ export interface ILabelProps {
2
2
  title: string;
3
- icon: any;
4
- font: string;
5
- }
6
-
7
- export interface IBrandLabelProps {
8
- title: string;
9
- icon: any;
10
- font: string;
11
- }
12
-
13
- export interface ICategoryLabelProps {
14
- title: string;
15
- icon: any;
16
- font: string;
17
- }
18
-
19
- export interface ICoterieLabelProps {
20
- title: string;
21
- font: string;
22
- }
23
-
24
- export interface IGradeLabelProps {
25
- title: string;
26
- font: string;
27
- }
28
-
29
- export interface IOutcomeLabelProps {
30
- title: string;
31
- font: string;
32
- }
33
-
34
- export interface IPersonalLabelProps {
35
- title: string;
36
- icon: any;
37
- font: string;
38
- }
39
-
40
- export interface IPublishingLabelProps {
41
- title: string;
42
- icon: any;
43
- font: string;
3
+ icon?: any;
4
+ font?: string;
5
+ borderWidth?: number;
6
+ borderColor: string;
7
+ backgroundColor: string;
8
+ textColor: string;
44
9
  }
45
10
 
46
- export interface IActivityLabelProps {
11
+ export interface IFixedLabelProps {
47
12
  title: string;
13
+ icon?: any;
48
14
  font: string;
49
15
  }
package/src/components/labels/ActivityLabel.tsx DELETED
@@ -1,11 +0,0 @@
1
- import { IActivityLabelProps } from "../../properties/LabelProperties";
2
-
3
- const ActivityLabel = ({ title, font }: IActivityLabelProps) => {
4
- return (
5
- <div className="px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center">
6
- <p className={font ? font : "text-sm"}>{title}</p>
7
- </div>
8
- );
9
- };
10
-
11
- export default ActivityLabel;
package/src/components/labels/ActivityTemplateLabel.tsx DELETED
@@ -1,23 +0,0 @@
1
- import { IActivityTemplateLabelProps } from "../../properties/LabelProperties";
2
- import BaseImage from "../images/BaseImage";
3
-
4
- const ActivityTemplateLabel = ({
5
- title,
6
- icon,
7
- font,
8
- }: IActivityTemplateLabelProps) => {
9
- return (
10
- <div className="px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center">
11
- <div className="flex flex-row items-center gap-x-2">
12
- {icon ? (
13
- icon
14
- ) : (
15
- <BaseImage src="/icons/activity.webp" alt="label" size="xsmall" />
16
- )}
17
- <p className={font ? font : "text-sm"}>{title}</p>
18
- </div>
19
- </div>
20
- );
21
- };
22
-
23
- export default ActivityTemplateLabel;
package/src/components/labels/BrandLabel.tsx DELETED
@@ -1,19 +0,0 @@
1
- import { IBrandLabelProps } from "../../properties/LabelProperties";
2
- import BaseImage from "../images/BaseImage";
3
-
4
- const BrandLabel = ({ title, icon, font }: IBrandLabelProps) => {
5
- return (
6
- <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center">
7
- <div className="flex flex-row items-center gap-x-2">
8
- {icon ? (
9
- icon
10
- ) : (
11
- <BaseImage src="/icons/brand-label.webp" alt="label" size="xsmall" />
12
- )}
13
- <p className={font ? font : "text-sm"}>{title}</p>
14
- </div>
15
- </div>
16
- );
17
- };
18
-
19
- export default BrandLabel;
package/src/components/labels/CategoryLabel.tsx DELETED
@@ -1,23 +0,0 @@
1
- import { ICategoryLabelProps } from "../../properties/LabelProperties";
2
- import BaseImage from "../images/BaseImage";
3
-
4
- const CategoryLabel = ({ title, icon, font }: ICategoryLabelProps) => {
5
- return (
6
- <div className="px-3 py-1 gap-x-3 border border-category-label-border bg-category-label text-category-label-text rounded-catchup-3xlarge text-center">
7
- <div className="flex flex-row items-center gap-x-2">
8
- {icon ? (
9
- icon
10
- ) : (
11
- <BaseImage
12
- src="/icons/category-label.webp"
13
- alt="label"
14
- size="xsmall"
15
- />
16
- )}
17
- <p className={font ? font : "text-sm"}>{title}</p>
18
- </div>
19
- </div>
20
- );
21
- };
22
-
23
- export default CategoryLabel;
package/src/components/labels/CoterieLabel.tsx DELETED
@@ -1,11 +0,0 @@
1
- import { ICoterieLabelProps } from "../../properties/LabelProperties";
2
-
3
- const CoterieLabel = ({ title, font }: ICoterieLabelProps) => {
4
- return (
5
- <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center">
6
- <p className={font ? font : "text-sm"}>{title}</p>
7
- </div>
8
- );
9
- };
10
-
11
- export default CoterieLabel;
package/src/components/labels/GradeLabel.tsx DELETED
@@ -1,11 +0,0 @@
1
- import { IGradeLabelProps } from "../../properties/LabelProperties";
2
-
3
- const GradeLabel = ({ title, font }: IGradeLabelProps) => {
4
- return (
5
- <div className="px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center">
6
- <p className={font ? font : "text-sm"}>{title}</p>
7
- </div>
8
- );
9
- };
10
-
11
- export default GradeLabel;
package/src/components/labels/OutcomeLabel.tsx DELETED
@@ -1,15 +0,0 @@
1
- import { IOutcomeLabelProps } from "../../properties/LabelProperties";
2
- import BaseImage from "../images/BaseImage";
3
-
4
- const OutcomeLabel = ({ title, font }: IOutcomeLabelProps) => {
5
- return (
6
- <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center">
7
- <div className="flex flex-row items-center gap-x-2">
8
- <BaseImage src="/icons/category.webp" alt="label" size="xsmall" />
9
- <p className={font ? font : "text-sm"}>{title}</p>
10
- </div>
11
- </div>
12
- );
13
- };
14
-
15
- export default OutcomeLabel;
package/src/components/labels/PersonalLabel.tsx DELETED
@@ -1,23 +0,0 @@
1
- import { IPersonalLabelProps } from "../../properties/LabelProperties";
2
- import BaseImage from "../images/BaseImage";
3
-
4
- const PersonalLabel = ({ title, icon, font }: IPersonalLabelProps) => {
5
- return (
6
- <div className="px-3 py-1 gap-x-3 border border-personal-label-border bg-personal-label text-personal-label-text rounded-catchup-3xlarge text-center">
7
- <div className="flex flex-row items-center gap-x-2">
8
- {icon ? (
9
- icon
10
- ) : (
11
- <BaseImage
12
- src="/icons/personal-label.webp"
13
- alt="label"
14
- size="xsmall"
15
- />
16
- )}
17
- <p className={font ? font : "text-sm"}>{title}</p>
18
- </div>
19
- </div>
20
- );
21
- };
22
-
23
- export default PersonalLabel;
package/src/components/labels/PublishingHouseLabel.tsx DELETED
@@ -1,23 +0,0 @@
1
- import { IPublishingLabelProps } from "../../properties/LabelProperties";
2
- import BaseImage from "../images/BaseImage";
3
-
4
- const PublishingHouseLabel = ({ title, icon, font }: IPublishingLabelProps) => {
5
- return (
6
- <div className="px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center">
7
- <div className="flex flex-row items-center gap-x-2">
8
- {icon ? (
9
- icon
10
- ) : (
11
- <BaseImage
12
- src="/icons/publishing-house-label.webp"
13
- alt="label"
14
- size="xsmall"
15
- />
16
- )}
17
- <p className={font ? font : "text-sm"}>{title}</p>
18
- </div>
19
- </div>
20
- );
21
- };
22
-
23
- export default PublishingHouseLabel;