ariadne_view_components 0.0.24-x64-mingw32 → 0.0.26-x64-mingw32

data/app/components/ariadne/ariadne.ts

@@ -2,14 +2,14 @@ import {Application} from '@hotwired/stimulus'
 
 import AriadneForm from './ariadne-form'
 
-import ClipboardCopyComponent from './clipboard-copy-component'
-import RichTextAreaComponent from './rich-text-area-component'
-import SlideoverComponent from './slideover-component'
-import TabNavComponent from './tab-nav-component'
-import TooltipComponent from './tooltip-component'
+import ClipboardCopyComponent from './clipboard_copy_component/clipboard-copy-component'
+import RichTextAreaComponent from './rich_text_area_component/rich-text-area-component'
+import SlideoverComponent from './slideover_component/slideover-component'
+import TabNavComponent from './tab_nav_component/tab-nav-component'
+import TooltipComponent from './tooltip_component/tooltip-component'
 
-import './tab-container-component'
-import './time-ago-component'
+import './tab_container_component/tab-container-component'
+import './time_ago_component/time-ago-component'
 
 const application = Application.start()
 

data/app/components/ariadne/body_component.rb

@@ -5,7 +5,7 @@ module Ariadne
   # Add additional usage considerations or best practices that may aid the user to use the component correctly.
   # @accessibility Add any accessibility considerations
   class BodyComponent < Ariadne::Component
-    DEFAULT_CLASSES = "ariadne-scroll-smooth ariadne-bg-white ariadne-antialiased"
+    DEFAULT_CLASSES = "ariadne-scroll-smooth ariadne-antialiased"
 
     # @example Default
     #

data/app/components/ariadne/button_component.rb

