simplecov-tailwindcss 2.1.2 → 2.3.0

data/views/group_page.erb

@@ -1,5 +1,5 @@
 <div class="navBody overflow-hidden <%= hide_show(title) %>" id="<%= title %>">
-  <header class="supports-backdrop-blur:bg-white/60 fixed left-28 z-40 w-full border-b border-slate-900/10 bg-white/95 backdrop-blur transition-colors duration-500 dark:border-slate-50/[0.2] dark:bg-slate-900">
+  <header class="supports-backdrop-blur:bg-white/60 fixed left-28 z-40 w-full border-b border-slate-900/10 bg-white/95 backdrop-blur-sm transition-colors duration-500 dark:border-slate-50/20 dark:bg-slate-900">
     <div class="mx-auto flex justify-between p-4 pr-36">
       <h1 class="text-lg font-semibold leading-6">
         <%= title %>
@@ -13,10 +13,10 @@
     </div>
   </header>
   <div class="mx-auto mt-14 px-4">
-    <div class="fixed inset-0 top-[8.125rem] left-28 right-auto z-20 w-[19.5rem] overflow-y-auto border-r border-solid border-slate-900/10 px-6 pb-10 dark:border-slate-50/[0.2]">
+    <div class="fixed inset-0 top-32.5 left-28 right-auto z-20 w-78 overflow-y-auto border-r border-solid border-slate-900/10 px-6 pb-10 dark:border-slate-50/20">
       <nav id="nav" class="relative lg:text-sm lg:leading-6">
         <div class="pointer-events-none sticky top-0 -ml-0.5">
-          <div class="h-6 bg-gradient-to-b from-white dark:from-slate-900"></div>
+          <div class="h-6 bg-linear-to-b from-white dark:from-slate-900"></div>
         </div>
         <ul role="list" class="mt-3 grid grid-cols-1 gap-5">
           <%= generate_stat_card('# of Files', format_number(files.length), 'text-slate-500') %>
@@ -34,9 +34,9 @@
         </ul>
       </nav>
     </div>
-    <div class="pl-[25.5rem]">
+    <div class="pl-102">
       <main class="relative z-20 mx-auto">
-        <ul role="list" id="<%= title %>-list" class="divide-y divide-slate-900/10 border-b border-slate-900/10 dark:divide-slate-50/[0.06] dark:border-slate-50/[0.2]">
+        <ul role="list" id="<%= title %>-list" class="divide-y divide-slate-900/10 border-b border-slate-900/10 dark:divide-slate-50/6 dark:border-slate-50/20">
           <% files.each.with_index do |source_file, index| %>
             <%= generate_file_detail(source_file) %>
           <% end %>

data/views/main.erb

@@ -14,7 +14,7 @@
         data-navigation-active-class="bg-blue-700 text-slate-300" data-navigation-inactive-class="hover:bg-blue-700 hover:text-slate-300"
         data-search-hide-class="hidden" data-search-sort-order-value="-1" data-search-button-active-class="text-blue-700"
         data-search-button-inactive-class="text-slate-500 dark:text-slate-400">
-    <div class="supports-backdrop-blur:bg-white/60 sticky top-0 w-full flex-none bg-white/95 backdrop-blur transition-colors duration-500 dark:border-slate-50/[0.2] dark:bg-slate-900 z-40 border-b border-slate-900/10">
+    <div class="supports-backdrop-blur:bg-white/60 sticky top-0 w-full flex-none bg-white/95 backdrop-blur-sm transition-colors duration-500 dark:border-slate-50/20 dark:bg-slate-900 z-40 border-b border-slate-900/10">
       <div class="mx-auto">
         <div class="mx-4 border-b border-slate-900/10 py-4 dark:border-slate-300/10 lg:mx-0 lg:border-0 lg:px-8">
           <div class="relative flex items-center">
@@ -31,28 +31,28 @@
                         <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
                       </svg>
                     </div>
-                    <input data-action="input->search#searchEvent" class="block w-full rounded-md border border-slate-900/10 bg-white/95 py-2 pl-10 pr-3 text-sm text-slate-500 placeholder-slate-500 focus:border-blue-700 focus:focus:placeholder-slate-400 focus:outline-none focus:ring-1 focus:ring-blue-700 dark:border-slate-50/[0.2] dark:bg-transparent dark:text-slate-400" placeholder="Search File(s)" type="search" autocomplete="on">
+                    <input data-action="input->search#searchEvent" class="block w-full rounded-md border border-slate-900/10 bg-white/95 py-2 pl-10 pr-3 text-sm text-slate-500 placeholder-slate-500 focus:border-blue-700 focus:focus:placeholder-slate-400 focus:outline-hidden focus:ring-1 focus:ring-blue-700 dark:border-slate-50/20 dark:bg-transparent dark:text-slate-400" placeholder="Search File(s)" type="search" autocomplete="on">
                   </div>
                 </div>
               </div>
             </div>
             <div class="relative flex w-96 justify-end ml-6">
