ariadne_view_components 0.0.20-x86_64-darwin → 0.0.22-x86_64-darwin

data/app/components/ariadne/avatar_stack_component.html.erb

@@ -1,5 +1,5 @@
 <%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do %>
-  <%if tooltipped? %>
+  <% if tooltipped? %>
     <%= tooltip.to_s %>
     <% avatars.each_with_index do |avatar, i| %>
       <%= avatar %>

data/app/components/ariadne/comment_component.html.erb

@@ -9,7 +9,7 @@
             <%= render(Ariadne::RichTextAreaComponent.new(name: :public_bodytext, sr_label: "Select reply type", attributes: { required: true})) %>
             <% comment_box.submit { @submit } %>
           </div>
-          <div class="ariadne-mt-2 ariadne-flex ariadne-justify-end">
+          <div class="ariadne-py-2 ariadne-flex ariadne-justify-end">
             <%= public_submit %>
           </div>
         <% end %>
@@ -24,7 +24,7 @@
             <%= render(Ariadne::RichTextAreaComponent.new(name: :internal_bodytext, sr_label: "Select reply type", attributes: { required: true})) %>
             <% comment_box.submit { @submit } %>
           </div>
-          <div class="ariadne-mt-2 ariadne-flex ariadne-justify-end">
+          <div class="ariadne-py-2 ariadne-flex ariadne-justify-end">
             <%= internal_submit %>
           </div>
         <% end %>

data/app/components/ariadne/comment_component.rb

@@ -12,7 +12,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-py-5 ariadne-px-5 ariadne-rounded-md "
+    DEFAULT_CLASSES = "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow 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-right-0 ariadne-z-10 ariadne-mt-2 ariadne-w-56 ariadne-origin-top-right 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-bg-white 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/grid_component.rb

@@ -40,7 +40,7 @@ module Ariadne
       }
 
       DEFAULT_ACTION_LINK_CLASSES = "ariadne-relative ariadne--mr-px ariadne-w-0 ariadne-flex-1 ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-py-4 ariadne-text-sm ariadne-font-medium ariadne-border ariadne-border-transparent"
