bullet_train-themes-tailwind_css 1.0.13 → 1.0.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 433ebcfa3a3587634f2fc5b0c05625f0b251afffab0e7fca779b4d505dd596a4
-  data.tar.gz: 4cd18b6f13e2214b49bae388e5134ec82c155c221f9ae9407c3091571b169af0
+  metadata.gz: 904e5766002601b5ff740ed4b1faf4e1c9db7f7b63ece2bbe36d66db1068d99e
+  data.tar.gz: b158457d3283dc0d1653295adfed38cb600e22d7080e67b809f4f374948cd770
 SHA512:
-  metadata.gz: fd5478ae382d9fba4dd3c8ed5465d649c59541066ce0cb4bb19593fc8b0089366d8d8d28e93200789cf92e4ed9924e6eda98f49ac177216da9e5fde223784910
-  data.tar.gz: 477e2398f065c0bfead969580023aba7a44ced3aebfb01bd801a065cd70083dda6271a71476fc14af1338310bea18e5bfcd6c45f3f29b0fdb3e9f4ee2e823ff0
+  metadata.gz: 07c6c6393133deb6384491c82e24be41b65e4298e8409427cda244140e33044f6790fed169110292213a1d56ee2c5e134842d0ebd7619fc1ef3fba9b8b11cd24
+  data.tar.gz: 1fbb9f2f832201d65e2b01832df0e8b96cfb0f6067a192307af5daadd3fb6fe4ae5642a76ef0b19943ebe88527b233408c93f0dfeafaccd3d5bb250290d254cb

data/app/views/themes/tailwind_css/fields/_color_picker.html.erb

@@ -10,21 +10,27 @@ multiple ||= false
 other_options ||= {}
 options ||= options_for(form, method)
 value = form.object.send(method)
+
+color_selected_classes = "ring-2 ring-offset-2"
 %>
 
 <% content = render 'shared/fields/field', form: form, method: method, options: html_options, other_options: other_options do %>
   <% content_for :field do %>
-    <div class="space-x-1" data-controller="<%= stimulus_controller %>" data-<%= stimulus_controller %>-initial-color-value="<%= value %>">
+    <div class="space-x-1" 
+      data-controller="<%= stimulus_controller %>"
+      data-<%= stimulus_controller %>-initial-color-value="<%= value %>"
+      data-<%= stimulus_controller %>-color-selected-class="<%= color_selected_classes %>"
+    >
       <%= form.hidden_field method, value: value, data: {"#{stimulus_controller}-target": "colorPickerValue"} %>
       <div class="inline space-x-1" data-<%= stimulus_controller %>-target="colorOptions">
         <% options[:color_picker_options].each do |color| %>
           <label class="btn-toggle btn-color-picker">
-            <button type="button" class="button-color mb-1.5 dark:ring-offset-darkPrimary-700 <%= color == value ? 'ring-2 ring-offset-2' : '' %>" style="background-color: <%= color %>; --tw-ring-color: <%= color %>" data-action="<%= stimulus_controller %>#pickColor" data-color="<%= color %>">&nbsp;</button>
+            <button type="button" class="button-color mb-1.5 dark:ring-offset-darkPrimary-700 <%= color == value ? color_selected_classes : '' %>" style="background-color: <%= color %>; --tw-ring-color: <%= color %>" data-action="<%= stimulus_controller %>#pickColor" data-<%= stimulus_controller %>-target="colorButton" data-color="<%= color %>">&nbsp;</button>
           </label>
         <% end %>
       </div>
       <label class="btn-toggle btn-color-picker">
-        <button type="button" class="button-color mr-1 dark:ring-offset-darkPrimary-700 <%= value.blank? || options.include?(value) ? 'hidden' : 'ring-2 ring-offset-2' %>" data-action="<%= stimulus_controller %>#pickColor" data-<%= stimulus_controller %>-target="userSelectedColor" data-color="<%= value %>" style="background-color: <%= value %>; --tw-ring-color: <%= value %>">&nbsp;</button>
+        <button type="button" class="button-color mr-1 dark:ring-offset-darkPrimary-700 <%= value.blank? || options.include?(value) ? 'hidden' : color_selected_classes %>" data-action="<%= stimulus_controller %>#pickColor" data-<%= stimulus_controller %>-target="userSelectedColor colorButton" data-color="<%= value %>" style="background-color: <%= value %>; --tw-ring-color: <%= value %>">&nbsp;</button>
       </label>
       <span class="relative">
         <input type="text" disabled="disabled" class="rounded-md shadow-sm font-light font-mono text-sm focus:ring-blue focus:border-blue border-gray-300 w-48 dark:bg-darkPrimary-800 dark:border-darkPrimary-900" value="<%= value %>" data-<%= stimulus_controller %>-target="colorInput"/>
@@ -32,9 +38,14 @@ value = form.object.send(method)
           <button type="button" class="py-2 px-1 border border-transparent inline-flex items-center whitespace-nowrap rounded-md text-lg" data-action="<%= stimulus_controller %>#pickRandomColor">
             <i class="leading-5 ti ti-reload dark:text-blue-500"></i>
           </button>
-          <button type="button" class="py-2 px-1 border border-transparent inline-flex items-center whitespace-nowrap rounded-md btn-pickr text-lg" data-action="<%= stimulus_controller %>#togglePickr">
+          <button type="button" class="py-2 px-1 border border-transparent inline-flex items-center whitespace-nowrap rounded-md btn-pickr text-lg"
+          data-<%= stimulus_controller %>-target="togglePickerButton" data-action="<%= stimulus_controller %>#togglePickr">
             <i class="leading-5 ti ti-pencil dark:text-blue-500"></i>
           </button>
+          <span
+            data-<%= stimulus_controller %>-target="pickerContainer"
+            data-action="keydown-><%= stimulus_controller %>#handleKeydown"
+          ></span>
           <button type="button" class="py-2 px-1 pr-3.5 border border-transparent inline-flex items-center whitespace-nowrap rounded-md text-lg" data-action="<%= stimulus_controller %>#unpickColor">
             <i class="leading-5 ti ti-trash dark:text-blue-500"></i>
           </button>

data/app/views/themes/tailwind_css/fields/_file_field.html.erb

@@ -30,8 +30,9 @@ other_options ||= {}
           <i class="leading-none mr-2 text-base ti ti-upload dark:text-white"></i>
           <span class="dark:text-white">Upload New Document</span>
         </div>
-        <div class="mt-2 hidden flex overflow-hidden text-xs rounded bg-gray-100 shadow-inner">
-          <div data-fields--file-field-target="progressBar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" class="flex flex-col justify-center text-white text-center whitespace-nowrap overflow-hidden animate-pulse bg-primary-500 dark:bg-darkPrimary-800 rounded" role="progressbar" style="width: 0%;">0%</div>
+        <div class="mt-2 hidden overflow-hidden text-xs rounded bg-gray-100 shadow-inner relative">
+          <div data-fields--file-field-target="progressBar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" class="absolute top-0 left-0 whitespace-nowrap overflow-hidden animate-pulse bg-primary-500 dark:bg-darkPrimary-800 rounded" role="progressbar" style="width: 0%;">&nbsp;</div>
+          <div class="text-black text-center" data-fields--file-field-target="progressLabel">0%</div>
         </div>
       </div>
     </div>

data/lib/bullet_train/themes/tailwind_css/version.rb

@@ -1,7 +1,7 @@
 module BulletTrain
   module Themes
     module TailwindCss
-      VERSION = "1.0.13"
+      VERSION = "1.0.14"
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bullet_train-themes-tailwind_css
 version: !ruby/object:Gem::Version
-  version: 1.0.13
+  version: 1.0.14
 platform: ruby
 authors:
 - Andrew Culver
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-07-20 00:00:00.000000000 Z
+date: 2022-07-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: standard