@rokkit/themes 1.0.0-next.66 → 1.0.0-next.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/themes",
-  "version": "1.0.0-next.66",
+  "version": "1.0.0-next.68",
   "description": "Themes for use with rokkit components.",
   "author": "Jerry Thomas <me@jerrythomas.name>",
   "license": "MIT",
@@ -12,14 +12,14 @@
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^3.0.1",
-    "@vitest/coverage-v8": "^1.2.0",
-    "@vitest/ui": "~1.2.0",
+    "@vitest/coverage-v8": "^1.2.1",
+    "@vitest/ui": "~1.2.1",
     "jsdom": "^23.2.0",
     "svelte": "^4.2.9",
     "typescript": "^5.3.3",
     "vite": "^5.0.11",
-    "vitest": "~1.2.0",
-    "shared-config": "1.0.0-next.66"
+    "vitest": "~1.2.1",
+    "shared-config": "1.0.0-next.68"
   },
   "files": [
     "src"
@@ -38,7 +38,7 @@
     }
   },
   "dependencies": {
-    "@rokkit/core": "1.0.0-next.66"
+    "@rokkit/core": "1.0.0-next.68"
   },
   "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,11 +214,7 @@
   @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 {
@@ -294,9 +290,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 +305,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;
 }