@thecb/components 10.6.1-beta.0 → 10.6.1

package/src/constants/style_constants.js

@@ -1,23 +1,26 @@
 /* These are constants used by nav frontend components */
 
-const HEADER_HEIGHT = "104px";
-const FOOTER_HEIGHT = "100px";
-const SPACER_HEIGHT = "65px";
-const JUMBO_HEIGHT = "300px";
-const COMPACT_JUMBO_HEIGHT = "65px";
-const FONT_WEIGHT_REGULAR = "400";
-const FONT_WEIGHT_BOLD = "700";
-const FONT_WEIGHT_SEMIBOLD = "600";
-const LINK_TEXT_DECORATION = "underline solid 1px";
-
-export {
-  HEADER_HEIGHT,
-  FOOTER_HEIGHT,
-  SPACER_HEIGHT,
-  JUMBO_HEIGHT,
-  COMPACT_JUMBO_HEIGHT,
-  FONT_WEIGHT_REGULAR,
-  FONT_WEIGHT_BOLD,
-  FONT_WEIGHT_SEMIBOLD,
-  LINK_TEXT_DECORATION
+export const BORDER_RADIUS = {
+  MD: "4px" // Figma: Corners/Standard Corner
+};
+export const BORDER_THIN = "1px";
+export const FONT_SIZE = {
+  XS: "0.750rem", // 12px
+  SM: "0.875rem", // 14px
+  MD: "1.000rem", // 16px
+  LG: "1.125rem", // 18px
+  XL: "1.250rem" //20px
+};
+export const FONT_WEIGHT_REGULAR = "400";
+export const FONT_WEIGHT_SEMIBOLD = "600";
+export const FONT_WEIGHT_BOLD = "700";
+export const FOOTER_HEIGHT = "100px";
+export const HEADER_HEIGHT = "104px";
+export const COMPACT_JUMBO_HEIGHT = "65px";
+export const JUMBO_HEIGHT = "300px";
+export const SPACER_HEIGHT = "65px";
+export const LINK_TEXT_DECORATION = "underline solid 1px";
+export const SPACING = {
+  XS: "1.0rem", // Figma: Spacing/XS
+  MD: "1.5rem" // Figma: Spacing/Normal
 };