ariadne_view_components 0.0.17 → 0.0.19

data/static/constants.json

@@ -37,8 +37,8 @@
     ]
   },
   "Ariadne::BaseButton": {
-    "DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-border ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2",
-    "DEFAULT_NUDE_CLASSES": "ariadne-inline-flex focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2",
+    "DEFAULT_CLASSES": "ariadne-items-center ariadne-border ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2",
+    "DEFAULT_NUDE_CLASSES": "focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2",
     "DEFAULT_SIZE": "md",
     "DEFAULT_TAG": "button",
     "DEFAULT_TYPE": "button",
@@ -102,7 +102,7 @@
     "DEFAULT_SCHEME": "default",
     "LINK_SCHEME": "link",
     "SCHEME_CLASS_MAPPINGS": {
-      "link": "ariadne-underline ariadne-decoration-double",
+      "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",
@@ -132,7 +132,7 @@
       "data-action": "click->clipboard-copy-component#copy mouseover->tooltip-component#show mouseout->tooltip-component#hide",
       "data-tooltip-component-target": "trigger"
     },
-    "DEFAULT_CLASSES": "ariadne-underline ariadne-decoration-double",
+    "DEFAULT_CLASSES": "ariadne-cursor-pointer ariadne-font-semibold ariadne-underline ariadne-decoration-double",
     "DEFAULT_TAG": "clipboard-copy"
   },
   "Ariadne::CommentComponent": {
@@ -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-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-bg-white 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",
@@ -404,9 +404,9 @@
   },
   "Ariadne::InlineFlexComponent": {
     "DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-baseline",
-    "DEFAULT_LABEL_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-900",
+    "DEFAULT_LABEL_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium",
     "DEFAULT_TAG": "span",
-    "DEFAULT_TEXT_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-900",
+    "DEFAULT_TEXT_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium",
     "DEFAULT_TEXT_CLOSED_CLASSES": "ariadne-text-state-closed",
     "DEFAULT_TEXT_OPEN_CLASSES": "ariadne-text-state-open",
     "STATE_CLOSED_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"ariadne-stroke-state-closed ariadne-fill-state-closed \" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
@@ -417,7 +417,7 @@
     ]
   },
   "Ariadne::LinkComponent": {
-    "DEFAULT_ACTIONABLE_CLASSES": "ariadne-underline ariadne-decoration-double",
+    "DEFAULT_ACTIONABLE_CLASSES": "ariadne-cursor-pointer ariadne-font-semibold ariadne-underline ariadne-decoration-double",
     "DEFAULT_CLASSES": "ariadne-cursor-pointer hover:ariadne-text-button-text-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
     "DEFAULT_TAG": "a",
     "TAG_OPTIONS": [
@@ -465,7 +465,7 @@
   },
   "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_CLASSES": "",
+    "DEFAULT_CLASSES": "ariadne-flex ariadne-flex-col",
     "DEFAULT_TAG": "div",
     "DIRECTION_X_LEFT": "xl",
     "DIRECTION_Y_DOWN": "yd",
@@ -487,7 +487,7 @@
   },
   "Ariadne::TabContainerComponent": {
     "DEFAULT_CLASSES": "",
-    "DEFAULT_SELECTED_CLASSES": "ariadne-border-indigo-500 ariadne-text-indigo-600",
+    "DEFAULT_SELECTED_CLASSES": "ariadne-bg-white 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.17
+  version: 0.0.19
 platform: ruby
 authors:
 - Garen J. Torikian
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-10-05 00:00:00.000000000 Z
+date: 2022-10-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -153,9 +153,6 @@ files:
 - app/components/ariadne/clipboard_copy_component.html.erb
 - app/components/ariadne/clipboard_copy_component.js
 - app/components/ariadne/clipboard_copy_component.rb
-- app/components/ariadne/comment-component.d.ts
-- app/components/ariadne/comment-component.js
-- app/components/ariadne/comment-component.ts
 - app/components/ariadne/comment_component.html.erb
 - app/components/ariadne/comment_component.rb
 - app/components/ariadne/component.rb

data/app/components/ariadne/comment-component.js

@@ -1,33 +0,0 @@
-"use strict";
-// import {Controller} from '@hotwired/stimulus'
-// export default class CommentComponent extends Controller {
-//   static targets = ['tab', 'tabBarComponent']
-//   declare readonly commentComponentTarget: HTMLDivElement
-//   declare readonly tabBarComponentTarget: HTMLElement // technically a `nav but typescript can't find it?
-//   declare readonly tabTargets: [HTMLButtonElement]
-//   // keep in sync with comment_component.rb
-//   SELECTED_TAB_CLASSES = ['ariadne-border-indigo-500', 'ariadne-text-indigo-600']
-//   PUBLIC_BACKGROUND_COLOR = 'ariadne-bg-white'
-//   INTERNAL_BACKGROUND_COLOR = 'ariadne-bg-internal-message'
-//   toggleTab() {
-//     for (const tab of this.tabTargets) {
-//       if (tab.hasAttribute('aria-selected')) {
-//         tab.classList.remove(...this.SELECTED_TAB_CLASSES)
-//         this.toggleBackgrounds(tab, false)
-//         tab.removeAttribute('aria-selected')
-//       } else {
-//         tab.setAttribute('aria-selected', 'true')
-//         tab.classList.add(...this.SELECTED_TAB_CLASSES)
-//         this.toggleBackgrounds(tab, true)
-//       }
-//     }
-//   }
-//   toggleBackgrounds(tab: HTMLButtonElement, publicComment: boolean) {
-//     if (publicComment) {
-//       this.tabBarComponentTarget.classList.add(this.PUBLIC_BACKGROUND_COLOR)
-//       this.tabBarComponentTarget.classList.remove(this.INTERNAL_BACKGROUND_COLOR)
-//       this.tabBarComponentTarget.classList.remove(this.PUBLIC_BACKGROUND_COLOR)
-//       this.tabBarComponentTarget.classList.add(this.INTERNAL_BACKGROUND_COLOR)
-//     }
-//   }
-// }

data/app/components/ariadne/comment-component.ts

@@ -1,37 +0,0 @@
-// import {Controller} from '@hotwired/stimulus'
-
-// export default class CommentComponent extends Controller {
-//   static targets = ['tab', 'tabBarComponent']
-
-//   declare readonly commentComponentTarget: HTMLDivElement
-//   declare readonly tabBarComponentTarget: HTMLElement // technically a `nav but typescript can't find it?
-//   declare readonly tabTargets: [HTMLButtonElement]
-
-//   // keep in sync with comment_component.rb
-//   SELECTED_TAB_CLASSES = ['ariadne-border-indigo-500', 'ariadne-text-indigo-600']
-//   PUBLIC_BACKGROUND_COLOR = 'ariadne-bg-white'
-//   INTERNAL_BACKGROUND_COLOR = 'ariadne-bg-internal-message'
-
-//   toggleTab() {
-//     for (const tab of this.tabTargets) {
-//       if (tab.hasAttribute('aria-selected')) {
-//         tab.classList.remove(...this.SELECTED_TAB_CLASSES)
-//         this.toggleBackgrounds(tab, false)
-//         tab.removeAttribute('aria-selected')
-//       } else {
-//         tab.setAttribute('aria-selected', 'true')
-//         tab.classList.add(...this.SELECTED_TAB_CLASSES)
-//         this.toggleBackgrounds(tab, true)
-//       }
-//     }
-//   }
-//   toggleBackgrounds(tab: HTMLButtonElement, publicComment: boolean) {
-//     if (publicComment) {
-//       this.tabBarComponentTarget.classList.add(this.PUBLIC_BACKGROUND_COLOR)
-//       this.tabBarComponentTarget.classList.remove(this.INTERNAL_BACKGROUND_COLOR)
-
-//       this.tabBarComponentTarget.classList.remove(this.PUBLIC_BACKGROUND_COLOR)
-//       this.tabBarComponentTarget.classList.add(this.INTERNAL_BACKGROUND_COLOR)
-//     }
-//   }
-// }