-              <div class="relative z-0 inline-flex shadow-sm rounded-md">
-                <button data-action="click->search#orderEvent" data-search-target="asc" value="-1" type="button" class="relative inline-flex items-center px-2 py-2 rounded-l-md text-sm font-medium border border-slate-900/10 dark:border-slate-50/[0.2] focus:outline-none focus:ring-blue-700 focus:border-blue-700 dark:bg-slate-900 text-slate-500 dark:text-slate-400">
+              <div class="relative z-0 inline-flex shadow-xs rounded-md">
+                <button data-action="click->search#orderEvent" data-search-target="asc" value="-1" type="button" class="relative inline-flex items-center px-2 py-2 rounded-l-md text-sm font-medium border border-slate-900/10 dark:border-slate-50/20 focus:outline-hidden focus:ring-blue-700 focus:border-blue-700 dark:bg-slate-900 text-slate-500 dark:text-slate-400">
                   <span class="sr-only">ascending</span>
                   <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                     <path stroke-linecap="round" stroke-linejoin="round" d="M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12" />
                   </svg>
                 </button>
-                <button data-action="click->search#orderEvent" data-search-target="desc" value="1" type="button" class="-ml-px relative inline-flex items-center px-2 py-2 rounded-r-md text-sm font-medium border border-slate-900/10 dark:border-slate-50/[0.2] focus:outline-none focus:ring-blue-700 focus:border-blue-700 dark:bg-slate-900 text-slate-500 dark:text-slate-400">
+                <button data-action="click->search#orderEvent" data-search-target="desc" value="1" type="button" class="-ml-px relative inline-flex items-center px-2 py-2 rounded-r-md text-sm font-medium border border-slate-900/10 dark:border-slate-50/20 focus:outline-hidden focus:ring-blue-700 focus:border-blue-700 dark:bg-slate-900 text-slate-500 dark:text-slate-400">
                   <span class="sr-only">Descending</span>
                   <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                     <path stroke-linecap="round" stroke-linejoin="round" d="M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4" />
                   </svg>
                 </button>
               </div>
-              <div class="ml-3 pl-3 border-l border-slate-900/10 dark:border-slate-50/[0.2]">
-                <select data-search-target="sort" data-action="input->search#sortEvent" class="block w-full pr-10 py-2 text-base border-slate-900/10 dark:border-slate-50/[0.2] focus:outline-none focus:ring-blue-700 focus:border-blue-700 rounded-md text-slate-500 dark:bg-slate-900 dark:text-slate-400">
+              <div class="ml-3 pl-3 border-l border-slate-900/10 dark:border-slate-50/20">
+                <select data-search-target="sort" data-action="input->search#sortEvent" class="block w-full pr-10 py-2 text-base border-slate-900/10 dark:border-slate-50/20 focus:outline-hidden focus:ring-blue-700 focus:border-blue-700 rounded-md text-slate-500 dark:bg-slate-900 dark:text-slate-400">
                   <option value="coveredpercent">% Covered</option>
                   <option value="lines"># of Lines</option>
                   <option value="releventlines">Relevent Lines</option>
@@ -67,7 +67,7 @@
                   <% end %>
                 </select>
               </div>
-              <div class="ml-3 flex items-center pl-3 border-l border-slate-900/10 dark:border-slate-50/[0.2]">
+              <div class="ml-3 flex items-center pl-3 border-l border-slate-900/10 dark:border-slate-50/20">
                 <button type="button" data-action="click->darktheme#toggle">
                   <span class="dark:hidden">
                     <svg viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6">
@@ -89,9 +89,9 @@
         </div>
       </div>
     </div>
-    <div class="supports-backdrop-blur:bg-white/60 fixed h-full w-28 overflow-y-auto border-r border-solid border-slate-200 bg-white/95 backdrop-blur transition-colors duration-500 dark:border-slate-50/[0.2] dark:bg-transparent">
+    <div class="supports-backdrop-blur:bg-white/60 fixed h-full w-28 overflow-y-auto border-r border-solid border-slate-200 bg-white/95 backdrop-blur-sm transition-colors duration-500 dark:border-slate-50/20 dark:bg-transparent">
       <div class="flex w-full flex-col items-center">
