diff --git a/package-lock.json b/package-lock.json index 859a5f57..9f99f916 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@code4rena/components-library", - "version": "4.3.2", + "version": "4.5.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@code4rena/components-library", - "version": "4.3.2", + "version": "4.5.0", "license": "ISC", "dependencies": { "clsx": "^1.2.1", diff --git a/package.json b/package.json index 28c7a33f..72090f0d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@code4rena/components-library", - "version": "4.4.0", + "version": "4.5.0", "description": "Code4rena's official components library ", "types": "./dist/lib.d.ts", "exports": { diff --git a/src/lib/Icon/Icon.tsx b/src/lib/Icon/Icon.tsx index a8bfa834..2162fd4f 100644 --- a/src/lib/Icon/Icon.tsx +++ b/src/lib/Icon/Icon.tsx @@ -35,6 +35,9 @@ export const Icon = ({ case "large": sizeInPx = "32px"; break; + case "extra-large": + sizeInPx = "40px"; + break; default: sizeInPx = "24px"; } diff --git a/src/lib/Icon/Icon.types.ts b/src/lib/Icon/Icon.types.ts index b976e917..cfa7df0b 100644 --- a/src/lib/Icon/Icon.types.ts +++ b/src/lib/Icon/Icon.types.ts @@ -9,4 +9,4 @@ export interface IconProps { className?: string; } -export type IconSize = "small" | "medium" | "large"; \ No newline at end of file +export type IconSize = "small" | "medium" | "large" | "extra-large"; \ No newline at end of file diff --git a/src/lib/Icon/iconList.tsx b/src/lib/Icon/iconList.tsx index ea077599..f7bc7821 100644 --- a/src/lib/Icon/iconList.tsx +++ b/src/lib/Icon/iconList.tsx @@ -1,6 +1,29 @@ import React, { ReactElement } from "react"; export const icons = (size: string, color: string, className?: string): Record => ({ + "a": + + + + + + + + + + , + "approximate": + + + + + + + + + + + , "arrow-left": @@ -12,6 +35,17 @@ export const icons = (size: string, color: string, className?: string): Record + , + "b": + + + + + + + + + , "bell": @@ -45,6 +79,17 @@ export const icons = (size: string, color: string, className?: string): Record , + "c": + + + + + + + + + + , "c4-logo": @@ -98,6 +143,50 @@ export const icons = (size: string, color: string, className?: string): Record , + "circle-25": + + + + + + + + + + , + "circle-50": + + + + + + + + + + , + "circle-75": + + + + + + + + + + + , + "circle-exclamation": + + + + + + + + + , "clipboard": @@ -150,8 +239,12 @@ export const icons = (size: string, color: string, className?: string): Record , "facebook": - - , + + , + "file" : + + + , "findings": @@ -162,6 +255,31 @@ export const icons = (size: string, color: string, className?: string): Record , + "first": + + + , + "flag": + + + + + + + + + , + "g": + + + + + + + + + + , "grab-vertical": @@ -169,7 +287,18 @@ export const icons = (size: string, color: string, className?: string): Record - , + , + "h": + + + + + + + + + + , "heart": @@ -233,6 +362,17 @@ export const icons = (size: string, color: string, className?: string): Record, "linkedin": + , + "location": + + + + + + + + + , "lock": @@ -273,6 +413,17 @@ export const icons = (size: string, color: string, className?: string): Record , + "m": + + + + + + + + + + , "menu": @@ -282,6 +433,17 @@ export const icons = (size: string, color: string, className?: string): Record , + "minus": + + + + + + + + + + , "moon": @@ -305,11 +467,57 @@ export const icons = (size: string, color: string, className?: string): Record , + "no-clip": + + + + + + + + + , + "no-document": + + + + + + + + + , + "no-target": + + + + + + + + + , "plus": , + "presort": + + + + , + "qa": + + + + + + + + + + , "refresh": @@ -336,6 +544,10 @@ export const icons = (size: string, color: string, className?: string): Record , + "second": + + + , "settings": @@ -350,6 +562,16 @@ export const icons = (size: string, color: string, className?: string): Record , + "stop-x": + + + + + + + + + , "suggestion": @@ -380,14 +602,61 @@ export const icons = (size: string, color: string, className?: string): Record , + "third": + + + , + "thumbs-down": + + + + + + + + + , + "thumbs-up": + + + + + + + + + , "tool": , + "trash": + + + + + + + + + , + "trophy": + + + + + + + + + , "twitter": - , + , + "undo": + + , "user":