@luminescent/ui 2.0.1 → 3.0.1

package/package.json

@@ -1,26 +1,23 @@
 {
   "name": "@luminescent/ui",
-  "version": "2.0.1",
+  "version": "3.0.1",
   "description": "Luminescent UI library",
   "main": "./lib/index.js",
   "types": "./lib-types/index.d.ts",
   "exports": {
-    ".": {
+    ".": "./src/index.css",
+    "./formatting": "./src/formatting.css",
+    "./lum-bg": {
       "import": "./lib/index.js",
       "require": "./lib/index.js",
       "types": "./lib-types/index.d.ts"
-    },
-    "./components/*": {
-      "import": "./lib/components/*",
-      "require": "./lib/components/*",
-      "types": "./lib-types/components/*"
-    },
-    "./css": "./src/index.css"
+    }
   },
   "files": [
     "lib",
     "lib-types",
-    "src/index.css"
+    "src/index.css",
+    "src/formatting.css"
   ],
   "engines": {
     "node": ">=23.11.0",

package/src/formatting.css

@@ -0,0 +1,105 @@
+a {
+  @apply text-blue-400 no-underline;
+}
+
+a:hover {
+  @apply text-blue-500 underline;
+}
+
+blockquote {
+  @apply bg-gray-800 border-l-6 border-l-blue-400 rounded-md px-6 py-8 my-4 border border-gray-700;
+}
+
+blockquote p:first-child {
+  @apply mt-0
+}
+
+blockquote p:last-child {
+  @apply mb-0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  @apply relative text-xl font-semibold scroll-mt-36;
+}
+
+h1 {
+  @apply text-5xl font-extrabold;
+}
+
+h2 {
+  @apply text-4xl font-bold;
+}
+
+h3 {
+  @apply text-3xl;
+}
+
+h4 {
+  @apply text-2xl;
+}
+
+p {
+  @apply text-gray-400;
+}
+
+ul, ol {
+  @apply my-4 ml-10 text-gray-400 list-disc;
+}
+
+ol {
+  @apply list-decimal;
+}
+
+li {
+  @apply my-1 pl-2;
+}
+
+pre {
+  @apply rounded-md overflow-auto p-4 bg-gray-800 my-2;
+}
+
+pre code {
+  @apply border-none select-auto bg-transparent;
+}
+
+code {
+  @apply bg-gray-800 py-0.5 px-1 rounded-md select-all border-b-2 border-b-gray-700;
+}
+
+@media (max-width: 640px) {
+  code {
+    @apply break-all;
+  }
+
+  h1 {
+    @apply text-4xl;
+  }
+
+  h2 {
+    @apply text-3xl;
+  }
+}
+
+table {
+  @apply my-5;
+}
+
+th, td {
+  @apply p-2 align-top;
+}
+
+th:first-child, td:first-child {
+  @apply pl-0;
+}
+
+th:last-child, td:last-child {
+  @apply pr-0;
+}
+
+img {
+  @apply rounded-md overflow-hidden;
+}
+
+hr {
+  @apply my-8 border-t-1 border-t-gray-700;
+}