@rokkit/themes 1.0.0-next.67 → 1.0.0-next.69

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/themes",
-  "version": "1.0.0-next.67",
+  "version": "1.0.0-next.69",
   "description": "Themes for use with rokkit components.",
   "author": "Jerry Thomas <me@jerrythomas.name>",
   "license": "MIT",
@@ -11,15 +11,15 @@
     "access": "public"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.0.1",
-    "@vitest/coverage-v8": "^1.2.1",
-    "@vitest/ui": "~1.2.1",
-    "jsdom": "^23.2.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.2",
+    "@vitest/coverage-v8": "^1.2.2",
+    "@vitest/ui": "~1.2.2",
+    "jsdom": "^24.0.0",
     "svelte": "^4.2.9",
     "typescript": "^5.3.3",
-    "vite": "^5.0.11",
-    "vitest": "~1.2.1",
-    "shared-config": "1.0.0-next.67"
+    "vite": "^5.0.12",
+    "vitest": "~1.2.2",
+    "shared-config": "1.0.0-next.69"
   },
   "files": [
     "src"
@@ -38,7 +38,7 @@
     }
   },
   "dependencies": {
-    "@rokkit/core": "1.0.0-next.67"
+    "@rokkit/core": "1.0.0-next.69"
   },
   "scripts": {
     "format": "prettier --write .",

package/src/base/core.css

@@ -18,9 +18,11 @@ body {
 
 /* Link styles */
 a {
-  @apply text-primary hover:text-secondary visited:text-secondary-600;
+  @apply cursor-pointer text-primary-800 hover:text-secondary-800 visited:text-secondary-700;
+}
+a:focus {
+  @apply outline-none;
 }
-
 /* Code styles */
 code,
 kbd,
@@ -64,3 +66,7 @@ success {
 checkbox {
   @apply gap-2;
 }
+
+button:disabled {
+  @apply bg-neutral-muted text-neutral-500 cursor-not-allowed;
+}

package/src/base/organisms.css

@@ -57,7 +57,7 @@ tree-table {
   @apply flex flex-col h-full w-full overflow-auto;
 }
 tree-table > table {
-  @apply flex flex-col mb-auto overflow-y-hidden;
+  @apply flex flex-col w-full h-full justify-start border-collapse overflow-auto;
 }
 tree-table > table tr {
   @apply grid;

package/src/rokkit/atoms.css

@@ -39,3 +39,26 @@
 .searchable input {
   @apply border border-neutral-subtle;
 }
+
+.rokkit a {
+  @apply text-primary-800 cursor-pointer;
+}
+.rokkit a:hover {
+  @apply text-secondary-800 cursor-pointer;
+}
+.rokkit a:visited {
+  @apply text-primary-700;
+}
+.rokkit a:focus {
+  @apply outline-none;
+}
+
+.rokkit [aria-current='true'] a {
+  @apply text-primary-100;
+}
+.rokkit [aria-current='true'] a:visited {
+  @apply text-primary-100;
+}
+.rokkit [aria-current='true'] a:hover {
+  @apply text-primary-100;
+}

package/src/rokkit/organisms.css

@@ -214,12 +214,6 @@
   @apply bg-neutral-inset text-secondary;
 }
 
-.rokkit list item[aria-selected='true'],
-.rokkit virtual-list-contents virtual-list-item[aria-selected='true'],
-.rokkit node[aria-selected='true'] {
-  @apply bg-gradient-to-r from-neutral-subtle to-neutral-subtle text-neutral-800;
-}
-
 /* Expanded and Selected styles for Accordion */
 .rokkit accordion .is-expanded summary {
   @apply border-b border-neutral-muted rounded-b-none sticky top-0 z-1;
@@ -294,9 +288,14 @@
   @apply bg-gradient-to-r from-primary to-secondary;
 }
 
+.rokkit list item[aria-selected='true'],
+.rokkit virtual-list-contents virtual-list-item[aria-selected='true'],
+.rokkit node[aria-selected='true'] {
+  @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.is-selected,
+.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'] {
@@ -304,6 +303,9 @@
   @apply hover:from-secondary hover:to-primary hover:text-neutral-200 dark:text-neutral-800;
 }
 
+.rokkit toggle-switch[aria-disabled='true'] {
+  @apply bg-neutral-muted text-neutral-500 cursor-not-allowed;
+}
 .rokkit input-select > selected-item > items {
   @apply flex-grow flex-wrap gap-2;
 }