@luminescent/ui 2.1.0 → 3.0.2

package/package.json

@@ -1,26 +1,23 @@
 {
   "name": "@luminescent/ui",
-  "version": "2.1.0",
+  "version": "3.0.2",
   "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,95 @@
+a {
+  @apply text-blue-400 no-underline hover:text-blue-500 hover:underline;
+}
+
+a.lum-btn, a.lum-card {
+  @apply text-gray-100! hover:no-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-lg sm:text-xl font-semibold scroll-mt-36;
+}
+
+h1 {
+  @apply text-4xl sm:text-5xl font-extrabold;
+}
+
+h2 {
+  @apply text-3xl sm:text-4xl font-bold;
+}
+
+h3 {
+  @apply text-2xl sm:text-3xl;
+}
+
+h4 {
+  @apply text-xl sm: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.shiki {
+  @apply lum-card;
+}
+
+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 break-all sm:break-none;
+}
+
+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;
+}

package/src/index.css

@@ -24,7 +24,7 @@
 }
 
 @utility lum-btn {
-  @apply flex items-center gap-3 motion-safe:transition duration-300 hover:duration-75 ease-out disabled:opacity-50 hover:drop-shadow-lg motion-safe:active:scale-95 whitespace-nowrap touch-manipulation select-none text-center lum-btn-p-2 text-base lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md;
+  @apply flex items-center gap-3 motion-safe:transition duration-300 hover:duration-75 ease-out disabled:opacity-50 hover:drop-shadow-lg motion-safe:active:scale-95 whitespace-nowrap touch-manipulation select-none lum-btn-p-2 text-base lum-bg-gray-800 hover:lum-bg-gray-700 rounded-md;
 }
 
 @utility lum-card {