satis 2.1.15 → 2.1.17

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8a4ce55d6a1473ecfa1941df7fd71f2319d12b8494dbbdc6d949c9c8e652b08e
-  data.tar.gz: e3032e60ecf1d85fd7a73416442db26bc038aa898ed917666b324174d2287806
+  metadata.gz: 38a8a727484917e2fca379c9414a04c438b8946561976de364b87a8894789954
+  data.tar.gz: 1712c400b552134b9846e3e5fe52fd4254fb0e1dbbf0bd45b5a6511d910dbd6c
 SHA512:
-  metadata.gz: 3daf6eff098ca5625095b2d200a28f2fc95ea2b77c4894dbd0c48dcb41625b33c3e451c6c17b586dc2824f6fdb9ecd0619db918b40139979a58b98068bcd8e4a
-  data.tar.gz: 4dd6be7e7f4b804bb64d7ebcc92432172c177ffe4f003d77f93cdfe4b284c6d2435cdf6b9553d710881be32a73623df528e4432fe6d8cc9efadd40331ca9b491
+  metadata.gz: 7ac08a0d6f0323d19a089e6f6a7f119f27e23748e7a33e609cdcd55d76fc22b73e0be3e8a216000d03f9f0186f77fbc4a9f2eb021b93388fc563d311772077f1
+  data.tar.gz: 5da554227b1c71487ae8bab3e8918693f51c879487ee928a9d933f6c1cb03d1ddc60acff59ec68671ab8759be52a44331dc60d8f1f5373f196a8626fa37a1f8f

data/app/assets/stylesheets/satis/components/form.css

