relay_ui 0.1.0 → 0.2.3

data/app/components/buttons/link.rb

@@ -1,9 +0,0 @@
-class RelayUi::Buttons::Link < RelayUi::Base
-  def view_template
-    div do
-      button(class: "hover:cursor-pointer hover:underline") do
-        span { yield }
-      end
-    end
-  end
-end

data/app/components/buttons/outline.rb

@@ -1,5 +0,0 @@
-class RelayUi::Buttons::Outline < RelayUi::Buttons::Base
-  private
-
-  def variant_classes = "border rounded border-zinc-700 hover:border-zinc-900 text-zinc-700 hover:text-zinc-900 hover:bg-zinc-100"
-end

data/app/components/buttons/primary.rb

@@ -1,5 +0,0 @@
-class RelayUi::Buttons::Primary < RelayUi::Buttons::Base
-  private
-
-  def variant_classes = "bg-blue-700 hover:bg-blue-900 text-white"
-end

data/app/components/buttons/secondary.rb

@@ -1,5 +0,0 @@
-class RelayUi::Buttons::Secondary < RelayUi::Buttons::Base
-  private
-
-  def variant_classes = "bg-zinc-700 hover:bg-zinc-900 text-white"
-end

data/app/components/code_block.rb

@@ -1,13 +0,0 @@
-class RelayUi::CodeBlock < RelayUi::Base
-  def initialize(language: "ruby")
-    @language = language
-  end
-
-  def view_template
-    pre do
-      code(class: "language-#{@language} rounded-lg") do
-        yield
-      end
-    end
-  end
-end

data/app/components/headings.rb

@@ -1,37 +0,0 @@
-module RelayUi::Headings
-  class H1 < RelayUi::Base
-    def view_template
-      h1(class: "text-5xl font-bold") { yield }
-    end
-  end
-
-  class H2 < RelayUi::Base
-    def view_template
-      h2(class: "text-4xl font-bold") { yield }
-    end
-  end
-
-  class H3 < RelayUi::Base
-    def view_template
-      h3(class: "text-3xl font-bold") { yield }
-    end
-  end
-
-  class H4 < RelayUi::Base
-    def view_template
-      h4(class: "text-2xl font-bold") { yield }
-    end
-  end
-
-  class H5 < RelayUi::Base
-    def view_template
-      h5(class: "text-xl font-bold") { yield }
-    end
-  end
-
-  class H6 < RelayUi::Base
-    def view_template
-      h6(class: "text-lg font-bold") { yield }
-    end
-  end
-end

data/app/components/lists/base.rb

@@ -1,13 +0,0 @@
-module RelayUi::Lists
-  class Base < RelayUi::Base
-    def view_template
-      ul(class: list_classes) do
-        yield
-      end
-    end
-
-    def item
-      li(class: "ml-5") { yield }
-    end
-  end
-end

data/app/components/lists/ordered.rb

@@ -1,5 +0,0 @@
-module RelayUi::Lists
-  class Ordered < Base
-    def list_classes = "list-decimal"
-  end
-end

data/app/components/lists/unordered.rb

@@ -1,5 +0,0 @@
-module RelayUi::Lists
-  class Unordered < Base
-    def list_classes = "list-disc"
-  end
-end

data/app/components/navigation.rb

@@ -1,49 +0,0 @@
-class RelayUi::Navigation < RelayUi::Base
-  def view_template
-    div(class: "flex flex-col sticky top-0 max-h-screen overflow-y-auto mx-10 py-10") do
-      yield
-    end
-  end
-
-  def section_heading
-    p(class: "pt-8 pb-4 mt-6 text-sm font-semibold uppercase text-zinc-400 border-t border-zinc-200") do
-      yield
-    end
-  end
-
-  def icon_link(href:, icon:)
-    if request.path == href
-      state_classes = "border-blue-700 text-zinc-700 **:[svg]:stroke-blue-700"
-    else
-      state_classes = "border-transparent text-zinc-400 hover:border-zinc-200 hover:text-zinc-700 **:[svg]:stroke-zinc-300 hover:**:[svg]:stroke-zinc-700"
-    end
-
-    a(href:, class: "inline-flex items-center gap-2 py-1 #{state_classes}") do
-      div(class: "size-4") do
-        render RelayUi::Icon.new(icon)
-      end
-      span { yield }
-    end
-  end
-  
-  def text_link(href)
-    if request.path == href
-      state_classes = "border-blue-700 text-zinc-700"
-    else
-      state_classes = "border-transparent text-zinc-400 hover:border-zinc-200 hover:text-zinc-700"
-    end
-
-    a(href:, class: "text-zinc-400 px-5 py-1 border-l-3 #{state_classes}") do
-      span { yield }
-    end
-  end
-
-  def coming_soon
-    div(class: "flex flex-row items-center") do
-      span(class: "text-zinc-400 px-5 py-1 border-l-3 border-transparent") do
-        yield
-      end
-      render RelayUi::Badges::Gray.new { "Coming Soon" }
-    end
-  end
-end

data/app/components/slideout.rb

@@ -1,20 +0,0 @@
-class RelayUi::Slideout < RelayUi::Base
-  include Phlex::Rails::Helpers::TurboFrameTag
-  
-  def view_template
-    turbo_frame_tag "slideout" do
-      div(class: "absolute inset-0 z-50", data: {controller: "slideout"}) do
-        a(href: "#", class: "cursor-default", data: { action: "slideout#hide" }) do
-          div(id: "modal-curtain", class: "w-screen h-screen bg-black transition-opacity opacity-75")
-        end
-        div(class: "right-0 fixed inset-y-0 flex max-w-1/2 pointer-events-none") do
-          div(class: "w-screen pointer-events-auto", data: { slideout_target: "slideout" }) do
-            div(class: "w-full h-full bg-white shadow") do
-              yield
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/app/components/text.rb

@@ -1,19 +0,0 @@
-module RelayUi::Text
-  class Large < RelayUi::Base
-    def view_template
-      p(class: "text-lg text-zinc-700") { yield }
-    end
-  end
-
-  class Medium < RelayUi::Base
-    def view_template
-      p(class: "text-base text-zinc-700") { yield }
-    end
-  end
-
-  class Small < RelayUi::Base
-    def view_template
-      p(class: "text-sm text-zinc-700") { yield }
-    end
-  end
-end

data/package.json

@@ -1,16 +0,0 @@
-{
-  "dependencies": {
-    "@hotwired/stimulus": "^3.0.0",
-    "@tailwindcss/cli": "^4.0.9",
-    "tailwindcss": "^4.0.9"
-  },
-  "devDependencies": {
-    "esbuild": "^0.25.0"
-  },
-  "scripts": {
-    "build:js": "esbuild app/assets/javascripts/relay_ui/index.js --bundle --outfile=vendor/javascript/relay_ui/dist/relay_ui.js",
-    "build:css": "npx @tailwindcss/cli -i ./app/assets/stylesheets/relay_ui/application.css -o ./vendor/assets/stylesheets/relay_ui/relay_ui.css",
-    "watch:js": "esbuild app/assets/javascripts/relay_ui/index.js --bundle --outfile=vendor/javascript/relay_ui/dist/relay_ui.js --watch",
-    "watch:css": "npx @tailwindcss/cli -i ./app/assets/stylesheets/relay_ui/application.css -o ./vendor/assets/stylesheets/relay_ui/relay_ui.css --watch"
-  }
-}

data/tailwind.config.js

@@ -1,10 +0,0 @@
-module.exports = {
-  content: [
-    "./app/components/**/*.rb",
-    "./app/assets/javascripts/relay_ui/**/*.js"
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-}