@@ -11,8 +11,8 @@ module Ariadne
     SCHEME_CLASS_MAPPINGS = {
       link: Ariadne::LinkComponent::DEFAULT_ACTIONABLE_CLASSES,
       none: "",
-      default: "ariadne-text-purple-800 ariadne-bg-purple-50 hover:ariadne-bg-purple-100 ariadne-border-purple-300 focus:ariadne-ring-offset-purple-50 focus:ariadne-ring-purple-600",
-      info: "ariadne-text-blue-800 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 ariadne-border-blue-300 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
+      default: "ariadne-text-slate-800 ariadne-bg-slate-50 hover:ariadne-bg-slate-100 ariadne-border-slate-300 focus:ariadne-ring-offset-slate-50 focus:ariadne-ring-slate-600",
+      info: "ariadne-text-slate-800 ariadne-bg-slate-50 hover:ariadne-bg-slate-100 ariadne-border-slate-300 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-slate-600",
       success: "ariadne-text-green-800 ariadne-bg-green-50 hover:ariadne-bg-green-100 ariadne-border-green-300 focus:ariadne-ring-offset-green-50 focus:ariadne-ring-green-600",
       warning: "ariadne-text-yellow-800 ariadne-bg-yellow-50 hover:ariadne-bg-yellow-100 ariadne-border-yellow-300 focus:ariadne-ring-offset-yellow-50 focus:ariadne-ring-yellow-600",
       danger: "ariadne-text-red-800 ariadne-bg-red-50 hover:ariadne-bg-red-100 ariadne-border-red-300 focus:ariadne-ring-offset-red-50 focus:ariadne-ring-red-600",

data/app/components/ariadne/{comment_component.html.erb → comment_component/comment_component.html.erb}

@@ -4,7 +4,7 @@
       <% tab.text { @public_tab_text } %>
       <% tab.panel(attributes: {:"data-public" => true}) do %>
         <%= ariadne_form_with(url: @url, method: @method, classes: @classes, attributes: @attributes) do |comment_box| %>
-          <div class="ariadne-overflow-hidden ariadne-border ariadne-border-gray-300 ariadne-shadow-sm">
+          <div class="ariadne-overflow-hidden ariadne-border ariadne-border-slate-300 ariadne-shadow-sm">
             <%= hidden_field_tag 'message_public', true %>
             <%= render(Ariadne::RichTextAreaComponent.new(name: :public_bodytext, sr_label: "Select reply type", attributes: { required: true})) %>
             <% comment_box.submit { @submit } %>

data/app/components/ariadne/comment_component.rb

@@ -10,7 +10,7 @@ module Ariadne
     DEFAULT_TAG = :div
     TAG_OPTIONS = [DEFAULT_TAG].freeze
 
-    DEFAULT_CLASSES = "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-px-5 ariadne-rounded-md "
+    DEFAULT_CLASSES = "ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md "
 
     renders_one :public_tab, lambda { |selected: false, text:, classes: "", attributes: {}|
       attributes[:"data-public"] = true

data/app/components/ariadne/details_component.rb

@@ -28,7 +28,7 @@ module Ariadne
       Ariadne::Content.new
     }
 
-    DEFAULT_BODY_CLASSES = "ariadne-absolute ariadne-mt-2 ariadne-w-56 ariadne-divide-y ariadne-divide-gray-100 ariadne-rounded-md ariadne-bg-white ariadne-shadow-lg ariadne-ring-1 ariadne-ring-black ariadne-ring-opacity-5 focus:ariadne-outline-none"
+    DEFAULT_BODY_CLASSES = "ariadne-absolute ariadne-mt-2 ariadne-w-56 ariadne-divide-y ariadne-divide-gray-100 ariadne-rounded-md ariadne-shadow-lg ariadne-ring-1 ariadne-ring-black ariadne-ring-opacity-5 focus:ariadne-outline-none"
     # Use the Body slot as the main content to be shown when triggered by the Summary.
     #
     # @param tag [Symbol] The tag to use for the body/ <%= one_of(Ariadne::DetailsComponent::VALID_BODY_TAGS) %>

data/app/components/ariadne/flash_component.rb

@@ -8,8 +8,8 @@ module Ariadne
     DEFAULT_SCHEME = :default
 
     DISMISSIBLE_SCHEME_CLASS_MAPPINGS = {
-      default: "ariadne-text-blue-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
-      info: "ariadne-text-blue-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
+      default: "ariadne-text-slate-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
+      info: "ariadne-text-slate-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
       success: "ariadne-text-green-500 ariadne-bg-green-50 hover:ariadne-bg-green-100 focus:ariadne-ring-offset-green-50 focus:ariadne-ring-green-600",
       warning: "ariadne-text-yellow-500 ariadne-bg-yellow-50 hover:ariadne-bg-yellow-100 focus:ariadne-ring-offset-yellow-50 focus:ariadne-ring-yellow-600",
       danger: "ariadne-text-red-500 ariadne-bg-red-50 hover:ariadne-bg-red-100 focus:ariadne-ring-offset-red-50 focus:ariadne-ring-red-600",
@@ -26,8 +26,8 @@ module Ariadne
     VALID_BG_SCHEMES = BG_SCHEME_CLASS_MAPPINGS.keys.freeze
 
     CONTENT_SCHEME_CLASS_MAPPINGS = {
-      default: "ariadne-text-blue-700",
-      info: "ariadne-text-blue-700",
+      default: "ariadne-text-slate-700",
+      info: "ariadne-text-slate-700",
       success: "ariadne-text-green-700",
       warning: "ariadne-text-yellow-700",
       danger: "ariadne-text-red-700",

data/app/components/ariadne/header_component.rb

@@ -3,8 +3,7 @@
 module Ariadne
   # Represents the top navigation bar on every page.
   class HeaderComponent < Ariadne::Component
-    DEFAULT_CLASSES = "ariadne-sticky ariadne-top-0 ariadne-z-50 ariadne-px-4 ariadne-pt-4 ariadne-h-16 ariadne-bg-white ariadne-shadow-sm shadow-slate-900/5 ariadne-transition ariadne-duration-500"
-    # ariadne-flex ariadne-flex-wrap ariadne-items-center ariadne-justify-between ariadne-bg-white   dark:ariadne-shadow-none  dark:ariadne-bg-transparent
+    DEFAULT_CLASSES = "ariadne-sticky ariadne-top-0 ariadne-z-50 ariadne-px-4 ariadne-pt-4 ariadne-h-16 ariadne-shadow-sm shadow-slate-900/5 ariadne-transition ariadne-duration-500"
     LINK_CLASSES = "ariadne-rounded-lg ariadne-py-1 ariadne-px-2 text-slate-700 hover:bg-slate-100 hover:text-slate-900"
 
     DEFAULT_TEXT_LOGO_CLASSES = "ariadne-flex ariadne-items-center ariadne-font-bold ariadne-text-xl"
@@ -21,14 +20,15 @@ module Ariadne
     # @param attributes [Hash] <%= link_to_attributes_docs %>
     renders_one :logo, lambda { |href: nil, src: nil, alt: nil, text: "", classes: "", attributes: {}|
       @href = href
+      @text = text
+
       if src.blank?
         actual_classes = class_names(DEFAULT_TEXT_LOGO_CLASSES, classes)
         Ariadne::Text.new(tag: :span, classes: actual_classes, attributes: attributes)
       else
         actual_classes = class_names(DEFAULT_IMAGE_LOGO_CLASSES, classes)
         actual_attributes = { width: 40, height: 40 }.merge(attributes)
-        @text = text
-        Ariadne::ImageComponent.new(src: src, alt: alt, classes: actual_classes, attributes: actual_attributes)
+        @image_logo = Ariadne::ImageComponent.new(src: src, alt: alt, classes: actual_classes, attributes: actual_attributes)
       end
     }
 
@@ -76,7 +76,7 @@ module Ariadne
     # @example Basic example
     #
     # <%= render(Ariadne::HeaderComponent.new) do |header| %>
-    #    <%= header.logo(as_text: true) { "GitHub" } %>
+    #    <%= header.logo(text: true) { "GitHub" } %>
     #    <%= header.navigation_link(href: "#features") { "Features" } %>
     #    <%= header.login_link(href: "/login") { "Login" } %>
     # <% end %>
@@ -96,12 +96,8 @@ module Ariadne
       logo.present?
     end
 
-    private def has_text_logo?
-      logo.present? && @text_logo.present?
-    end
-
     private def has_image_logo?
-      logo.present? && @image_logo.present?
+      has_logo? && @image_logo.present?
     end
 
     private def has_signup_link?

data/app/components/ariadne/{tab-container-component.ts → tab_container_component/tab-container-component.ts}

@@ -1,7 +1,7 @@
 import '@github/tab-container-element'
 
 // keep in sync with tab_container_component.rb
-const DEFAULT_SELECTED_CLASSES: string[] = ['ariadne-border-indigo-500', 'ariadne-text-indigo-600']
+const DEFAULT_SELECTED_CLASSES: string[] = ['ariadne-border-slate-500', 'ariadne-text-slate-600']
 const DEFAULT_UNSELECTED_CLASSES: string[] = [
   'ariadne-text-gray-500',
   'hover:ariadne-text-gray-700',

data/app/components/ariadne/tab_container_component.rb

@@ -9,7 +9,7 @@ module Ariadne
 
     DEFAULT_CLASSES = ""
 
-    DEFAULT_SELECTED_CLASSES = "ariadne-border-indigo-500 ariadne-text-indigo-600"
+    DEFAULT_SELECTED_CLASSES = "ariadne-border-slate-500 ariadne-text-slate-600"
     DEFAULT_UNSELECTED_CLASSES = "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
 
     # Tabs and panels to be rendered.

data/app/components/ariadne/{tab-nav-component.ts → tab_nav_component/tab-nav-component.ts}

@@ -6,7 +6,7 @@ export default class TabNavComponent extends Controller {
   declare readonly tabTargets: [HTMLAnchorElement]
 
   // keep in synch with tab_nav_component
-  SELECTED_CLASSES = ['ariadne-border-indigo-500', 'ariadne-text-indigo-600']
+  SELECTED_CLASSES = ['ariadne-border-slate-500', 'ariadne-text-slate-600']
   UNSELECTED_CLASSES = ['ariadne-text-gray-500', 'hover:ariadne-text-gray-700', 'hover:ariadne-border-gray-300']
 
   connect() {

data/app/components/ariadne/tab_nav_component.rb

@@ -19,8 +19,8 @@ module Ariadne
     BODY_TAG_DEFAULT = :ul
 
     # keep this consistent with tab-container-component.ts
-    SELECTED_CLASSES = "ariadne-border-indigo-500 ariadne-text-indigo-600"
-    UNSELECTED_CLASSES = "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
+    SELECTED_CLASSES = "ariadne-border-slate-600 ariadne-text-slate-700"
+    UNSELECTED_CLASSES = "ariadne-text-slate-500 hover:ariadne-text-slate-700 hover:ariadne-border-slate-700"
 
     DEFAULT_CLASSES = ""
 

data/app/components/ariadne/table_nav_component.rb

@@ -287,7 +287,7 @@ module Ariadne
       }
 
       DEFAULT_PAGE_CLASSES = "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20"
-      DEFAULT_CURRENT_PAGE_CLASSES = "ariadne-relative ariadne-z-10 ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-indigo-500 ariadne-bg-indigo-50 ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-indigo-600 focus:ariadne-z-20"
+      DEFAULT_CURRENT_PAGE_CLASSES = "ariadne-relative ariadne-z-10 ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-slate-500 ariadne-bg-slate-50 ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-slate-600 focus:ariadne-z-20"
       DEFAULT_GAP_CLASSES = " ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-700"
       renders_many :items, lambda { |link:, classes: "", attributes: {}|
         page, href = link

data/app/lib/ariadne/form_builder.rb

@@ -32,37 +32,37 @@ module Ariadne
       super(object_name, content, options, &block)
     end
 
-    DEFAULT_TEXT_CLASSES = "ariadne-shadow-sm focus:ariadne-ring-indigo-500 focus:ariadne-border-indigo-500 ariadne-block ariadne-w-full sm:ariadne-text-sm ariadne-border-gray-300 ariadne-rounded-md"
+    DEFAULT_TEXT_CLASSES = "ariadne-shadow-sm focus:ariadne-ring-slate-500 focus:ariadne-border-slate-500 ariadne-block ariadne-w-full sm:ariadne-text-sm ariadne-border-gray-300 ariadne-rounded-md"
     def text_field(method, options = {})
       options[:class] = class_names(DEFAULT_TEXT_CLASSES, options.delete(:classes))
       super(method, **options)
     end
 
-    DEFAULT_CHECKBOX_CLASSES = "focus:ariadne-ring-indigo-500 ariadne-h-4 ariadne-w-4 ariadne-text-indigo-600 ariadne-border-gray-300 ariadne-rounded"
+    DEFAULT_CHECKBOX_CLASSES = "focus:ariadne-ring-slate-500 ariadne-h-4 ariadne-w-4 ariadne-text-slate-600 ariadne-border-slate-300 ariadne-rounded"
     def check_box(object_name, method, options = {}, checked_value = "1", unchecked_value = "0")
       options[:class] = class_names(DEFAULT_CHECKBOX_CLASSES, options.delete(:classes))
       super(method, options, checked_value, unchecked_value)
     end
 
-    DEFAULT_RADIO_CLASSES = "focus:ariadne-ring-indigo-500 ariadne-h-4 ariadne-w-4 ariadne-text-indigo-600 ariadne-border-gray-300 ariadne-rounded"
+    DEFAULT_RADIO_CLASSES = "focus:ariadne-ring-slate-500 ariadne-h-4 ariadne-w-4 ariadne-text-slate-600 ariadne-border-gray-300 ariadne-rounded"
     def radio_button(method, tag_value, options = {})
       options[:class] = class_names(DEFAULT_RADIO_CLASSES, options.delete(:classes))
       super(method, tag_value, **options)
     end
 
-    DEFAULT_TEXTAREA_CLASSES = "ariadne-shadow-sm focus:ariadne-ring-indigo-500 focus:ariadne-border-indigo-500 ariadne-block ariadne-w-full sm:ariadne-text-sm ariadne-border ariadne-border-gray-300 ariadne-rounded-md"
+    DEFAULT_TEXTAREA_CLASSES = "ariadne-shadow-sm focus:ariadne-ring-slate-500 focus:ariadne-border-slate-500 ariadne-block ariadne-w-full sm:ariadne-text-sm ariadne-border ariadne-border-gray-300 ariadne-rounded-md"
     def text_area(method, options = {})
       options[:class] = class_names(DEFAULT_TEXTAREA_CLASSES, options.delete(:classes))
       super(method, **options)
     end
 
-    DEFAULT_EMAIL_CLASSES = "ariadne-shadow-sm focus:ariadne-ring-indigo-500 focus:ariadne-border-indigo-500 ariadne-block ariadne-w-full sm:ariadne-text-sm ariadne-border-gray-300 ariadne-rounded-md"
+    DEFAULT_EMAIL_CLASSES = "ariadne-shadow-sm focus:ariadne-ring-slate-500 focus:ariadne-border-slate-500 ariadne-block ariadne-w-full sm:ariadne-text-sm ariadne-border-gray-300 ariadne-rounded-md"
     def email_field(method, options = {})
       options[:class] = class_names(DEFAULT_EMAIL_CLASSES, options.delete(:classes))
       super(method, **options)
     end
 
-    DEFAULT_PASSWORD_CLASSES = "ariadne-appearance-none ariadne-block ariadne-w-full ariadne-px-3 ariadne-py-2 ariadne-border ariadne-border-gray-300 ariadne-rounded-md ariadne-shadow-sm ariadne-placeholder-gray-400 focus:ariadne-outline-none focus:ariadne-ring-indigo-500 focus:ariadne-border-indigo-500 sm:ariadne-text-sm"
+    DEFAULT_PASSWORD_CLASSES = "ariadne-appearance-none ariadne-block ariadne-w-full ariadne-px-3 ariadne-py-2 ariadne-border ariadne-border-gray-300 ariadne-rounded-md ariadne-shadow-sm ariadne-placeholder-gray-400 focus:ariadne-outline-none focus:ariadne-ring-slate-500 focus:ariadne-border-slate-500 sm:ariadne-text-sm"
     def password_field(method, options = {})
       options[:class] = class_names(DEFAULT_PASSWORD_CLASSES, options.delete(:classes))
       super(method, **options)

data/lib/ariadne/view_components/version.rb

@@ -2,6 +2,6 @@
 
 module Ariadne
   module ViewComponents
-    VERSION = "0.0.24"
+    VERSION = "0.0.26"
   end
 end

data/lib/tasks/docs.rake

@@ -230,29 +230,37 @@ namespace :docs do
           end
         end
 
-        errors << { component.name => { example: "No examples found" } } unless initialize_method.tags(:example).any?
+        example_tags = initialize_method.tags(:example)
 
-        f.puts
-        f.puts("## Examples")
-
-        initialize_method.tags(:example).each do |tag|
-          name, description, code = parse_example_tag(tag)
+        if example_tags.any?
           f.puts
-          f.puts("### #{name}")
-          if description
+          f.puts("## Examples")
+
+          example_tags.each do |tag|
+            name, description, code = parse_example_tag(tag)
             f.puts
-            f.puts(view_context.render(inline: description.squish))
-          end
-          f.puts
-          html = view_context.render(inline: code)
-          html.scan(/class="([^"]*)"/) do |classnames|
-            classes_found_in_examples.concat(classnames[0].split.reject { |c| c.starts_with?("heroicon", "js") }.map { ".#{_1}" })
+            f.puts("### #{name}")
+            if description
+              f.puts
+              f.puts(view_context.render(inline: description.squish))
+            end
+            f.puts
+            html = begin
+              view_context.render(inline: code)
+            rescue StandardError => e
+              raise StandardError, "Unexpected error with #{data[:title]}: #{e.message}"
+            end
+            html.scan(/class="([^"]*)"/) do |classnames|
+              classes_found_in_examples.concat(classnames[0].split.reject { |c| c.starts_with?("heroicon", "js") }.map { ".#{_1}" })
+            end
+            f.puts("<Example src=\"#{html.tr('"', "'").delete("\n")}\" />")
+            f.puts
+            f.puts("```erb")
+            f.puts(code.to_s)
+            f.puts("```")
           end
-          f.puts("<Example src=\"#{html.tr('"', "\'").delete("\n")}\" />")
-          f.puts
-          f.puts("```erb")
-          f.puts(code.to_s)
-          f.puts("```")
+        else
+          errors << { component.name => { example: "No examples found" } } unless components_without_examples.include?(component)
         end
       end
     end

data/static/classes.yml

@@ -45,20 +45,14 @@
 - ".ariadne-mt-8"
 - ".ariadne-justify-center"
 - ".ariadne-scroll-smooth"
-- ".ariadne-bg-white"
 - ".ariadne-antialiased"
-- ".ariadne-text-purple-800"
-- ".ariadne-bg-purple-50"
-- ".hover:ariadne-bg-purple-100"
-- ".ariadne-border-purple-300"
-- ".focus:ariadne-ring-offset-purple-50"
-- ".focus:ariadne-ring-purple-600"
-- ".ariadne-text-blue-800"
-- ".ariadne-bg-blue-50"
-- ".hover:ariadne-bg-blue-100"
-- ".ariadne-border-blue-300"
+- ".ariadne-text-slate-800"
+- ".ariadne-bg-slate-50"
+- ".hover:ariadne-bg-slate-100"
+- ".ariadne-border-slate-300"
+- ".focus:ariadne-ring-offset-slate-50"
+- ".focus:ariadne-ring-slate-600"
 - ".focus:ariadne-ring-offset-blue-50"
-- ".focus:ariadne-ring-blue-600"
 - ".ariadne-text-green-800"
 - ".ariadne-bg-green-50"
 - ".hover:ariadne-bg-green-100"
@@ -97,6 +91,7 @@
 - ".ariadne-text-green-600"
 - ".ariadne-border-gray-300"
 - ".ariadne-shadow"
+- ".ariadne-py-5"
 - ".ariadne-px-5"
 - ".ariadne-text-gray-500"
 - ".hover:ariadne-text-gray-700"
@@ -105,8 +100,8 @@
 - ".ariadne-py-4"
 - ".ariadne-px-1"
 - ".ariadne-border-b-2"
-- ".ariadne-border-indigo-500"
-- ".ariadne-text-indigo-600"
+- ".ariadne-border-slate-500"
+- ".ariadne-text-slate-600"
 - ".ariadne-space-y-8"
 - ".sm:ariadne-space-y-5"
 - ".tiptap-editor"
@@ -122,8 +117,9 @@
 - ".ariadne-ring-opacity-5"
 - ".ariadne-text-gray-700"
 - ".ariadne-text-red-500"
-- ".ariadne-text-blue-700"
+- ".ariadne-text-slate-700"
 - ".ariadne-p-4"
+- ".ariadne-bg-blue-50"
 - ".ariadne-flex-shrink-0"
 - ".ariadne-ml-3"
 - ".ariadne-text-yellow-700"
@@ -133,15 +129,15 @@
 - ".ariadne--mx-1.5"
 - ".ariadne--my-1.5"
 - ".ariadne-p-1.5"
-- ".ariadne-text-blue-500"
+- ".ariadne-text-slate-500"
+- ".hover:ariadne-bg-blue-100"
+- ".focus:ariadne-ring-blue-600"
 - ".ariadne-sr-only"
 - ".ariadne-mt-4"
 - ".ariadne-pt-5"
 - ".ariadne--mx-2"
 - ".ariadne-flex-col"
-- ".ariadne-py-5"
 - ".ariadne-mt-6"
-- ".ariadne-text-slate-500"
 - ".sm:ariadne-mt-0"
 - ".ariadne-grid"
 - ".ariadne-gap-6"
@@ -164,6 +160,9 @@
 - ".ariadne-text-black"
 - ".ariadne-hidden"
 - ".ariadne-list-none"
+- ".ariadne-border-slate-600"
+- ".hover:ariadne-text-slate-700"
+- ".hover:ariadne-border-slate-700"
 - ".ariadne-divide-gray-200"
 - ".ariadne-pb-4"
 - ".ariadne-text-lg"

data/static/constants.json

@@ -96,7 +96,7 @@
     ]
   },
   "Ariadne::BodyComponent": {
-    "DEFAULT_CLASSES": "ariadne-scroll-smooth ariadne-bg-white ariadne-antialiased"
+    "DEFAULT_CLASSES": "ariadne-scroll-smooth ariadne-antialiased"
   },
   "Ariadne::ButtonComponent": {
     "DEFAULT_SCHEME": "default",
@@ -104,8 +104,8 @@
     "SCHEME_CLASS_MAPPINGS": {
       "link": "ariadne-cursor-pointer ariadne-font-semibold ariadne-underline ariadne-decoration-double",
       "none": "",
-      "default": "ariadne-text-purple-800 ariadne-bg-purple-50 hover:ariadne-bg-purple-100 ariadne-border-purple-300 focus:ariadne-ring-offset-purple-50 focus:ariadne-ring-purple-600",
-      "info": "ariadne-text-blue-800 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 ariadne-border-blue-300 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
+      "default": "ariadne-text-slate-800 ariadne-bg-slate-50 hover:ariadne-bg-slate-100 ariadne-border-slate-300 focus:ariadne-ring-offset-slate-50 focus:ariadne-ring-slate-600",
+      "info": "ariadne-text-slate-800 ariadne-bg-slate-50 hover:ariadne-bg-slate-100 ariadne-border-slate-300 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-slate-600",
       "success": "ariadne-text-green-800 ariadne-bg-green-50 hover:ariadne-bg-green-100 ariadne-border-green-300 focus:ariadne-ring-offset-green-50 focus:ariadne-ring-green-600",
       "warning": "ariadne-text-yellow-800 ariadne-bg-yellow-50 hover:ariadne-bg-yellow-100 ariadne-border-yellow-300 focus:ariadne-ring-offset-yellow-50 focus:ariadne-ring-yellow-600",
       "danger": "ariadne-text-red-800 ariadne-bg-red-50 hover:ariadne-bg-red-100 ariadne-border-red-300 focus:ariadne-ring-offset-red-50 focus:ariadne-ring-red-600"
@@ -136,7 +136,7 @@
     "DEFAULT_TAG": "clipboard-copy"
   },
   "Ariadne::CommentComponent": {
-    "DEFAULT_CLASSES": "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-px-5 ariadne-rounded-md ",
+    "DEFAULT_CLASSES": "ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md ",
     "DEFAULT_TAG": "div",
     "TAG_OPTIONS": [
       "div"
@@ -151,7 +151,7 @@
     "DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-p-1 ariadne-border ariadne-border-transparent ariadne-rounded-full ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2"
   },
   "Ariadne::DetailsComponent": {
-    "DEFAULT_BODY_CLASSES": "ariadne-absolute ariadne-mt-2 ariadne-w-56 ariadne-divide-y ariadne-divide-gray-100 ariadne-rounded-md ariadne-bg-white ariadne-shadow-lg ariadne-ring-1 ariadne-ring-black ariadne-ring-opacity-5 focus:ariadne-outline-none",
+    "DEFAULT_BODY_CLASSES": "ariadne-absolute ariadne-mt-2 ariadne-w-56 ariadne-divide-y ariadne-divide-gray-100 ariadne-rounded-md ariadne-shadow-lg ariadne-ring-1 ariadne-ring-black ariadne-ring-opacity-5 focus:ariadne-outline-none",
     "DEFAULT_BODY_TAG": "div",
     "DEFAULT_CLASSES": "",
     "DEFAULT_TAG": "details",
@@ -219,16 +219,16 @@
       "danger": "ariadne-bg-red-50"
     },
     "CONTENT_SCHEME_CLASS_MAPPINGS": {
-      "default": "ariadne-text-blue-700",
-      "info": "ariadne-text-blue-700",
+      "default": "ariadne-text-slate-700",
+      "info": "ariadne-text-slate-700",
       "success": "ariadne-text-green-700",
       "warning": "ariadne-text-yellow-700",
       "danger": "ariadne-text-red-700"
     },
     "DEFAULT_SCHEME": "default",
     "DISMISSIBLE_SCHEME_CLASS_MAPPINGS": {
-      "default": "ariadne-text-blue-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
-      "info": "ariadne-text-blue-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
+      "default": "ariadne-text-slate-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
+      "info": "ariadne-text-slate-500 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
       "success": "ariadne-text-green-500 ariadne-bg-green-50 hover:ariadne-bg-green-100 focus:ariadne-ring-offset-green-50 focus:ariadne-ring-green-600",
       "warning": "ariadne-text-yellow-500 ariadne-bg-yellow-50 hover:ariadne-bg-yellow-100 focus:ariadne-ring-offset-yellow-50 focus:ariadne-ring-yellow-600",
       "danger": "ariadne-text-red-500 ariadne-bg-red-50 hover:ariadne-bg-red-100 focus:ariadne-ring-offset-red-50 focus:ariadne-ring-red-600"
@@ -283,7 +283,7 @@
     "DEFAULT_ITEM_CLASSES": "ariadne-flex ariadne-flex-col ariadne-text-center ariadne-rounded-lg ariadne-shadow text-black-700 ariadne-border-black"
   },
   "Ariadne::HeaderComponent": {
-    "DEFAULT_CLASSES": "ariadne-sticky ariadne-top-0 ariadne-z-50 ariadne-px-4 ariadne-pt-4 ariadne-h-16 ariadne-bg-white ariadne-shadow-sm shadow-slate-900/5 ariadne-transition ariadne-duration-500",
+    "DEFAULT_CLASSES": "ariadne-sticky ariadne-top-0 ariadne-z-50 ariadne-px-4 ariadne-pt-4 ariadne-h-16 ariadne-shadow-sm shadow-slate-900/5 ariadne-transition ariadne-duration-500",
     "DEFAULT_IMAGE_LOGO_CLASSES": "ariadne-h-10 ariadne-w-auto",
     "DEFAULT_NAV_LINK_CLASSES": "ariadne-inline-block ariadne-rounded-lg ariadne-py-1 ariadne-px-2 ariadne-text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900",
     "DEFAULT_PROFILE_LINK_CLASSES": "group ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-py-2 ariadne-px-4 ariadne-text-sm ariadne-font-semibold focus:ariadne-outline-none focus-visible:ariadne-outline-2 focus-visible:outline-offset-2",
@@ -464,7 +464,7 @@
     "DEFAULT_TAG": "div"
   },
   "Ariadne::SlideoverComponent": {
-    "DEFAULT_BUTTON_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-shadow-sm ariadne-px-4 ariadne-py-1.5 ariadne-pb-2 ariadne-text-sm ariadne-leading-5 ariadne-font-medium ariadne-rounded-full ariadne-text-purple-800 ariadne-bg-purple-50 hover:ariadne-bg-purple-100 ariadne-border-purple-300 focus:ariadne-ring-offset-purple-50 focus:ariadne-ring-purple-600",
+    "DEFAULT_BUTTON_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-shadow-sm ariadne-px-4 ariadne-py-1.5 ariadne-pb-2 ariadne-text-sm ariadne-leading-5 ariadne-font-medium ariadne-rounded-full ariadne-text-slate-800 ariadne-bg-slate-50 hover:ariadne-bg-slate-100 ariadne-border-slate-300 focus:ariadne-ring-offset-slate-50 focus:ariadne-ring-slate-600",
     "DEFAULT_CLASSES": "ariadne-flex ariadne-flex-col",
     "DEFAULT_TAG": "div",
     "DIRECTION_X_LEFT": "xl",
@@ -487,7 +487,7 @@
   },
   "Ariadne::TabContainerComponent": {
     "DEFAULT_CLASSES": "",
-    "DEFAULT_SELECTED_CLASSES": "ariadne-border-indigo-500 ariadne-text-indigo-600",
+    "DEFAULT_SELECTED_CLASSES": "ariadne-border-slate-500 ariadne-text-slate-600",
     "DEFAULT_TAG": "tab-container",
     "DEFAULT_UNSELECTED_CLASSES": "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
   },
@@ -495,12 +495,12 @@
     "BODY_TAG_DEFAULT": "ul",
     "DEFAULT_CLASSES": "",
     "DEFAULT_TAG": "nav",
-    "SELECTED_CLASSES": "ariadne-border-indigo-500 ariadne-text-indigo-600",
+    "SELECTED_CLASSES": "ariadne-border-slate-600 ariadne-text-slate-700",
     "TAG_OPTIONS": [
       "nav",
       "div"
     ],
-    "UNSELECTED_CLASSES": "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
+    "UNSELECTED_CLASSES": "ariadne-text-slate-500 hover:ariadne-text-slate-700 hover:ariadne-border-slate-700"
   },
   "Ariadne::TableNavComponent": {
     "BaseCellItem": "Ariadne::TableNavComponent::BaseCellItem",
@@ -549,7 +549,7 @@
     "DEFAULT_RESULT_CLASSES": "ariadne-text-sm ariadne-text-gray-700"
   },
   "Ariadne::TableNavComponent::PaginationBarItem": {
-    "DEFAULT_CURRENT_PAGE_CLASSES": "ariadne-relative ariadne-z-10 ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-indigo-500 ariadne-bg-indigo-50 ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-indigo-600 focus:ariadne-z-20",
+    "DEFAULT_CURRENT_PAGE_CLASSES": "ariadne-relative ariadne-z-10 ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-slate-500 ariadne-bg-slate-50 ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-slate-600 focus:ariadne-z-20",
     "DEFAULT_GAP_CLASSES": " ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-700",
     "DEFAULT_NEXT_PAGE_CLASSES": "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-rounded-r-md ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-2 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20",
     "DEFAULT_PAGE_CLASSES": "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20",

data/tailwind.config.js

@@ -52,9 +52,9 @@ module.exports = {
       colors: {
         'billy-purple': '#a700a0',
 
-        'button-text-color': colors.indigo['700'],
-        'button-bg-color': colors.indigo['100'],
-        'button-hover-color': colors.indigo['200'],
+        'button-text-color': colors.slate['700'],
+        'button-bg-color': colors.slate['100'],
+        'button-hover-color': colors.slate['200'],
 
         'list-hover-color': colors.blue['50'],
         'filter-panel-color': colors.amber['100'],