atenea-components 1.4.17

package/theme.js

@@ -0,0 +1,335 @@
+module.exports = { theme: {
+  "fontSize": {
+    "xs": [
+      "0.75rem",
+      {
+        "lineHeight": "1rem"
+      }
+    ],
+    "sm": [
+      "0.875rem",
+      {
+        "lineHeight": "1.25rem"
+      }
+    ],
+    "base": [
+      "1rem",
+      {
+        "lineHeight": "1.5rem"
+      }
+    ],
+    "lg": [
+      "clamp(1rem, 0.875rem + 0.5vw, 1.125rem)",
+      {
+        "lineHeight": "1.75rem"
+      }
+    ],
+    "xl": [
+      "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",
+      {
+        "lineHeight": "1.75rem"
+      }
+    ],
+    "2xl": [
+      "clamp(1.25rem, 1.125rem + 0.75vw, 1.5rem)",
+      {
+        "lineHeight": "2rem"
+      }
+    ],
+    "3xl": [
+      "clamp(1.5rem, 1.375rem + 0.75vw, 1.875rem)",
+      {
+        "lineHeight": "2.25rem"
+      }
+    ],
+    "4xl": [
+      "clamp(1.75rem, 1.5rem + 1vw, 2.25rem)",
+      {
+        "lineHeight": "2.5rem"
+      }
+    ],
+    "h1": [
+      "clamp(2rem, 1.5rem + 2.5vw, 3rem)",
+      {
+        "lineHeight": "clamp(2.5rem, 2.125rem + 3vw, 3.625rem)",
+        "fontWeight": 600
+      }
+    ],
+    "h2": [
+      "clamp(1.75rem, 1.375rem + 2vw, 2.5rem)",
+      {
+        "lineHeight": "clamp(2.125rem, 1.75rem + 2.5vw, 3rem)",
+        "fontWeight": 600
+      }
+    ],
+    "h3": [
+      "clamp(1.5rem, 1.25rem + 1.5vw, 2rem)",
+      {
+        "lineHeight": "clamp(1.875rem, 1.625rem + 2vw, 2.375rem)",
+        "fontWeight": 600
+      }
+    ],
+    "h4": [
+      "clamp(1.375rem, 1.125rem + 1.25vw, 1.75rem)",
+      {
+        "lineHeight": "clamp(1.625rem, 1.375rem + 1.5vw, 2.125rem)",
+        "fontWeight": 600
+      }
+    ],
+    "h5": [
+      "clamp(1.25rem, 1.125rem + 1vw, 1.5rem)",
+      {
+        "lineHeight": "clamp(1.5rem, 1.375rem + 1.25vw, 1.75rem)",
+        "fontWeight": 600
+      }
+    ],
+    "s1": [
+      "clamp(1rem, 0.9375rem + 0.5vw, 1.125rem)",
+      {
+        "lineHeight": "1.75rem",
+        "fontWeight": 400
+      }
+    ],
+    "s2": [
+      "1rem",
+      {
+        "lineHeight": "1.5rem",
+        "fontWeight": 600
+      }
+    ],
+    "b1": [
+      "1rem",
+      {
+        "lineHeight": "1.5rem",
+        "fontWeight": 400
+      }
+    ],
+    "b2": [
+      "1rem",
+      {
+        "lineHeight": "1.5rem",
+        "fontWeight": 500
+      }
+    ],
+    "b3": [
+      "0.875rem",
+      {
+        "lineHeight": "1.25rem",
+        "fontWeight": 400
+      }
+    ],
+    "b4": [
+      "0.875rem",
+      {
+        "lineHeight": "1.25rem",
+        "fontWeight": 500
+      }
+    ],
+    "c1": [
+      "0.75rem",
+      {
+        "lineHeight": "1rem",
+        "fontWeight": 500
+      }
+    ],
+    "c2": [
+      "0.75rem",
+      {
+        "lineHeight": "1rem",
+        "fontWeight": 500
+      }
+    ],
+    "c3": [
+      "0.625rem",
+      {
+        "lineHeight": "0.875rem",
+        "fontWeight": 500
+      }
+    ],
+    "label": [
+      "0.75rem",
+      {
+        "lineHeight": "1rem",
+        "fontWeight": 500
+      }
+    ],
+    "buttonGiant": [
+      "clamp(1rem, 0.9375rem + 0.5vw, 1.125rem)",
+      {
+        "lineHeight": "1.5rem",
+        "fontWeight": 600
+      }
+    ],
+    "buttonLarge": [
+      "1rem",
+      {
+        "lineHeight": "1.25rem",
+        "fontWeight": 600
+      }
+    ],
+    "buttonMedium": [
+      "0.875rem",
+      {
+        "lineHeight": "1rem",
+        "fontWeight": 600
+      }
+    ],
+    "buttonSmall": [
+      "0.75rem",
+      {
+        "lineHeight": "1rem",
+        "fontWeight": 600
+      }
+    ],
+    "buttonTiny": [
+      "0.625rem",
+      {
+        "lineHeight": "0.75rem",
+        "fontWeight": 600
+      }
+    ]
+  },
+  "fontFamily": {
+    "sans": [
+      "Onest",
+      "system-ui",
+      "sans-serif"
+    ]
+  },
+  "fontWeight": {
+    "regular": 400,
+    "medium": 500,
+    "semibold": 600,
+    "bold": 700
+  },
+  "letterSpacing": {
+    "normal": "0"
+  },
+  "colors": {
+    "black": {
+      "10": "#0000001A",
+      "20": "#00000033",
+      "30": "#0000004D",
+      "40": "#00000066",
+      "50": "#00000080",
+      "60": "#00000099",
+      "70": "#000000B3",
+      "80": "#000000CC",
+      "90": "#000000E6",
+      "100": "#000000"
+    },
+    "white": {
+      "10": "#FFFFFF1A",
+      "20": "#FFFFFF33",
+      "30": "#FFFFFF4D",
+      "40": "#FFFFFF66",
+      "50": "#FFFFFF80",
+      "60": "#FFFFFF99",
+      "70": "#FFFFFFB3",
+      "80": "#FFFFFFCC",
+      "90": "#FFFFFFE6",
+      "100": "#FFFFFF"
+    },
+    "primary": {
+      "50": "#F7FEF9",
+      "100": "#ECFCF2",
+      "200": "#D8F9E4",
+      "300": "#C2F5D5",
+      "400": "#A6EFC4",
+      "500": "#87E7B0",
+      "600": "#5ABF84",
+      "700": "#3D875F",
+      "800": "#2D6A4D",
+      "900": "#01F4D3A"
+    },
+    "textAtenea": {
+      "50": "#F4F7F6",
+      "100": "#E1E7E4",
+      "200": "#C8D2CE",
+      "300": "#9AA7A1",
+      "500": "#5B6B64",
+      "700": "#32433C",
+      "900": "#0B2C1D"
+    },
+    "grey": {
+      "50": "#F9FAFB",
+      "100": "#F3F4F6",
+      "200": "#E5E7EA",
+      "300": "#D2D5DB",
+      "400": "#9EA2AE",
+      "500": "#6D717F",
+      "600": "#4D5461",
+      "700": "#394050",
+      "800": "#212936",
+      "900": "#131927"
+    },
+    "greenSuccess": {
+      "50": "#ECF8EF",
+      "100": "#C5E9CD",
+      "200": "#A9DEB4",
+      "300": "#81CF92",
+      "400": "#69C57D",
+      "500": "#43B75D",
+      "600": "#3DA755",
+      "700": "#308242",
+      "800": "#1C4D27",
+      "900": "#1C4D27"
+    },
+    "redDanger": {
+      "50": "#FFF1F5",
+      "100": "#FFDCE5",
+      "300": "#FF9EB7",
+      "500": "#F82B60",
+      "700": "#BA1E45",
+      "800": "#960D30",
+      "900": "#550419"
+    },
+    "yellowWarning": {
+      "50": "#FFF6DE",
+      "100": "#FFEAB6",
+      "300": "#FFD66E",
+      "500": "#FCB400",
+      "700": "#E08D00",
+      "800": "#B87503",
+      "900": "#895600"
+    },
+    "blueInfo": {
+      "50": "#E6F4FF",
+      "100": "#B0DEFF",
+      "200": "#8ACEFF",
+      "300": "#54B8FF",
+      "400": "#33AAFF",
+      "500": "#0095FF",
+      "600": "#0088E8",
+      "700": "#006AB5",
+      "800": "#00528C",
+      "900": "#003F6B"
+    },
+    "pinkAtenea": {
+      "100": "#FFF2F6",
+      "300": "#FFC3D7",
+      "500": "#FF70A0"
+    },
+    "violetAtenea": {
+      "100": "#FBEEFF",
+      "300": "#DCA7EB",
+      "500": "#CD81E2"
+    },
+    "orangeAtenea": {
+      "100": "#FFF2ED",
+      "300": "#FFAA8B",
+      "500": "#FF7D4C"
+    }
+  },
+  "spacing": {
+    "2.5": "0.625rem"
+  },
+  "borders": {
+    "ringWidth": {
+      "2": "2px"
+    },
+    "borderRadius": {
+      "md": "0.375rem"
+    }
+  }
+} };