Merge branch 'master' into alyssa-starter

1 files changed, 52 insertions, 0 deletions

diff --git a/packages/components/src/global/globalEnums.tsx b/packages/components/src/global/globalEnums.tsx
new file mode 100644
index 000000000..bdeacccdb
--- /dev/null
+++ b/packages/components/src/global/globalEnums.tsx
@@ -0,0 +1,52 @@
+export enum Colors {
+    BLACK = "#000000",
+    DARK_GRAY = "#323232",
+    MEDIUM_GRAY = "#9F9F9F",
+    LIGHT_GRAY = "#DFDFDF",
+    WHITE = "#FFFFFF",
+    MEDIUM_BLUE = "#4476F7",
+    MEDIUM_BLUE_ALT = "#4476f73d", // REDUCED OPACITY
+    LIGHT_BLUE = "#BDDDF5",
+    PINK = "#E0217D",
+    YELLOW = "#F5D747",
+    DROP_SHADOW = "#32323215",
+    ERROR_RED = "#FF9494",
+    SUCCESS_GREEN = "#4BB543",
+    TRANSPARENT = "transparent"
+}
+
+export enum FontSize {
+    JUMBO_ICON = "5rem",
+    ICON = "3rem",
+    HEADER = "1.6rem",
+    DEFAULT = "1rem",
+    SECONDARY = "1.3rem",
+    LABEL = "0.6rem"
+}
+
+export enum Padding {
+    MINIMUM_PADDING = "4px",
+    SMALL_PADDING = "8px",
+    MEDIUM_PADDING = "16px",
+    LARGE_PADDING = "32px",
+}
+
+export enum IconSizes {
+    ICON_SIZE = "28px",
+}
+
+export enum Borders {
+    STANDARD = "solid 1px #9F9F9F",
+    STANDARD_BORDER_RADIUS = '5px'
+}
+
+export enum Shadows {
+    STANDARD_SHADOW = "0px 3px 4px rgba(0, 0, 0, 0.3)"
+}
+
+export enum Size {
+    XSMALL = "xsmall",
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
\ No newline at end of file