@rokkit/themes 1.0.0-next.86 → 1.0.0-next.88

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/themes",
-  "version": "1.0.0-next.86",
+  "version": "1.0.0-next.88",
   "description": "Themes for use with rokkit components.",
   "author": "Jerry Thomas <me@jerrythomas.name>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "typescript": "^5.3.3",
     "vite": "^5.1.4",
     "vitest": "~1.3.1",
-    "shared-config": "1.0.0-next.86"
+    "shared-config": "1.0.0-next.88"
   },
   "files": [
     "src"
@@ -38,7 +38,7 @@
     }
   },
   "dependencies": {
-    "@rokkit/core": "1.0.0-next.86"
+    "@rokkit/core": "1.0.0-next.88"
   },
   "scripts": {
     "format": "prettier --write .",

package/src/markdown.css

@@ -64,11 +64,6 @@
 .markdown-body {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
-  /* line-height: 1.5; */
-  /* color: #24292e; */
-  /* font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; */
-  /* font-size: 16px; */
-  /* line-height: 1.5; */
   word-wrap: break-word;
 }
 /* postcss-ignore */
@@ -94,10 +89,6 @@
   font-weight: bolder;
 }
 
-/* .markdown-body h1 {
-	margin: 0.67em 0;
-} */
-
 .markdown-body img {
   border-style: none;
 }
@@ -181,7 +172,6 @@
 .markdown-body kbd {
   display: inline-block;
   padding: 3px 5px;
-  /* font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace; */
   line-height: 10px;
   color: #444d56;
   vertical-align: middle;
@@ -191,26 +181,6 @@
   box-shadow: inset 0 -1px 0 #d1d5da;
 }
 
-/* .markdown-body h1,
-.markdown-body h2,
-.markdown-body h3,
-.markdown-body h4,
-.markdown-body h5,
-.markdown-body h6 {
-	margin-top: 0;
-	margin-bottom: 0;
-} */
-
-/* .markdown-body h1,
-.markdown-body h2 {
-	font-weight: 600;
-} */
-
-/* .markdown-body h2 {
-	@apply text-2xl;
-	font-size: 24px;
-} */
-
 .markdown-body h3 {
   font-size: 20px;
 }
@@ -261,7 +231,6 @@
 .markdown-body ul li::before {
   content: '';
   @apply absolute bg-neutral-muted mt-2 -ml-5 w-1.5 h-1.5 rounded-sm;
-  /* opacity: 0.7; */
 }
 
 .markdown-body ol {
@@ -284,12 +253,6 @@
   margin-left: 0;
 }
 