-        <div class="w-full flex-1 space-y-1 p-2">
+        <div class="w-full flex-1 space-y-1 p-2 pb-20">
           <div class="nav group flex w-full flex-col items-center rounded-md p-3 text-xs font-medium cursor-pointer bg-blue-700 text-slate-300" data-action="click->navigation#navigateEvent" data-index="All Files">
             <svg class="h-6 w-6 group-hover:text-slate-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z" />
@@ -127,7 +127,7 @@
         <div class="pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10">
           <div data-slideover-target="view" class="pointer-events-auto relative w-screen max-w-3xl">
             <div class="absolute top-0 left-0 -ml-8 flex pt-4 pr-2 sm:-ml-10 sm:pr-4">
-              <button data-action="click->slideover#close" type="button" class="rounded-md text-gray-300 hover:text-white focus:outline-none focus:ring-2 focus:ring-white">
+              <button data-action="click->slideover#close" type="button" class="rounded-md text-gray-300 hover:text-white focus:outline-hidden focus:ring-2 focus:ring-white">
                 <span class="sr-only">Close panel</span>
                 <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />

data/views/stat_card.erb

@@ -1,5 +1,5 @@
 <li class="col-span-1 flex rounded-md shadow-md">
-  <div class="flex flex-1 items-center justify-between truncate rounded-md border border-slate-200 bg-white/95 backdrop-blur dark:border-slate-50/[0.2] dark:bg-transparent">
+  <div class="flex flex-1 items-center justify-between truncate rounded-md border border-slate-200 bg-white/95 backdrop-blur-sm dark:border-slate-50/20 dark:bg-transparent">
     <div class="flex-1 truncate px-4 py-2 text-sm">
       <span class="font-medium text-slate-700 dark:text-slate-200">
         <%= title %>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: simplecov-tailwindcss
 version: !ruby/object:Gem::Version
-  version: 2.1.2
+  version: 2.3.0
 platform: ruby
 authors:
 - Christopher Pezza
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-03-28 00:00:00.000000000 Z
+date: 2025-10-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: simplecov
@@ -30,7 +30,9 @@ email:
 - github@chiefpansancolt.dev
 executables:
 - console
+- lint
 - setup
+- upgrade
 extensions: []
 extra_rdoc_files: []
 files:
@@ -38,6 +40,7 @@ files:
 - ".erb-lint.yml"
 - ".eslintignore"
 - ".eslintrc.json"
+- ".github/CODEOWNERS"
 - ".github/CODE_OF_CONDUCT.md"
 - ".github/CONTRIBUTING.md"
 - ".github/FUNDING.yml"
@@ -52,6 +55,7 @@ files:
 - ".github/workflows/rubygem_publish.yml"
 - ".github/workflows/tests.yml"
 - ".gitignore"
+- ".gitmodules"
 - ".markdownlint.yml"
 - ".prettierignore"
 - ".rubocop.yml"
@@ -63,7 +67,9 @@ files:
 - README.md
 - Rakefile
 - bin/console
+- bin/lint
 - bin/setup
+- bin/upgrade
 - dist/app.css
 - dist/app.js
 - dist/scripts/controllers/darktheme_controller.js
@@ -74,11 +80,11 @@ files:
 - lib/simplecov-tailwindcss.rb
 - lib/simplecov-tailwindcss/version.rb
 - package.json
+- pnpm-lock.yaml
 - prettier.config.js
 - public/application.css
 - public/application.js
 - simplecov-tailwindcss.gemspec
-- tailwind.config.js
 - test/fixtures/app/controllers/sample_controller.rb
 - test/fixtures/app/models/user.rb
 - test/fixtures/sample.rb
@@ -89,7 +95,6 @@ files:
 - views/group_page.erb
 - views/main.erb
 - views/stat_card.erb
-- yarn.lock
 homepage: https://simplecov-tailwind.chiefpansancolt.dev/
 licenses:
 - MIT
@@ -99,7 +104,7 @@ metadata:
   changelog_uri: https://github.com/chiefpansancolt/simplecov-tailwindcss/blob/master/CHANGELOG.md
   bug_tracker_uri: https://github.com/chiefpansancolt/simplecov-tailwindcss/issues
   rubygems_mfa_required: 'true'
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -115,7 +120,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.3.7
-signing_key: 
+signing_key:
 specification_version: 4
 summary: HTML Tailwind Design View for Simplecov formatter
 test_files: []

data/tailwind.config.js

@@ -1,8 +0,0 @@
-module.exports = {
-  content: ['./views/**/*.erb', './lib/**/*.rb'],
-  darkMode: 'class',
-  theme: {
-    extend: {},
-  },
-  plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
-}