ariadne_view_components 0.0.23-x86_64-linux → 0.0.25-x86_64-linux

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

@@ -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.html.erb

@@ -5,7 +5,7 @@
         <% if has_logo? %>
           <%= render Ariadne::LinkComponent.new(href: @href, classes: "ariadne-text-billy-purple") do %>
             <% if has_image_logo? %>
-              <span class="ariadne-sr-only"><%= content %></span>
+              <span class="ariadne-sr-only"><%= @text %></span>
             <% end %>
             <%= logo %>
           <% end %>

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"
@@ -16,18 +15,19 @@ module Ariadne
     # @param href [String] Where the logo should link to.
     # @param src [String] The URL of the image logo.
     # @param alt [String] Alt text for accessibility.
-    # @param as_text [Boolean] The text to display
+    # @param text [Boolean] The text to display
     # @param classes [String] <%= link_to_classes_docs %>
     # @param attributes [Hash] <%= link_to_attributes_docs %>
-    renders_one :logo, lambda { |href: nil, src: nil, alt: nil, as_text: false, classes: "", attributes: {}|
+    renders_one :logo, lambda { |href: nil, src: nil, alt: nil, text: "", classes: "", attributes: {}|
       @href = href
-      if as_text.present?
+      if src.blank?
         actual_classes = class_names(DEFAULT_TEXT_LOGO_CLASSES, classes)
-        @text_logo = Ariadne::Text.new(tag: :span, classes: actual_classes, attributes: attributes)
+        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)
-        @image_logo = Ariadne::ImageComponent.new(src: src, alt: alt, classes: actual_classes, attributes: actual_attributes)
+        @text = text
+        Ariadne::ImageComponent.new(src: src, alt: alt, classes: actual_classes, attributes: actual_attributes)
       end
     }
 

data/app/components/ariadne/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-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_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.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.23"
+    VERSION = "0.0.25"
   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-purple-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-purple-100"
+- ".focus:ariadne-ring-purple-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'],

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.23
+  version: 0.0.25
 platform: x86_64-linux
 authors:
 - Garen J. Torikian