-/* .markdown-body code,
-.markdown-body pre {
-	font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
-	font-size: 12px;
-} */
-
 .markdown-body pre {
   margin-top: 0;
   margin-bottom: 0;
@@ -803,15 +766,14 @@
 }
 
 .markdown-body code {
-  padding: 0.2em 0.4em;
+  padding: 0.2em;
   margin: 0;
-  /* font-size: 85%; */
-  /* background-color: rgba(27, 31, 35, 0.05); */
-  /* border-radius: 3px; */
+  @apply rounded-sm;
 }
 
 .markdown-body pre {
   word-wrap: normal;
+  @apply rounded-sm border border-neutral-subtle;
 }
 
 .markdown-body pre > code {
@@ -837,10 +799,6 @@
 .markdown-body pre {
   padding: 16px;
   overflow: auto;
-  /* font-size: 85%; */
-  /* line-height: 1.45; */
-  /* background-color: #f6f8fa; */
-  /* border-radius: 3px; */
 }
 
 .markdown-body pre code {
@@ -851,13 +809,11 @@
   overflow: visible;
   line-height: inherit;
   word-wrap: normal;
-  /* background-color: initial; */
   border: 0;
 }
 
 .markdown-body .commit-tease-sha {
   display: inline-block;
-  /* font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace; */
   font-size: 90%;
   color: #444d56;
 }
@@ -882,7 +838,6 @@
   min-width: 50px;
   padding-right: 10px;
   padding-left: 10px;
-  /* font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace; */
   font-size: 12px;
   line-height: 20px;
   color: rgba(27, 31, 35, 0.3);
@@ -914,7 +869,6 @@
 
 .markdown-body .blob-code-inner {
   overflow: visible;
-  /* font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace; */
   font-size: 12px;
   color: #24292e;
   word-wrap: normal;

package/src/prism.css

@@ -8,19 +8,17 @@ pre[class*='language-'] {
   word-spacing: normal;
   tab-size: 2;
   hyphens: none;
-  /* font-family: 'Victor Mono', monospace; */
-  /* font-size: medium; */
   font-variant-ligatures: common-lig-values; /* common-ligatures; */
   line-height: 1.4;
   direction: ltr;
   cursor: text;
-  @apply font-mono text-sm;
+  @apply font-mono text-xs;
 }
 
 pre[class*='language-'] {
   overflow: auto;
   padding: 1.2em;
-  /* font-size: 85%; */
+
 }
 
 /* p code,
@@ -37,20 +35,14 @@ table code:before,
 table code:after {
   letter-spacing: -0.2em;
   content: '\00a0';
-  @apply rounded-md;
+  @apply rounded-sm;
 }
 
-code,
-:not(pre) > code[class*='language-'],
-pre[class*='language-'] {
-  /* background: var(--code-bg); */
-  @apply bg-neutral-base;
+:not(pre) > code {
+  @apply rounded-md p-1;
 }
-
 :not(pre) > code[class*='language-'] {
-  padding: 0.1em;
-  /* border-radius: 0.3em; */
-  @apply rounded-md;
+  @apply rounded-sm;
 }
 
 .token.comment,

package/src/rokkit/atoms.css

@@ -41,10 +41,11 @@
 }
 
 .rokkit a {
-  @apply text-primary-800 cursor-pointer;
+  @apply text-primary-800 cursor-pointer underline underline-offset-4;
+  /* text-underline-offset: 0.25rem; */
 }
 .rokkit a:hover {
-  @apply text-secondary-800 cursor-pointer;
+  @apply text-secondary-700 cursor-pointer;
 }
 .rokkit a:visited {
   @apply text-primary-700;

package/src/rokkit/organisms.css

@@ -174,7 +174,7 @@
 .rokkit nested-list {
   @apply text-neutral-800;
 }
-.rokkit nested-list node {
+.rokkit nested-list node > div {
   @apply px-2 h-8;
 }
 
@@ -212,7 +212,7 @@
 /* .rokkit virtual-list item.is-hovering, */
 .rokkit list item:hover,
 .rokkit virtual-list-contents virtual-list-item:hover,
-.rokkit node:hover {
+.rokkit node:hover > div {
   @apply bg-neutral-inset;
 }
 
@@ -248,17 +248,17 @@
 .rokkit .folder-tree nested-list {
   @apply bg-neutral-inset h-full;
 }
-.rokkit node > item {
+.rokkit node > div > item {
   @apply px-1;
 }
-.rokkit node > span {
+.rokkit node > div > span {
   @apply flex-shrink-0;
 }
-.rokkit node > span > i {
+.rokkit node > div > span > i {
   @apply border-neutral-muted;
 }
-.rokkit node > icon {
-  @apply text-neutral-muted;
+.rokkit node > div > icon > i {
+  @apply text-neutral-elevated;
 }
 
 /* Toggle Switch styles */
@@ -300,15 +300,15 @@
 
 .rokkit list item[aria-selected='true'],
 .rokkit virtual-list-contents virtual-list-item[aria-selected='true'],
-.rokkit node[aria-selected='true'] {
+.rokkit node[aria-selected='true'] > div {
   @apply bg-gradient-to-r from-neutral-subtle to-neutral-subtle text-neutral-800;
 }
 /* Focus and Hover styles for Toggle Switch, List, Tree, and Nested List */
 .rokkit toggle-switch:focus-within item[aria-selected='true'],
 .rokkit list:focus-within item[aria-selected='true'],
 .rokkit virtual-list-viewport:focus-within virtual-list-item[aria-selected='true'],
-.rokkit tree:focus-within node[aria-selected='true'],
-.rokkit nested-list:focus-within node[aria-selected='true'] {
+.rokkit tree:focus-within node[aria-selected='true'] > div,
+.rokkit nested-list:focus-within node[aria-selected='true'] > div {
   @apply bg-gradient-to-r from-primary to-secondary text-white;
   @apply hover:from-secondary hover:to-primary;
 }