ariadne_view_components 0.0.69 → 0.0.71

data/app/components/ariadne/ui/combobox/menu_item/component.rb

@@ -1,53 +0,0 @@
-# typed: false
-# frozen_string_literal: true
-
-module Ariadne
-  module UI
-    module Combobox
-      module MenuItem
-        class Component < BaseComponent
-          option :label
-          option :as, default: proc { :link } # :button
-
-          accepts_html_attributes do |html_attrs|
-            html_attrs[:class] = style(as:)
-            html_attrs["data-input-filter-target"] = "searchString"
-            if as == :link && !html_attrs[:target]
-              html_attrs[:target] = "_top"
-            end
-          end
-
-          style do
-            base do
-              [
-                "flex",
-                "gap-0.5",
-                "items-center",
-                "ps-2",
-                "pe-1",
-                "text-ui-base",
-                "rounded",
-                "!ring-0",
-                "hover:bg-zinc-100",
-                "hover:dark:bg-zinc-800",
-                "focus-within:bg-zinc-100",
-                "focus-within:dark:bg-zinc-800",
-              ]
-            end
-            variants do
-              as do
-                button do
-                  "appearance-none inline-flex w-full"
-                end
-              end
-            end
-          end
-
-          def link?
-            as == :link
-          end
-        end
-      end
-    end
-  end
-end

data/app/frontend/controllers/tooltip.ts

@@ -1,75 +0,0 @@
-import {controllerFactory} from '@utils/createController'
-import {computePosition, arrow, offset, flip, shift} from '@floating-ui/dom'
-
-import '~/stylesheets/tippy.js/themes/tomato.css'
-
-export default class TooltipController extends controllerFactory<HTMLElement>()({
-  targets: {
-    activator: HTMLElement,
-    wrapper: HTMLDivElement,
-    tooltip: HTMLDivElement,
-    arrow: HTMLDivElement,
-  },
-}) {
-  async update() {
-    computePosition(this.activatorTarget, this.tooltipTarget, {
-      placement: 'top',
-      middleware: [offset(10), flip(), shift({padding: 5}), arrow({element: this.arrowTarget})],
-      // eslint-disable-next-line github/no-then
-    }).then(({x, y, placement, middlewareData}) => {
-      Object.assign(this.tooltipTarget.style, {
-        left: `${x}px`,
-        top: `${y}px`,
-      })
-
-      // Reset any previously set styles on the arrow
-      Object.assign(this.arrowTarget.style, {
-        left: '',
-        top: '',
-        right: '',
-        bottom: '',
-      })
-
-      const {x: arrowX, y: arrowY} = middlewareData.arrow || {}
-      const primaryPlacement = placement.split('-')[0]
-
-      switch (primaryPlacement) {
-        case 'top':
-          Object.assign(this.arrowTarget.style, {
-            left: arrowX ? `${arrowX}px` : '',
-            bottom: '-4px', // Aligns arrow to the bottom edge of the tooltip
-          })
-          break
-        case 'bottom':
-          Object.assign(this.arrowTarget.style, {
-            left: arrowX ? `${arrowX}px` : '',
-            top: '-4px', // Aligns arrow to the top edge of the tooltip
-          })
-          break
-        case 'left':
-          Object.assign(this.arrowTarget.style, {
-            top: arrowY ? `${arrowY}px` : '',
-            right: '-4px', // Aligns arrow to the right edge of the tooltip
-          })
-          break
-        case 'right':
-          Object.assign(this.arrowTarget.style, {
-            top: arrowY ? `${arrowY}px` : '',
-            left: '-4px', // Aligns arrow to the left edge of the tooltip
-          })
-          break
-      }
-    })
-  }
-
-  showTooltip(_event: Event) {
-    this.wrapperTarget.classList.add('block')
-    this.wrapperTarget.classList.remove('hidden')
-    this.update()
-  }
-
-  hideTooltip(_event: Event) {
-    this.wrapperTarget.classList.add('hidden')
-    this.wrapperTarget.classList.remove('block')
-  }
-}

data/app/frontend/stylesheets/typography.css

@@ -1,117 +0,0 @@
-.typography p,
-.typography ol,
-.typography ul {
-  max-width: 600px;
-}
-
-.typography a {
-  @apply ariadne-font-medium ariadne-underline;
-}
-
-.typography strong {
-  @apply ariadne-font-bold;
-}
-
-.typography ol {
-  @apply ariadne-pl-6 ariadne-relative ariadne-list-none;
-
-  counter-reset: list-number;
-}
-
-.typography ol > li::before {
-  @apply ariadne-absolute ariadne-left-0 ariadne-overflow-hidden ariadne-w-5 ariadne-text-right;
-
-  counter-increment: list-number;
-  content: counter(list-number) '.';
-}
-
-.typography ul {
-  @apply ariadne-pl-6 ariadne-relative ariadne-list-none;
-}
-
-.typography ul > li::before {
-  @apply ariadne-absolute ariadne-left-0 ariadne-overflow-hidden ariadne-w-5 ariadne-text-center;
-
-  content: '\25AA';
-}
-
-.typography dt {
-  @apply ariadne-font-semibold;
-}
-
-.typography hr {
-  @apply ariadne-border-t;
-}
-
-.typography blockquote {
-  @apply ariadne-font-medium ariadne-italic ariadne-border-l-4 ariadne-pl-2;
-}
-
-.typography blockquote p:first-of-type::before {
-  content: open-quote;
-}
-
-.typography blockquote p:last-of-type::after {
-  content: close-quote;
-}
-
-.typography kbd {
-  @apply ariadne-font-medium ariadne-text-inherit;
-
-  font-family: inherit;
-}
-
-.typography code {
-  @apply ariadne-font-mono ariadne-font-semibold;
-}
-
-.typography pre {
-  @apply ariadne-px-3 ariadne-py-2 ariadne-rounded-lg ariadne-bg-zinc-300 dark:ariadne-bg-zinc-700 ariadne-bg-opacity-10 dark:ariadne-bg-opacity-10 ariadne-font-mono ariadne-overflow-x-auto;
-}
-
-.typography pre code {
-  @apply ariadne-text-inherit;
-
-  font: inherit;
-}
-
-.typography :not(pre) > code {
-  @apply ariadne-p-1 ariadne-bg-zinc-300 dark:ariadne-bg-zinc-700 ariadne-bg-opacity-10 dark:ariadne-bg-opacity-10 ariadne-rounded-lg;
-}
-
-.typography pre code::before,
-.typography pre code::after {
-  @apply ariadne-content-none;
-}
-
-.typography table {
-  @apply ariadne-w-full ariadne-table-auto ariadne-text-left;
-}
-
-.typography thead {
-  @apply ariadne-border-b ariadne-border-b-slate-50/10;
-}
-
-.typography thead th {
-  @apply ariadne-font-semibold ariadne-align-bottom ariadne-py-1;
-}
-
-.typography tbody tr {
-  @apply ariadne-border-b ariadne-border-b-slate-50/10;
-}
-
-.typography tbody tr:last-child {
-  @apply ariadne-border-b-0;
-}
-
-.typography tbody td {
-  @apply ariadne-align-baseline ariadne-py-1;
-}
-
-.typography tfoot {
-  @apply ariadne-border-t;
-}
-
-.typography tfoot td {
-  @apply ariadne-align-top;
-}