@@ -27,7 +27,7 @@ form {
   @apply mb-0;
 
   .form-label {
-    @apply block text-xs text-gray-400 uppercase;
+    @apply block text-xs text-gray-400 dark:text-gray-300 uppercase;
 
     &.required:after {
       content: "*";
@@ -36,19 +36,19 @@ form {
 
   input.form-control,
   select.form-control {
-    @apply border rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-800 dark:border-gray-700;
+    @apply rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
   }
 
   textarea.form-control {
-    @apply border rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-800 dark:border-gray-700;
+    @apply rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
   }
 
   .form-select {
-    @apply border rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-800 dark:border-gray-700;
+    @apply rounded w-full py-2 px-3 h-12 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
   }
 
   .form-multiselect {
-    @apply border rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-800 dark:border-gray-700;
+    @apply rounded w-full py-2 px-3 text-gray-800 dark:text-gray-300 leading-tight border-gray-300 dark:bg-gray-900 dark:drop-shadow dark:border-none;
   }
 
   .custom-select {
@@ -116,9 +116,13 @@ form {
   }
 
   .fields_for {
+    @apply dark:bg-gray-800;
+    .field-for-bg{
+      @apply dark:bg-gray-800;
     .template {
+      @apply dark:bg-gray-800;
       .fields {
-        @apply opacity-50;
+        @apply opacity-50 dark:bg-gray-800;
       }
       &:hover {
         .fields {
@@ -126,6 +130,7 @@ form {
         }
       }
     }
+    }
   }
 
   .form-text {
@@ -149,7 +154,6 @@ form {
       height: 1rem;
       width: 30%;
       border-bottom: 1px dashed #e5e7eb;
-      @apply dark:border-gray-700;
     }
 
     .nested-fields_action {

data/app/assets/stylesheets/satis/components/trix.css

@@ -92,7 +92,63 @@ trix-toolbar .trix-button--icon {
     opacity: 1; }
   trix-toolbar .trix-button--icon:disabled::before {
     opacity: 0.125; }
-
+    
+  .dark trix-editor {
+    border: 1px solid #555;
+    background-color: #333;
+    color: #ddd;
+  }
+  
+  .dark trix-toolbar .trix-button-group {
+    @apply border-none;
+    border: 1px solid #555;
+    border-top-color: #666;
+    border-bottom-color: #444;
+  }
+  
+  .dark trix-toolbar .trix-button {
+    @apply border-none;
+    color: white;
+  }
+  
+  .dark trix-toolbar .trix-button:not(:first-child) {
+    @apply border-none;
+    border-left: 1px solid #444;
+  }
+  
+  .dark trix-toolbar .trix-button.trix-active {
+    @apply border-none;
+    background: #007acc;
+    color: white;
+  }
+  
+  .dark trix-toolbar .trix-button:disabled {
+    @apply border-none;
+    color: rgba(255, 255, 255, 0.125);
+  }
+  
+  .dark trix-toolbar .trix-button--icon::before {
+    @apply border-none;
+    filter: invert(1); /* Inverts the color to white */
+    opacity: 0.6;
+  }
+  
+  .dark trix-toolbar .trix-button--icon.trix-active::before {
+    @apply border-none;
+    filter: invert(1); /* Inverts the color to white */
+    opacity: 1;
+  }
+  
+  .dark trix-toolbar .trix-button--icon:disabled::before {
+    @apply border-none;
+    opacity: 0.125;
+  }
+
+  .dark trix-editor .pre {
+    @apply bg-gray-800 text-white;
+  }
+
+  
 trix-toolbar .trix-button--icon-attach::before {
   background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
   top: 8%;

data/app/components/satis/card/component.css

@@ -2,7 +2,7 @@
   @apply bg-white h-full sm:rounded-lg sm:shadow dark:bg-gray-800 overflow-hidden;
 
   &__header {
-    @apply px-4 py-5 sm:px-6 dark:bg-gray-800 dark:border-gray-700;
+    @apply px-4 py-5 sm:px-6 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-300;
   }
 
   &__tabs {
@@ -13,6 +13,10 @@
     }
   }
 
+  .sts-card__header{
+    @apply dark:bg-gray-900 dark:bg-opacity-50;
+  }
+
   a.tab:not(.selected) {
     @apply dark:text-gray-300;
   }

data/app/components/satis/card/component.html.slim

@@ -6,7 +6,7 @@
           .ml-4.mt-4.flex-shrink-0.text-primary-600.dark:text-gray-300
             i class=icon
         .ml-4.mt-4.flex-1
-          h3.text-lg.leading-6.font-medium.text-gray-900.dark:text-gray-300
+          h3.text-lg.leading-6.font-medium.text-gray-900.dark:text-white
             == title
           - if description.present?
             p.mt-1.text-sm.text-gray-500.dark:text-gray-500

data/app/components/satis/date_time_picker/component.html.slim

@@ -1,7 +1,7 @@
 div.satis-date-time-picker data-controller="satis-date-time-picker" data-satis-date-time-picker-time-picker-value=time_picker.to_s data-satis-date-time-picker-clearable-value=clearable.to_s data-satis-date-time-picker-locale-value="" data-satis-date-time-picker-range-value=range.to_s data-satis-date-time-picker-multiple-value=multiple.to_s data-satis-date-time-picker-week-start-value=week_start data-satis-date-time-picker-inline-value=inline.to_s data-satis-date-time-picker-format-value=JSON.dump(format)
   .relative.flex.items-center
     = form.text_field attribute, options[:input_html].merge(class: 'hidden')
-    input.form-control data-action="focus->satis-date-time-picker#showCalendar input->satis-date-time-picker#dateTimeEntered" data-satis-date-time-picker-target="input"
+    input.form-control data-action="focus->satis-date-time-picker#showCalendar input->satis-date-time-picker#dateTimeEntered" data-satis-date-time-picker-target="input" type="text"
     .absolute.inset-y-0.right-0.flex.py-1.5.pr-1.5
       button.cursor-pointer.w-6.h-full.flex.items-center.text-gray-400.outline-none.focus:outline-none data-satis-date-time-picker-target="clearButton" data-action="click->satis-date-time-picker#clear"
         i.fas.fa-xmark

data/app/components/satis/dropdown/component.css

@@ -48,3 +48,4 @@
   @apply dark:border-gray-700 border-b divide-gray-200 divide-opacity-25 hover:bg-gray-200 hover:shadow dark:hover:text-white dark:bg-opacity-75 dark:hover:bg-gray-800 dark:bg-gray-900 dark:divide-gray-100 dark:divide-opacity-5;
 }
 
+

data/app/views/shared/_fields_for.html.slim

@@ -5,7 +5,7 @@
 - if template_object
   template data-satis-fields-for-target='template'
     = form.rails_fields_for collection, template_object, child_index: 'TEMPLATE' do |nested_form|
-      .nested-fields.template.py-2
+      .nested-fields.template.py-2.field-for-bg
         = nested_form.input :id, as: :hidden
         = nested_form.input :_destroy, as: :hidden
         .grid.grid-cols-12.gap-4
@@ -21,7 +21,7 @@
               i.fal.fa-trash
 
 = form.rails_fields_for collection do |nested_form|
-  .nested-fields.py-2
+  .nested-fields.field-for-bg.py-2
     = nested_form.input :id, as: :hidden
     = nested_form.input :_destroy, as: :hidden
     .grid.grid-cols-12.gap-4

data/lib/satis/version.rb

@@ -1,3 +1,3 @@
 module Satis
-  VERSION = "2.1.15"
+  VERSION = "2.1.17"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: satis
 version: !ruby/object:Gem::Version
-  version: 2.1.15
+  version: 2.1.17
 platform: ruby
 authors:
 - Tom de Grunt
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-05-21 00:00:00.000000000 Z
+date: 2024-05-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: browser