keystone_ui-styles 0.14.0 → 0.16.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d4f142561a958107c97ca254a57f0e8b8d2c4eadab789f155295c0e66ac8d933
-  data.tar.gz: 46751f5e1645a501be2845417f9ec90a88068d49f207610d3aa908f669ee0f7a
+  metadata.gz: c8eb3c5c2aac796fa744285b487728a3ac32faea5ebf5c775107a452d070846b
+  data.tar.gz: '0678ddf4a1c0e76c4496e0f16dce0b20616a65fb08e4b798adcb3333d4e3a859'
 SHA512:
-  metadata.gz: b6e051a2150f39d5ee5abbec9ef3497e41bf7fe1511d8c9dc4d657b4f389ee1d8d9c0ff5dcfb3b89db742af5257bc0c2c3bf7a70f005a68751233c8cb553311b
-  data.tar.gz: 4a38200ae5f836db1c41bf676ce893f86d1e6c746d66af1c3b4fd3a4da657b8a729a3bf061f521952cf8c170274965a84e53e401d80906c954a17fd1b4637110
+  metadata.gz: baf934030cca97fcbb406baef7c856038e7c9b8a170d36ada2997ca1310005a773e5a8b3793acac31d11202eb0844bb6df33735ac9bb7700b2c19c8d44d741c5
+  data.tar.gz: bd8813cb0f09ae116385db40cfecf980a0638819348889c0f3c194d434e913dbd41da14f517aef68073d4c7d1bfe76370fddd43ce7dfc8dbc8be4a3dba59e2e8

data/app/assets/tailwind/keystone_ui_styles/engine.css

@@ -1227,16 +1227,36 @@
     @apply block text-sm no-underline whitespace-nowrap py-[calc(var(--ks-spacing)*3)] pr-[calc(var(--ks-spacing)*4)] pl-[calc(var(--ks-spacing)*8)] lg:py-[calc(var(--ks-spacing)*2)] lg:px-[calc(var(--ks-spacing)*4)] text-(color:--ks-color-nav-link) hover:bg-(color:--ks-color-nav-hover) hover:text-(color:--ks-color-nav-text-hover) [&.active]:bg-(color:--ks-color-nav-hover) [&.active]:text-(color:--ks-color-nav-active) [&.active]:font-(weight:--ks-font-weight-heading) dark:text-(color:--ks-color-nav-link-dark) dark:hover:bg-(color:--ks-color-nav-hover-dark) dark:hover:text-(color:--ks-color-nav-text-hover-dark) dark:[&.active]:bg-(color:--ks-color-nav-hover-dark) dark:[&.active]:text-(color:--ks-color-nav-active-dark);
   }
 
+  .ks-nav-dropdown-menu > .ks-nav-item + .ks-nav-item {
+    @apply border-t-(length:--ks-border-width) border-t-(color:--ks-color-nav-border) dark:border-t-(color:--ks-color-nav-border-dark);
+  }
+
   .ks-sidebar {
-    @apply flex flex-col p-[calc(var(--ks-spacing)*3)] bg-(color:--ks-color-nav) dark:bg-(color:--ks-color-nav-dark);
+    @apply flex flex-col gap-[calc(var(--ks-spacing)*6)] p-[calc(var(--ks-spacing)*3)] first:border-r-(length:--ks-border-width) last:border-l-(length:--ks-border-width) border-(color:--ks-color-nav-border) bg-(color:--ks-color-nav) dark:bg-(color:--ks-color-nav-dark) dark:border-(color:--ks-color-nav-border-dark);
   }
 
   .ks-sidebar-group-label {
-    @apply px-[calc(var(--ks-spacing)*3)] text-(color:--ks-color-nav-text) dark:text-(color:--ks-color-nav-text-dark);
+    @apply list-none in-[details[open]]:after:rotate-90 after:ml-auto after:content-['›'] flex items-center cursor-pointer [&::-webkit-details-marker]:hidden px-[calc(var(--ks-spacing)*3)] text-(color:--ks-color-nav-text) [&.active]:text-(color:--ks-color-nav-active) dark:text-(color:--ks-color-nav-text-dark) dark:[&.active]:text-(color:--ks-color-nav-active-dark);
   }
 
   .ks-sidebar-tab {
-    @apply px-[calc(var(--ks-spacing)*3)] py-[calc(var(--ks-spacing)*2)] rounded-(--ks-radius-control) text-(color:--ks-color-nav-link) [&.active]:text-(color:--ks-color-nav-active) [&.active]:bg-(color:--ks-color-nav-hover) dark:text-(color:--ks-color-nav-link-dark) dark:[&.active]:text-(color:--ks-color-nav-active-dark) dark:[&.active]:bg-(color:--ks-color-nav-hover-dark);
+    @apply block no-underline px-[calc(var(--ks-spacing)*3)] py-[calc(var(--ks-spacing)*2)] rounded-(--ks-radius-control) text-(color:--ks-color-nav-link) [&.active]:text-(color:--ks-color-nav-active) [&.active]:bg-(color:--ks-color-nav-hover) [&.active]:shadow-[inset_calc(var(--ks-border-width)*4)_0_0_0_var(--ks-color-nav-indicator)] [&.active]:rounded-l-none dark:text-(color:--ks-color-nav-link-dark) dark:[&.active]:text-(color:--ks-color-nav-active-dark) dark:[&.active]:bg-(color:--ks-color-nav-hover-dark) dark:[&.active]:shadow-[inset_calc(var(--ks-border-width)*4)_0_0_0_var(--ks-color-nav-indicator-dark)];
+  }
+
+  .ks-sidebar-group-tabs {
+    @apply border-(length:--ks-border-width) border-(color:--ks-color-nav-border) dark:border-(color:--ks-color-nav-border-dark) rounded-(--ks-radius-surface) mt-[calc(var(--ks-spacing)*1)] ml-[calc(var(--ks-spacing)*3)];
+  }
+
+  .ks-sidebar-group-tabs > .ks-sidebar-tab + .ks-sidebar-tab {
+    @apply border-t-(length:--ks-border-width) border-t-(color:--ks-color-nav-border) dark:border-t-(color:--ks-color-nav-border-dark);
+  }
+
+  .ks-sidebar-logo {
+    @apply px-[calc(var(--ks-spacing)*3)] py-[calc(var(--ks-spacing)*2)];
+  }
+
+  .ks-sidebar-logo a {
+    @apply no-underline;
   }
 
   .ks-navbar-title {

data/lib/keystone_ui/styles/version.rb

@@ -2,6 +2,6 @@
 
 module KeystoneUi
   module Styles
-    VERSION = "0.14.0"
+    VERSION = "0.16.0"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: keystone_ui-styles
 version: !ruby/object:Gem::Version
-  version: 0.14.0
+  version: 0.16.0
 platform: ruby
 authors:
 - Tyler Schneider