@rokkit/themes 1.0.0-next.83 → 1.0.0-next.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/themes",
-  "version": "1.0.0-next.83",
+  "version": "1.0.0-next.84",
   "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.83"
+    "shared-config": "1.0.0-next.84"
   },
   "files": [
     "src"
@@ -38,7 +38,7 @@
     }
   },
   "dependencies": {
-    "@rokkit/core": "1.0.0-next.83"
+    "@rokkit/core": "1.0.0-next.84"
   },
   "scripts": {
     "format": "prettier --write .",

package/src/material/list.css

@@ -26,25 +26,25 @@
   @apply border-b-0 border-t-3;
 }
 
-.material .node {
+.material node {
   @apply h-7 px-2;
 }
-.material .node > item {
+.material node > item {
   @apply px-1 gap-1 bg-transparent;
 }
-.material .node > span {
+.material node > span {
   @apply w-3;
 }
 
-.material .node > span > icon {
+.material node > span > icon {
   @apply text-sm;
 }
 
-.material .nested-list:focus-within {
+.material nested-list:focus-within {
   @apply outline-none;
 }
 
-.material .node > span > i {
+.material node > span > i {
   @apply border-transparent;
 }
 
@@ -59,7 +59,7 @@
 /* .material list item[aria-selected='true'] {
   @apply bg-primary text-primary-800;
 } */
-.material .node[aria-selected='true'],
+.material node[aria-selected='true'],
 .material list item[aria-selected='true'] {
   @apply bg-primary text-neutral-base;
 }

package/src/minimal/list.css

@@ -30,7 +30,7 @@
 .minimal accordion summary:hover {
   @apply border-l-neutral-subtle;
 }
-.minimal list item.is-selected {
+.minimal list item[aria-selected='true'] {
   @apply -m-l-2px border-l-2px border-l-secondary-600 text-secondary-600 bg-neutral-subtle;
 }
 .minimal accordion .is-selected summary {
@@ -50,29 +50,29 @@
 
 .minimal accordion .is-selected summary,
 .minimal accordion .is-selected summary > a,
-.minimal accordion item.is-selected,
-.minimal accordion item.is-selected > a {
+.minimal accordion item[aria-selected='true'],
+.minimal accordion item[aria-selected='true'] > a {
   @apply text-secondary-600;
   /* @apply hover:text-secondary; */
 }
 
-.minimal .node {
+.minimal node {
   @apply h-7 px-2;
 }
-.minimal .node > item {
+.minimal node > item {
   @apply px-1 gap-1;
 }
-.minimal .node > span {
+.minimal node > span {
   @apply w-3;
 }
-.minimal .node > span > icon {
-  /* .minimal .node > icon { */
+.minimal node > span > icon {
+  /* .minimal node > icon { */
   @apply text-sm;
 }
-.minimal .node[aria-selected='true'] > item > p {
+.minimal node[aria-selected='true'] > item > p {
   @apply text-secondary-600;
 }
-.minimal .node.is-selected icon {
+.minimal node.is-selected icon {
   @apply text-secondary-600;
   @apply hover:text-secondary-600;
 }
@@ -82,10 +82,10 @@
   @apply text-sm;
 }
 
-.minimal .small .node {
+.minimal .small node {
   @apply text-sm gap-1 h-5;
 }
-.minimal .small .node > span > icon {
+.minimal .small node > span > icon {
   @apply text-sm;
 }
 .minimal .small item > img,
@@ -103,7 +103,7 @@
   @apply h-full bg-neutral-inset min-w-40;
 }
 
-.minimal .node > span > i {
+.minimal node > span > i {
   @apply border-neutral-muted;
 }
 

package/src/rokkit/molecules.css

@@ -145,7 +145,7 @@
 .rokkit item > a {
   @apply gap-2;
 }
-.rokkit .node item {
+.rokkit node item {
   @apply px-1 gap-2;
 }
 /* Crumbs styles */

package/src/rokkit/organisms.css

@@ -171,10 +171,10 @@
 }
 
 /* Nested List and Node styles */
-.rokkit .nested-list {
+.rokkit nested-list {
   @apply text-neutral-800;
 }
-.rokkit .nested-list .node {
+.rokkit nested-list node {
   @apply px-2 h-8;
 }
 
@@ -184,8 +184,8 @@
 }
 
 /* Focus styles for Nested List, Tree, and Accordion */
-.rokkit .nested-list,
-.rokkit .nested-list:focus-within,
+.rokkit nested-list,
+.rokkit nested-list:focus-within,
 .rokkit tree:focus-within {
   @apply outline-none rounded;
 }
@@ -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 {
   @apply bg-neutral-inset;
 }
 
@@ -245,19 +245,19 @@
 .rokkit .folder-tree {
   @apply bg-neutral-inset h-full;
 }
-.rokkit .folder-tree .nested-list{
+.rokkit .folder-tree nested-list {
   @apply bg-neutral-inset h-full;
 }
-.rokkit .node > item {
+.rokkit node > item {
   @apply px-1;
 }
-.rokkit .node > span {
+.rokkit node > span {
   @apply flex-shrink-0;
 }
-.rokkit .node > span > i {
+.rokkit node > span > i {
   @apply border-neutral-muted;
 }
-.rokkit .node > icon {
+.rokkit node > icon {
   @apply text-neutral-muted;
 }
 
@@ -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'] {
   @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'],
+.rokkit nested-list:focus-within node[aria-selected='true'] {
   @apply bg-gradient-to-r from-primary to-secondary text-white;
   @apply hover:from-secondary hover:to-primary;
 }