-      DEFAULT_ACTION_LINK_COLORS = "hover:ariadne-text-gray-500"
+      DEFAULT_ACTION_LINK_COLORS = "ariadne-h-full hover:ariadne-text-gray-500"
       renders_many :actions, lambda { |href:, icon:, label:, size: Ariadne::HeroiconComponent::SIZE_DEFAULT, variant: HeroiconsHelper::Icon::VARIANT_SOLID, classes: "", attributes: {}, text_classes: ""|
         actual_classes = class_names(DEFAULT_ACTION_LINK_CLASSES, DEFAULT_ACTION_LINK_COLORS, classes)
         render(Ariadne::LinkComponent.new(href: href, classes: actual_classes, attributes: attributes)) do

data/app/components/ariadne/heroicon_component.rb

@@ -11,13 +11,13 @@ module Ariadne
     include IconHelper
     include HeroiconsHelper
 
-    SIZE_MICRO = :mu
+    SIZE_XSMALL = :xs
     SIZE_SMALL = :sm
     SIZE_DEFAULT = :md
     SIZE_LARGE = :lg
 
     SIZE_MAPPINGS = {
-      SIZE_MICRO => 16,
+      SIZE_XSMALL => 16,
       SIZE_SMALL => 20,
       SIZE_DEFAULT => 24,
       SIZE_LARGE => 128,

data/app/components/ariadne/pill_component.rb

@@ -6,7 +6,7 @@ module Ariadne
     DEFAULT_TAG = :span
     TAG_OPTIONS = [DEFAULT_TAG].freeze
 
-    DEFAULT_CLASSES = "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-0.5 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap"
+    DEFAULT_CLASSES = "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-1 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap"
 
     # @example Default
     #

data/app/components/ariadne/rich-text-area-component.ts

@@ -24,7 +24,7 @@ export default class RichTextArea extends Controller {
         element: editorElement,
         editorProps: {
           attributes: {
-            class: 'ariadne-p-3'
+            class: 'ariadne-h-28 ariadne-max-h-48 ariadne-p-2 ariadne-rounded-lg ariadne-overflow-y-auto focus:ariadne-outline-none'
           }
         },
         parseOptions: {
@@ -38,6 +38,7 @@ export default class RichTextArea extends Controller {
 
         parentForm?.addEventListener('submit', () => {
           tiptapValueContainer.setAttribute('value', pmEditor.getText() || '')
+          pmEditor.commands.clearContent() // TODO: test this
         })
       }
     }

data/app/components/ariadne/rich_text_area_component.rb

@@ -6,7 +6,7 @@ module Ariadne
   # @accessibility Add any accessibility considerations
   class RichTextAreaComponent < Ariadne::Component
     DEFAULT_TAG = :div
-    DEFAULT_CLASSES = "ariadne-block"
+    DEFAULT_CLASSES = ""
 
     # @example Default
     #

data/app/components/ariadne/tab_container_component.erb

@@ -1,5 +1,5 @@
 <%= render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) do  |component| %>
-  <div role="tablist" class="ariadne-bg-neutral-50">
+  <div role="tablist">
     <% tabs.each do |tab| %>
       <%= tab %>
     <% end %>

data/app/components/ariadne/tab_container_component.rb

@@ -9,7 +9,7 @@ module Ariadne
 
     DEFAULT_CLASSES = ""
 
-    DEFAULT_SELECTED_CLASSES = "ariadne-bg-white ariadne-border-indigo-500 ariadne-text-indigo-600"
+    DEFAULT_SELECTED_CLASSES = "ariadne-border-indigo-500 ariadne-text-indigo-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/lib/ariadne/view_components/version.rb

@@ -2,6 +2,6 @@
 
 module Ariadne
   module ViewComponents
-    VERSION = "0.0.20"
+    VERSION = "0.0.22"
   end
 end

data/static/arguments.yml

@@ -386,7 +386,7 @@
   - name: size
     type: Symbol
     default: "`:md`"
-    description: One of `:mu` (`16`), `:sm` (`20`), `:md` (`24`), or `:lg` (`128`).
+    description: One of `:xs` (`16`), `:sm` (`20`), `:md` (`24`), or `:lg` (`128`).
   - name: attributes
     type: Hash
     default: "`{}`"

data/static/classes.yml

@@ -97,9 +97,7 @@
 - ".ariadne-text-green-600"
 - ".ariadne-border-gray-300"
 - ".ariadne-shadow"
-- ".ariadne-py-5"
 - ".ariadne-px-5"
-- ".ariadne-bg-neutral-50"
 - ".ariadne-text-gray-500"
 - ".hover:ariadne-text-gray-700"
 - ".hover:ariadne-border-gray-300"
@@ -112,13 +110,10 @@
 - ".ariadne-space-y-8"
 - ".sm:ariadne-space-y-5"
 - ".tiptap-editor"
-- ".ariadne-mt-2"
 - ".ariadne-justify-end"
 - ".ariadne__details-reset"
-- ".ariadne-right-0"
-- ".ariadne-z-10"
+- ".ariadne-mt-2"
 - ".ariadne-w-56"
-- ".ariadne-origin-top-right"
 - ".ariadne-divide-y"
 - ".ariadne-divide-gray-100"
 - ".ariadne-shadow-lg"
@@ -144,6 +139,7 @@
 - ".ariadne-pt-5"
 - ".ariadne--mx-2"
 - ".ariadne-flex-col"
+- ".ariadne-py-5"
 - ".ariadne-mt-6"
 - ".ariadne-text-slate-500"
 - ".sm:ariadne-mt-0"
@@ -165,7 +161,6 @@
 - ".hover:ariadne-bg-button-hover-color"
 - ".md:ariadne-flex"
 - ".md:ariadne-divide-y-0"
-- ".ariadne-py-0.5"
 - ".ariadne-text-black"
 - ".ariadne-hidden"
 - ".ariadne-list-none"

data/static/constants.json

@@ -136,7 +136,7 @@
     "DEFAULT_TAG": "clipboard-copy"
   },
   "Ariadne::CommentComponent": {
-    "DEFAULT_CLASSES": "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md ",
+    "DEFAULT_CLASSES": "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow 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-right-0 ariadne-z-10 ariadne-mt-2 ariadne-w-56 ariadne-origin-top-right 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-bg-white 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",
@@ -278,7 +278,7 @@
   },
   "Ariadne::GridComponent::GridItem": {
     "DEFAULT_ACTION_LINK_CLASSES": "ariadne-relative ariadne--mr-px ariadne-w-0 ariadne-flex-1 ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-py-4 ariadne-text-sm ariadne-font-medium ariadne-border ariadne-border-transparent",
-    "DEFAULT_ACTION_LINK_COLORS": "hover:ariadne-text-gray-500",
+    "DEFAULT_ACTION_LINK_COLORS": "ariadne-h-full hover:ariadne-text-gray-500",
     "DEFAULT_ENTRY_CLASSES": "ariadne-group ariadne-flex-1 ariadne-flex ariadne-flex-col ariadne-p-8 hover:ariadne-text-gray-500",
     "DEFAULT_ITEM_CLASSES": "ariadne-flex ariadne-flex-col ariadne-text-center ariadne-rounded-lg ariadne-shadow text-black-700 ariadne-border-black"
   },
@@ -385,19 +385,19 @@
     "SIZE_DEFAULT": "md",
     "SIZE_LARGE": "lg",
     "SIZE_MAPPINGS": {
-      "mu": 16,
+      "xs": 16,
       "sm": 20,
       "md": 24,
       "lg": 128
     },
-    "SIZE_MICRO": "mu",
     "SIZE_OPTIONS": [
-      "mu",
+      "xs",
       "sm",
       "md",
       "lg"
     ],
-    "SIZE_SMALL": "sm"
+    "SIZE_SMALL": "sm",
+    "SIZE_XSMALL": "xs"
   },
   "Ariadne::ImageComponent": {
     "DEFAULT_TAG": "img"
@@ -453,14 +453,14 @@
     "DEFAULT_WRAPPER_CLASSES": "group ariadne-flex ariadne-items-center ariadne-w-full"
   },
   "Ariadne::PillComponent": {
-    "DEFAULT_CLASSES": "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-0.5 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap",
+    "DEFAULT_CLASSES": "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-1 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap",
     "DEFAULT_TAG": "span",
     "TAG_OPTIONS": [
       "span"
     ]
   },
   "Ariadne::RichTextAreaComponent": {
-    "DEFAULT_CLASSES": "ariadne-block",
+    "DEFAULT_CLASSES": "",
     "DEFAULT_TAG": "div"
   },
   "Ariadne::SlideoverComponent": {
@@ -487,7 +487,7 @@
   },
   "Ariadne::TabContainerComponent": {
     "DEFAULT_CLASSES": "",
-    "DEFAULT_SELECTED_CLASSES": "ariadne-bg-white ariadne-border-indigo-500 ariadne-text-indigo-600",
+    "DEFAULT_SELECTED_CLASSES": "ariadne-border-indigo-500 ariadne-text-indigo-600",
     "DEFAULT_TAG": "tab-container",
     "DEFAULT_UNSELECTED_CLASSES": "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
   },

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.20
+  version: 0.0.22
 platform: x86_64-darwin
 authors:
 - Garen J. Torikian
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2022-10-12 00:00:00.000000000 Z
+date: 2022-10-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge