@lolmath/ui 3.2.5 → 4.1.0

package/dist/es/plugin.js

@@ -1,9 +1,145 @@
 import plugin from "tailwindcss/plugin.js";
-import { theme } from "./utilities/theme.js";
 const lolmathui = plugin(({}) => {
 }, {
   theme: {
-    extend: theme
+    extend: {
+      colors: {
+        lol: {
+          blue: {
+            100: "var(--lol-color-blue-100)",
+            200: "var(--lol-color-blue-200)",
+            300: "var(--lol-color-blue-300)",
+            400: "var(--lol-color-blue-400)",
+            500: "var(--lol-color-blue-500)",
+            600: "var(--lol-color-blue-600)",
+            700: "var(--lol-color-blue-700)"
+          },
+          grey: {
+            100: "var(--lol-color-grey-100)",
+            150: "var(--lol-color-grey-150)",
+            200: "var(--lol-color-grey-200)",
+            300: "var(--lol-color-grey-300)",
+            cool: "var(--lol-color-grey-cool)"
+          },
+          gold: {
+            100: "var(--lol-color-gold-100)",
+            200: "var(--lol-color-gold-200)",
+            300: "var(--lol-color-gold-300)",
+            400: "var(--lol-color-gold-400)",
+            500: "var(--lol-color-gold-500)",
+            600: "var(--lol-color-gold-600)",
+            700: "var(--lol-color-gold-700)"
+          },
+          hextech: {
+            black: "var(--lol-color-hextech-black)"
+          }
+        }
+      },
+      fontSize: {
+        // Heading
+        "lol-h5": [
+          "var(--lol-font-size-h5)",
+          {
+            lineHeight: "var(--lol-line-height-h5)",
+            letterSpacing: "var(--lol-letter-spacing-h5)",
+            fontWeight: "var(--lol-font-weight-h5)"
+          }
+        ],
+        "lol-h4": [
+          "var(--lol-font-size-h4)",
+          {
+            lineHeight: "var(--lol-line-height-h4)",
+            letterSpacing: "var(--lol-letter-spacing-h4)",
+            fontWeight: "var(--lol-font-weight-h4)"
+          }
+        ],
+        "lol-h3": [
+          "var(--lol-font-size-h3)",
+          {
+            lineHeight: "var(--lol-line-height-h3)",
+            letterSpacing: "var(--lol-letter-spacing-h3)",
+            fontWeight: "var(--lol-font-weight-h3)"
+          }
+        ],
+        "lol-h2": [
+          "var(--lol-font-size-h2)",
+          {
+            lineHeight: "var(--lol-line-height-h2)",
+            letterSpacing: "var(--lol-letter-spacing-h2)",
+            fontWeight: "var(--lol-font-weight-h2)"
+          }
+        ],
+        "lol-h1": [
+          "var(--lol-font-size-h1)",
+          {
+            lineHeight: "var(--lol-line-height-h1)",
+            letterSpacing: "var(--lol-letter-spacing-h1)",
+            fontWeight: "var(--lol-font-weight-h1)"
+          }
+        ],
+        // Text
+        "lol-label": [
+          "var(--lol-font-size-label)",
+          {
+            lineHeight: "var(--lol-line-height-label)",
+            letterSpacing: "var(--lol-letter-spacing-label)",
+            fontWeight: "var(--lol-font-weight-label)"
+          }
+        ],
+        "lol-stat": [
+          "var(--lol-font-size-stat)",
+          {
+            lineHeight: "var(--lol-line-height-stat)",
+            letterSpacing: "var(--lol-letter-spacing-stat)",
+            fontWeight: "var(--lol-font-weight-stat)"
+          }
+        ],
+        "lol-large-number": [
+          "var(--lol-font-size-large-number)",
+          {
+            lineHeight: "var(--lol-line-height-large-number)",
+            letterSpacing: "var(--lol-letter-spacing-large-number)",
+            fontWeight: "var(--lol-font-weight-large-number)"
+          }
+        ],
+        "lol-sm": [
+          "var(--lol-font-size-sm)",
+          {
+            lineHeight: "var(--lol-line-height-sm)",
+            letterSpacing: "var(--lol-letter-spacing-sm)",
+            fontWeight: "var(--lol-font-weight-sm)"
+          }
+        ],
+        "lol-base": [
+          "var(--lol-font-size-base)",
+          {
+            lineHeight: "var(--lol-line-height-base)",
+            letterSpacing: "var(--lol-letter-spacing-base)",
+            fontWeight: "var(--lol-font-weight-base)"
+          }
+        ],
+        "lol-md": [
+          "var(--lol-font-size-md)",
+          {
+            lineHeight: "var(--lol-line-height-md)",
+            letterSpacing: "var(--lol-letter-spacing-md)",
+            fontWeight: "var(--lol-font-weight-md)"
+          }
+        ],
+        "lol-lg": [
+          "var(--lol-font-size-lg)",
+          {
+            lineHeight: "var(--lol-line-height-lg)",
+            letterSpacing: "var(--lol-letter-spacing-lg)",
+            fontWeight: "var(--lol-font-weight-lg)"
+          }
+        ]
+      },
+      fontFamily: {
+        beaufort: "var(--lol-font-family-beaufort)",
+        spiegel: "var(--lol-font-family-spiegel)"
+      }
+    }
   }
 });
 export {

package/dist/es/plugin.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,YAAY;AACnB,SAAS,aAAa;AAEf,MAAM,YAAY,OAAO,CAAC,CAAC,MAAM;AAAC,GAAG;AAAA,EAC3C,OAAO;AAAA,IACN,QAAQ;AAAA,EACT;AACD,CAAC","names":[],"ignoreList":[],"sources":["../../src/plugin.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin.js\";\nimport { theme } from \"./utilities/theme.js\";\n\nexport const lolmathui = plugin(({}) => {}, {\n\ttheme: {\n\t\textend: theme,\n\t},\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":"AAAA,OAAO,YAAY;AAEZ,MAAM,YAAY,OAAO,CAAC,CAAC,MAAM;AAAC,GAAG;AAAA,EAC3C,OAAO;AAAA,IACN,QAAQ;AAAA,MACP,QAAQ;AAAA,QACP,KAAK;AAAA,UACJ,MAAM;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,UACN;AAAA,UACA,MAAM;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,UACP;AAAA,UACA,MAAM;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,UACN;AAAA,UACA,SAAS;AAAA,YACR,OAAO;AAAA,UACR;AAAA,QACD;AAAA,MACD;AAAA,MACA,UAAU;AAAA;AAAA,QAET,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA;AAAA,QAGA,aAAa;AAAA,UACZ;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,YAAY;AAAA,UACX;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,oBAAoB;AAAA,UACnB;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,YAAY;AAAA,UACX;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,QACA,UAAU;AAAA,UACT;AAAA,UACA;AAAA,YACC,YAAY;AAAA,YACZ,eAAe;AAAA,YACf,YAAY;AAAA,UACb;AAAA,QACD;AAAA,MACD;AAAA,MACA,YAAY;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,MACV;AAAA,IACD;AAAA,EACD;AACD,CAAC","names":[],"ignoreList":[],"sources":["../../src/plugin.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin.js\";\n\nexport const lolmathui = plugin(({}) => {}, {\n\ttheme: {\n\t\textend: {\n\t\t\tcolors: {\n\t\t\t\tlol: {\n\t\t\t\t\tblue: {\n\t\t\t\t\t\t100: \"var(--lol-color-blue-100)\",\n\t\t\t\t\t\t200: \"var(--lol-color-blue-200)\",\n\t\t\t\t\t\t300: \"var(--lol-color-blue-300)\",\n\t\t\t\t\t\t400: \"var(--lol-color-blue-400)\",\n\t\t\t\t\t\t500: \"var(--lol-color-blue-500)\",\n\t\t\t\t\t\t600: \"var(--lol-color-blue-600)\",\n\t\t\t\t\t\t700: \"var(--lol-color-blue-700)\",\n\t\t\t\t\t},\n\t\t\t\t\tgrey: {\n\t\t\t\t\t\t100: \"var(--lol-color-grey-100)\",\n\t\t\t\t\t\t150: \"var(--lol-color-grey-150)\",\n\t\t\t\t\t\t200: \"var(--lol-color-grey-200)\",\n\t\t\t\t\t\t300: \"var(--lol-color-grey-300)\",\n\t\t\t\t\t\tcool: \"var(--lol-color-grey-cool)\",\n\t\t\t\t\t},\n\t\t\t\t\tgold: {\n\t\t\t\t\t\t100: \"var(--lol-color-gold-100)\",\n\t\t\t\t\t\t200: \"var(--lol-color-gold-200)\",\n\t\t\t\t\t\t300: \"var(--lol-color-gold-300)\",\n\t\t\t\t\t\t400: \"var(--lol-color-gold-400)\",\n\t\t\t\t\t\t500: \"var(--lol-color-gold-500)\",\n\t\t\t\t\t\t600: \"var(--lol-color-gold-600)\",\n\t\t\t\t\t\t700: \"var(--lol-color-gold-700)\",\n\t\t\t\t\t},\n\t\t\t\t\thextech: {\n\t\t\t\t\t\tblack: \"var(--lol-color-hextech-black)\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t\tfontSize: {\n\t\t\t\t// Heading\n\t\t\t\t\"lol-h5\": [\n\t\t\t\t\t\"var(--lol-font-size-h5)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-h5)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-h5)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-h5)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-h4\": [\n\t\t\t\t\t\"var(--lol-font-size-h4)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-h4)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-h4)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-h4)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-h3\": [\n\t\t\t\t\t\"var(--lol-font-size-h3)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-h3)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-h3)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-h3)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-h2\": [\n\t\t\t\t\t\"var(--lol-font-size-h2)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-h2)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-h2)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-h2)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-h1\": [\n\t\t\t\t\t\"var(--lol-font-size-h1)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-h1)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-h1)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-h1)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\n\t\t\t\t// Text\n\t\t\t\t\"lol-label\": [\n\t\t\t\t\t\"var(--lol-font-size-label)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-label)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-label)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-label)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-stat\": [\n\t\t\t\t\t\"var(--lol-font-size-stat)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-stat)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-stat)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-stat)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-large-number\": [\n\t\t\t\t\t\"var(--lol-font-size-large-number)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-large-number)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-large-number)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-large-number)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-sm\": [\n\t\t\t\t\t\"var(--lol-font-size-sm)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-sm)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-sm)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-sm)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-base\": [\n\t\t\t\t\t\"var(--lol-font-size-base)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-base)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-base)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-base)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-md\": [\n\t\t\t\t\t\"var(--lol-font-size-md)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-md)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-md)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-md)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\t\"lol-lg\": [\n\t\t\t\t\t\"var(--lol-font-size-lg)\",\n\t\t\t\t\t{\n\t\t\t\t\t\tlineHeight: \"var(--lol-line-height-lg)\",\n\t\t\t\t\t\tletterSpacing: \"var(--lol-letter-spacing-lg)\",\n\t\t\t\t\t\tfontWeight: \"var(--lol-font-weight-lg)\",\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\tfontFamily: {\n\t\t\t\tbeaufort: \"var(--lol-font-family-beaufort)\",\n\t\t\t\tspiegel: \"var(--lol-font-family-spiegel)\",\n\t\t\t},\n\t\t},\n\t},\n});\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/es/style.css

@@ -0,0 +1,113 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+button,
+select {
+  text-transform: none;
+}
+:root {
+  color-scheme: dark;
+  --lol-z-index-app: 100;
+  --lol-z-index-modal: 200;
+  --lol-z-index-popover: 300;
+  --lol-z-index-overlay: 400;
+  --lol-z-index-max: 9999;
+  --lol-scale: 1;
+  --lol-color-blue-100: #CDFAFA;
+  --lol-color-blue-200: #0AC8B9;
+  --lol-color-blue-300: #0397AB;
+  --lol-color-blue-400: #005A82;
+  --lol-color-blue-500: #0A323C;
+  --lol-color-blue-600: #091428;
+  --lol-color-blue-700: #0A1428;
+  --lol-color-grey-100: #A09B8C;
+  --lol-color-grey-150: #5B5A56;
+  --lol-color-grey-200: #3C3C41;
+  --lol-color-grey-300: #1E2328;
+  --lol-color-grey-cool: #1E282D;
+  --lol-color-hextech-black: #010A13;
+  --lol-color-gold-100: #F0E6D2;
+  --lol-color-gold-200: #C8AA6E;
+  --lol-color-gold-300: #CDBE91;
+  --lol-color-gold-400: #C89B3C;
+  --lol-color-gold-500: #785A28;
+  --lol-color-gold-600: #463714;
+  --lol-color-gold-700: #32281E;
+  --lol-font-size-h1: 3.3333rem;
+  --lol-line-height-h1: 3.5rem;
+  --lol-letter-spacing-h1: 0.05em;
+  --lol-font-weight-h1: 700;
+  --lol-font-size-h2: 2.3333rem;
+  --lol-line-height-h2: 2.6667rem;
+  --lol-letter-spacing-h2: 0.05em;
+  --lol-font-weight-h2: 700;
+  --lol-font-size-h3: 1.9167rem;
+  --lol-line-height-h3: 2.3333rem;
+  --lol-letter-spacing-h3: 0.05em;
+  --lol-font-weight-h3: 700;
+  --lol-font-size-h4: 1.5rem;
+  --lol-line-height-h4: 1.8333rem;
+  --lol-letter-spacing-h4: 0.05em;
+  --lol-font-weight-h4: 700;
+  --lol-font-size-h5: 1.1667rem;
+  --lol-line-height-h5: 1.5rem;
+  --lol-letter-spacing-h5: 0.075em;
+  --lol-font-weight-h5: 700;
+  --lol-font-size-label: 0.9167rem;
+  --lol-line-height-label: 1.3333rem;
+  --lol-letter-spacing-label: 0.05em;
+  --lol-font-weight-label: 700;
+  --lol-font-size-stat: 1.1667rem;
+  --lol-line-height-stat: 1.6667rem;
+  --lol-letter-spacing-stat: 0.05em;
+  --lol-font-weight-stat: 700;
+  --lol-font-size-stat: 1.1667rem;
+  --lol-line-height-stat: 1.6667rem;
+  --lol-letter-spacing-stat: 0.05em;
+  --lol-font-weight-stat: 700;
+  --lol-font-size-large-number: 4.75rem;
+  --lol-line-height-large-number: 5.1667rem;
+  --lol-letter-spacing-large-number: 0.025em;
+  --lol-font-weight-large-number: 500;
+  --lol-font-size-xs: 0.75rem;
+  --lol-line-height-xs: 1rem;
+  --lol-letter-spacing-xs: 0.025em;
+  --lol-font-weight-xs: 400;
+  --lol-font-size-sm: 0.875rem;
+  --lol-line-height-sm: 1.1025rem;
+  --lol-letter-spacing-sm: 0.02em;
+  --lol-font-weight-sm: 400;
+  --lol-font-size-base: 1rem;
+  --lol-line-height-base: 1.24rem;
+  --lol-letter-spacing-base: 0.01em;
+  --lol-font-weight-base: 400;
+  --lol-font-size-md: 1.1667rem;
+  --lol-line-height-md: 1.6667rem;
+  --lol-letter-spacing-md: 0.025em;
+  --lol-font-weight-md: 400;
+  --lol-font-size-lg: 1.5rem;
+  --lol-line-height-lg: 1.875rem;
+  --lol-letter-spacing-lg: 0.025em;
+  --lol-font-weight-lg: 400;
+  --lol-font-family-beaufort: "beaufort";
+  --lol-font-family-spiegel: "spiegel";
+  --lol-gradient-gold: linear-gradient(to top, var(--lol-color-gold-500), var(--lol-color-gold-400), var(--lol-color-gold-200));
+  --lol-gradient-gold-hover: linear-gradient(to top, var(--lol-color-gold-400), var(--lol-color-gold-200), var(--lol-color-gold-100));
+  --lol-gradient-gold-press: linear-gradient(to top, var(--lol-color-gold-600), var(--lol-color-gold-600), var(--lol-color-gold-500));
+  --lol-gradient-grey-300: linear-gradient(to top, var(--lol-color-grey-300), var(--lol-color-grey-300), var(--lol-color-grey-300));
+  --lol-gradient-grey-focus: linear-gradient(to top, var(--lol-color-grey-200), var(--lol-color-grey-300), var(--lol-color-grey-300));
+  --lol-gradient-hextech-black: linear-gradient(to top, var(--lol-color-hextech-black), var(--lol-color-hextech-black));
+  --lol-gradient-disabled: linear-gradient(to top, var(--lol-color-grey-150), var(--lol-color-grey-150), var(--lol-color-grey-150));
+  --lol-gradient-transparent: linear-gradient(to top, transparent, transparent);
+  --lol-gradient-hextech: linear-gradient(to top, var(--lol-color-blue-200), var(--lol-color-blue-400));
+  --lol-gradient-hextech-hover: linear-gradient(to top, var(--lol-color-blue-100), var(--lol-color-blue-300));
+  --lol-gradient-hextech-press: linear-gradient(to top, var(--lol-color-blue-500), var(--lol-color-blue-400));
+}

package/dist/lib/components/accordion.d.ts

@@ -1,10 +1,62 @@
 interface AccordionProps {
     children: React.ReactNode;
-    className?: string;
 }
-export declare function Accordion({ children, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
-export declare const accordionTrigger: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", any, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase", TVConfig<V, EV>, unknown, unknown, undefined>>;
-export declare const accordionTriggerInner: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", any, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "ml-0.5 mr-2 inline-block rotate-90 transform text-xs", TVConfig<V, EV>, unknown, unknown, undefined>>;
+export declare function Accordion({ children }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare const accordionTrigger: (props?: ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+}) | undefined) => string;
 interface AccordionTriggerProps {
     children: React.ReactNode;
     className?: string;

package/dist/lib/components/accordion.js

@@ -1,8 +1,10 @@
 "use strict";
 "use client";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var accordion_exports = {};
 __export(accordion_exports, {
@@ -23,44 +33,28 @@ __export(accordion_exports, {
   AccordionContent: () => AccordionContent,
   AccordionItem: () => AccordionItem,
   AccordionTrigger: () => AccordionTrigger,
-  accordionTrigger: () => accordionTrigger,
-  accordionTriggerInner: () => accordionTriggerInner
+  accordionTrigger: () => accordionTrigger
 });
 module.exports = __toCommonJS(accordion_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_cva = require("cva");
 var import_react = require("react");
-var import_css_id = require("../utilities/css-id.js");
-var import_tv = require("../utilities/tv.js");
-var import_view_transition = require("../utilities/view-transition.js");
-function Accordion({ children, className }) {
+var import_accordion = __toESM(require("./accordion.module"));
+function Accordion({ children }) {
   const [activeItem, setActiveItem] = (0, import_react.useState)("");
-  const id = (0, import_css_id.useCssId)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     AccordionContext.Provider,
     {
       value: {
         activeItem,
-        setActiveItem,
-        id
+        setActiveItem
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className,
-          style: {
-            viewTransitionName: `${id}`
-          },
-          children
-        }
-      )
+      children
     }
   );
 }
-const accordionTrigger = (0, import_tv.tv)({
-  base: "text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase"
-});
-const accordionTriggerInner = (0, import_tv.tv)({
-  base: "ml-0.5 mr-2 inline-block rotate-90 transform text-xs"
+const accordionTrigger = (0, import_cva.cva)({
+  base: import_accordion.default.trigger
 });
 function AccordionTrigger({
   children,
@@ -71,39 +65,28 @@ function AccordionTrigger({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "button",
     {
+      type: "button",
       className: accordionTrigger({
         className
       }),
       onClick: () => {
-        (0, import_view_transition.startViewTransition)(() => {
-          setActiveItem((currentItem) => currentItem === item ? "" : item);
-        });
+        setActiveItem((currentItem) => currentItem === item ? "" : item);
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: accordionTriggerInner(), children: "❯" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: import_accordion.default.triggerIcon, children: "❯" }),
         children
       ]
     }
   );
 }
 function AccordionItem({ children, value }) {
-  const { id } = (0, import_react.useContext)(AccordionContext);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     AccordionItemContext.Provider,
     {
       value: {
         item: value
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className: "border-lol-gold-600 border-b last-of-type:border-none",
-          style: {
-            viewTransitionName: `${id}-${value}`
-          },
-          children
-        }
-      )
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_accordion.default.item, children })
     }
   );
 }
@@ -113,7 +96,7 @@ function AccordionContent({ children }) {
   if (activeItem !== item) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "font-spiegel text-lol-grey-100 py-2", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: import_accordion.default.content, children });
 }
 const AccordionContext = (0, import_react.createContext)(void 0);
 const AccordionItemContext = (0, import_react.createContext)(void 0);
@@ -123,8 +106,7 @@ const AccordionItemContext = (0, import_react.createContext)(void 0);
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-  accordionTrigger,
-  accordionTriggerInner
+  accordionTrigger
 });
 
 //# sourceMappingURL=accordion.js.map

package/dist/lib/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBG;AArBH,mBAAoD;AACpD,oBAAyB;AACzB,gBAAmB;AACnB,6BAAoC;AAM7B,SAAS,UAAU,EAAE,UAAU,UAAU,GAAmB;AAClE,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAiB,EAAE;AACvD,QAAM,SAAK,wBAAS;AAEpB,SACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACA,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,YACN,oBAAoB,GAAG,EAAE;AAAA,UAC1B;AAAA,UAEC;AAAA;AAAA,MACF;AAAA;AAAA,EACD;AAEF;AAEO,MAAM,uBAAmB,cAAG;AAAA,EAClC,MAAM;AACP,CAAC;AAEM,MAAM,4BAAwB,cAAG;AAAA,EACvC,MAAM;AACP,CAAC;AAMM,SAAS,iBAAiB;AAAA,EAChC;AAAA,EACA;AACD,GAA0B;AACzB,QAAM,EAAE,cAAc,QAAI,yBAAW,gBAAgB;AACrD,QAAM,EAAE,KAAK,QAAI,yBAAW,oBAAoB;AAEhD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAW,iBAAiB;AAAA,QAC3B;AAAA,MACD,CAAC;AAAA,MACD,SAAS,MAAM;AACd,wDAAoB,MAAM;AACzB,wBAAc,CAAC,gBAAiB,gBAAgB,OAAO,KAAK,IAAK;AAAA,QAClE,CAAC;AAAA,MACF;AAAA,MAEA;AAAA,oDAAC,UAAK,WAAW,sBAAsB,GAAG,eAAC;AAAA,QAC1C;AAAA;AAAA;AAAA,EACF;AAEF;AAMO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAuB;AACtE,QAAM,EAAE,GAAG,QAAI,yBAAW,gBAAgB;AAE1C,SACC;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACA,OAAO;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAO;AAAA,YACN,oBAAoB,GAAG,EAAE,IAAI,KAAK;AAAA,UACnC;AAAA,UAEC;AAAA;AAAA,MACF;AAAA;AAAA,EACD;AAEF;AAKO,SAAS,iBAAiB,EAAE,SAAS,GAA0B;AACrE,QAAM,EAAE,WAAW,QAAI,yBAAW,gBAAgB;AAClD,QAAM,EAAE,KAAK,QAAI,yBAAW,oBAAoB;AAEhD,MAAI,eAAe,MAAM;AACxB,WAAO;AAAA,EACR;AAEA,SAAO,4CAAC,SAAI,WAAU,uCAAuC,UAAS;AACvE;AAEA,MAAM,uBAAmB,4BAItB,MAAgB;AAEnB,MAAM,2BAAuB,4BAE1B,MAAgB","names":[],"ignoreList":[],"sources":["../../../src/components/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext, useState } from \"react\";\nimport { useCssId } from \"../utilities/css-id.js\";\nimport { tv } from \"../utilities/tv.js\";\nimport { startViewTransition } from \"../utilities/view-transition.js\";\n\ninterface AccordionProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\nexport function Accordion({ children, className }: AccordionProps) {\n\tconst [activeItem, setActiveItem] = useState<string>(\"\");\n\tconst id = useCssId();\n\n\treturn (\n\t\t<AccordionContext.Provider\n\t\t\tvalue={{\n\t\t\t\tactiveItem,\n\t\t\t\tsetActiveItem,\n\t\t\t\tid,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={className}\n\t\t\t\tstyle={{\n\t\t\t\t\tviewTransitionName: `${id}`,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</AccordionContext.Provider>\n\t);\n}\n\nexport const accordionTrigger = tv({\n\tbase: \"text-lol-grey-100 font-beaufort active:text-lol-gold-100 hover:text-lol-gold-100 flex w-full items-center py-2 text-left font-bold uppercase\",\n});\n\nexport const accordionTriggerInner = tv({\n\tbase: \"ml-0.5 mr-2 inline-block rotate-90 transform text-xs\",\n});\n\ninterface AccordionTriggerProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\nexport function AccordionTrigger({\n\tchildren,\n\tclassName,\n}: AccordionTriggerProps) {\n\tconst { setActiveItem } = useContext(AccordionContext);\n\tconst { item } = useContext(AccordionItemContext);\n\n\treturn (\n\t\t<button\n\t\t\tclassName={accordionTrigger({\n\t\t\t\tclassName,\n\t\t\t})}\n\t\t\tonClick={() => {\n\t\t\t\tstartViewTransition(() => {\n\t\t\t\t\tsetActiveItem((currentItem) => (currentItem === item ? \"\" : item));\n\t\t\t\t});\n\t\t\t}}\n\t\t>\n\t\t\t<span className={accordionTriggerInner()}>❯</span>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\ninterface AccordionItemProps {\n\tchildren: React.ReactNode;\n\tvalue: string;\n}\nexport function AccordionItem({ children, value }: AccordionItemProps) {\n\tconst { id } = useContext(AccordionContext);\n\n\treturn (\n\t\t<AccordionItemContext.Provider\n\t\t\tvalue={{\n\t\t\t\titem: value,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName=\"border-lol-gold-600 border-b last-of-type:border-none\"\n\t\t\t\tstyle={{\n\t\t\t\t\tviewTransitionName: `${id}-${value}`,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</AccordionItemContext.Provider>\n\t);\n}\n\ninterface AccordionContentProps {\n\tchildren: React.ReactNode;\n}\nexport function AccordionContent({ children }: AccordionContentProps) {\n\tconst { activeItem } = useContext(AccordionContext);\n\tconst { item } = useContext(AccordionItemContext);\n\n\tif (activeItem !== item) {\n\t\treturn null;\n\t}\n\n\treturn <div className=\"font-spiegel text-lol-grey-100 py-2\">{children}</div>;\n}\n\nconst AccordionContext = createContext<{\n\tactiveItem: string;\n\tsetActiveItem: React.Dispatch<React.SetStateAction<string>>;\n\tid: string;\n}>(undefined as any);\n\nconst AccordionItemContext = createContext<{\n\titem: string;\n}>(undefined as any);\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaE;AAXF,iBAAoB;AACpB,mBAAoD;AACpD,uBAAoB;AAKb,SAAS,UAAU,EAAE,SAAS,GAAmB;AACvD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAiB,EAAE;AAEvD,SACC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACA,OAAO;AAAA,QACN;AAAA,QACA;AAAA,MACD;AAAA,MAEC;AAAA;AAAA,EACF;AAEF;AAEO,MAAM,uBAAmB,gBAAI;AAAA,EACnC,MAAM,iBAAAA,QAAQ;AACf,CAAC;AAMM,SAAS,iBAAiB;AAAA,EAChC;AAAA,EACA;AACD,GAA0B;AACzB,QAAM,EAAE,cAAc,QAAI,yBAAW,gBAAgB;AACrD,QAAM,EAAE,KAAK,QAAI,yBAAW,oBAAoB;AAEhD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAW,iBAAiB;AAAA,QAC3B;AAAA,MACD,CAAC;AAAA,MACD,SAAS,MAAM;AACd,sBAAc,CAAC,gBAAiB,gBAAgB,OAAO,KAAK,IAAK;AAAA,MAClE;AAAA,MAEA;AAAA,oDAAC,UAAK,WAAW,iBAAAA,QAAQ,aAAa,eAAC;AAAA,QACtC;AAAA;AAAA;AAAA,EACF;AAEF;AAMO,SAAS,cAAc,EAAE,UAAU,MAAM,GAAuB;AACtE,SACC;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACA,OAAO;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MAEA,sDAAC,SAAI,WAAW,iBAAAA,QAAQ,MAAO,UAAS;AAAA;AAAA,EACzC;AAEF;AAKO,SAAS,iBAAiB,EAAE,SAAS,GAA0B;AACrE,QAAM,EAAE,WAAW,QAAI,yBAAW,gBAAgB;AAClD,QAAM,EAAE,KAAK,QAAI,yBAAW,oBAAoB;AAEhD,MAAI,eAAe,MAAM;AACxB,WAAO;AAAA,EACR;AAEA,SAAO,4CAAC,SAAI,WAAW,iBAAAA,QAAQ,SAAU,UAAS;AACnD;AAEA,MAAM,uBAAmB,4BAGtB,MAAgB;AAEnB,MAAM,2BAAuB,4BAE1B,MAAgB","names":["classes"],"ignoreList":[],"sources":["../../../src/components/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"cva\";\nimport { createContext, useContext, useState } from \"react\";\nimport classes from \"./accordion.module\";\n\ninterface AccordionProps {\n\tchildren: React.ReactNode;\n}\nexport function Accordion({ children }: AccordionProps) {\n\tconst [activeItem, setActiveItem] = useState<string>(\"\");\n\n\treturn (\n\t\t<AccordionContext.Provider\n\t\t\tvalue={{\n\t\t\t\tactiveItem,\n\t\t\t\tsetActiveItem,\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</AccordionContext.Provider>\n\t);\n}\n\nexport const accordionTrigger = cva({\n\tbase: classes.trigger,\n});\n\ninterface AccordionTriggerProps {\n\tchildren: React.ReactNode;\n\tclassName?: string;\n}\nexport function AccordionTrigger({\n\tchildren,\n\tclassName,\n}: AccordionTriggerProps) {\n\tconst { setActiveItem } = useContext(AccordionContext);\n\tconst { item } = useContext(AccordionItemContext);\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={accordionTrigger({\n\t\t\t\tclassName,\n\t\t\t})}\n\t\t\tonClick={() => {\n\t\t\t\tsetActiveItem((currentItem) => (currentItem === item ? \"\" : item));\n\t\t\t}}\n\t\t>\n\t\t\t<span className={classes.triggerIcon}>❯</span>\n\t\t\t{children}\n\t\t</button>\n\t);\n}\n\ninterface AccordionItemProps {\n\tchildren: React.ReactNode;\n\tvalue: string;\n}\nexport function AccordionItem({ children, value }: AccordionItemProps) {\n\treturn (\n\t\t<AccordionItemContext.Provider\n\t\t\tvalue={{\n\t\t\t\titem: value,\n\t\t\t}}\n\t\t>\n\t\t\t<div className={classes.item}>{children}</div>\n\t\t</AccordionItemContext.Provider>\n\t);\n}\n\ninterface AccordionContentProps {\n\tchildren: React.ReactNode;\n}\nexport function AccordionContent({ children }: AccordionContentProps) {\n\tconst { activeItem } = useContext(AccordionContext);\n\tconst { item } = useContext(AccordionItemContext);\n\n\tif (activeItem !== item) {\n\t\treturn null;\n\t}\n\n\treturn <div className={classes.content}>{children}</div>;\n}\n\nconst AccordionContext = createContext<{\n\tactiveItem: string;\n\tsetActiveItem: React.Dispatch<React.SetStateAction<string>>;\n}>(undefined as any);\n\nconst AccordionItemContext = createContext<{\n\titem: string;\n}>(undefined as any);\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/{utilities/view-transition.js → components/accordion.module.js}

@@ -16,24 +16,12 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var view_transition_exports = {};
-__export(view_transition_exports, {
-  startViewTransition: () => startViewTransition
-});
-module.exports = __toCommonJS(view_transition_exports);
-var import_react_dom = require("react-dom");
-function startViewTransition(callback) {
-  if ("startViewTransition" in document) {
-    document.startViewTransition(() => {
-      (0, import_react_dom.flushSync)(callback);
-    });
-  } else {
-    callback();
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  startViewTransition
+var accordion_exports = {};
+__export(accordion_exports, {
+  default: () => accordion_default
 });
+module.exports = __toCommonJS(accordion_exports);
+var import_accordion_module = require("./accordion_module.css");
+var accordion_default = { "trigger": "trigger_3b77a", "triggerIcon": "triggerIcon_3b77a", "item": "item_3b77a", "content": "content_3b77a" };
 
-//# sourceMappingURL=view-transition.js.map
+//# sourceMappingURL=accordion.module.js.map

package/dist/lib/components/accordion.module.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAO;AAAyB,IAAO,oBAAQ,EAAC,WAAU,iBAAgB,eAAc,qBAAoB,QAAO,cAAa,WAAU,gBAAe","names":[],"ignoreList":[],"sources":["../../../src/components/accordion.module.css"],"sourcesContent":["import \"./accordion_module.css\";export default {\"trigger\":\"trigger_3b77a\",\"triggerIcon\":\"triggerIcon_3b77a\",\"item\":\"item_3b77a\",\"content\":\"content_3b77a\"}//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJtYXBwaW5ncyI6IiIsIm5hbWVzIjpbXSwiaWdub3JlTGlzdCI6W10sInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W119"]}

package/dist/lib/components/accordion_module.css

@@ -0,0 +1,37 @@
+.trigger_3b77a {
+	color: var(--lol-color-grey-100);
+	font-family: var(--lol-font-family-beaufort);
+	display: flex;
+	width: 100%;
+	align-items: center;
+	padding: 0.5rem 0;
+	font-weight: bold;
+	text-transform: uppercase;
+	text-align: left;
+}
+
+.trigger_3b77a:active, .trigger_3b77a:hover {
+		color: var(--lol-color-gold-100);
+	}
+
+.triggerIcon_3b77a {
+	margin-left: .125rem;
+	margin-right: .5rem;
+	display: inline-block;
+	rotate: 90deg;
+	font-size: var(--lol-font-size-sm);
+}
+
+.item_3b77a {
+	border-bottom: 1px solid var(--lol-color-gold-600);
+}
+
+.item_3b77a:last-of-type {
+		border-bottom: none;
+	}
+
+.content_3b77a {
+	padding: 1rem 0;
+	color: var(--lol-color-grey-100);
+	font-family: var(--lol-font-family-spiegel);
+}