ariadne_view_components 0.0.14-x86_64-linux → 0.0.15-x86_64-linux
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/components/ariadne/body_component.rb +1 -1
- data/app/components/ariadne/component.rb +0 -2
- data/app/components/ariadne/header_component.rb +1 -1
- data/app/components/ariadne/link_component.rb +2 -2
- data/app/components/ariadne/table_nav_component.html.erb +1 -1
- data/app/lib/ariadne/form_builder.rb +2 -2
- data/lib/ariadne/view_components/version.rb +1 -1
- data/lib/tasks/docs.rake +0 -1
- data/static/arguments.yml +0 -11
- data/static/audited_at.json +0 -1
- data/static/classes.yml +5 -5
- data/static/constants.json +3 -6
- data/static/statuses.json +0 -1
- metadata +2 -3
- data/app/components/ariadne/main_component.rb +0 -32
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: ff610edf8cd3e6ee5b2a9edd7bae304394edfe0a6ad6aacca609427e11cfee4a
|
4
|
+
data.tar.gz: 91c5b6203dfb22d92e841e719a8d62ee150a9fc2aad50ab21a423a99924348b3
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: bff9b12c665dbbe54622dda0b13ba3df32dfe78b706fa1e7b34f36c08524c9cb8116d34bb72dc36dbc7b1ee5b63f44e38ddb6bb010a3322cdf9adc5a9ac94c5f
|
7
|
+
data.tar.gz: 2195c4b057844f6754c97f125241e41166f5a7043a3760e4624f9a8348448695d241cc178ce8fb39425938e0e4a84a057e8d2aae2092284e9a35895cc84963f5
|
@@ -5,7 +5,7 @@ module Ariadne
|
|
5
5
|
# Add additional usage considerations or best practices that may aid the user to use the component correctly.
|
6
6
|
# @accessibility Add any accessibility considerations
|
7
7
|
class BodyComponent < Ariadne::Component
|
8
|
-
DEFAULT_CLASSES = "ariadne-
|
8
|
+
DEFAULT_CLASSES = "ariadne-scroll-smooth ariadne-bg-white ariadne-antialiased"
|
9
9
|
|
10
10
|
# @example Default
|
11
11
|
#
|
@@ -16,8 +16,6 @@ module Ariadne
|
|
16
16
|
include LoggerHelper
|
17
17
|
include Ariadne::ActionViewExtensions::FormHelper
|
18
18
|
|
19
|
-
BASE_HTML_CLASSES = "ariadne-h-full ariadne-scroll-smooth ariadne-bg-white ariadne-antialiased"
|
20
|
-
BASE_BODY_CLASSES = "ariadne-flex ariadne-h-full ariadne-flex-col"
|
21
19
|
BASE_WRAPPER_CLASSES = "ariadne-flex ariadne-flex-col ariadne-h-screen ariadne-justify-between"
|
22
20
|
BASE_MAIN_CLASSES = "ariadne-flex-auto"
|
23
21
|
|
@@ -3,7 +3,7 @@
|
|
3
3
|
module Ariadne
|
4
4
|
# Represents the top navigation bar on every page.
|
5
5
|
class HeaderComponent < Ariadne::Component
|
6
|
-
DEFAULT_CLASSES = "ariadne-sticky ariadne-top-0 ariadne-z-50 ariadne-px-4 ariadne-
|
6
|
+
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"
|
7
7
|
# ariadne-flex ariadne-flex-wrap ariadne-items-center ariadne-justify-between ariadne-bg-white dark:ariadne-shadow-none dark:ariadne-bg-transparent
|
8
8
|
LINK_CLASSES = "ariadne-rounded-lg ariadne-py-1 ariadne-px-2 text-slate-700 hover:bg-slate-100 hover:text-slate-900"
|
9
9
|
|
@@ -6,8 +6,8 @@ module Ariadne
|
|
6
6
|
DEFAULT_TAG = :a
|
7
7
|
TAG_OPTIONS = [DEFAULT_TAG, :span].freeze
|
8
8
|
|
9
|
-
DEFAULT_CLASSES = "ariadne-cursor-pointer
|
10
|
-
DEFAULT_ACTIONABLE_CLASSES = "ariadne-underline ariadne-decoration-double"
|
9
|
+
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"
|
10
|
+
DEFAULT_ACTIONABLE_CLASSES = "ariadne-cursor-pointer ariadne-font-semibold ariadne-underline ariadne-decoration-double"
|
11
11
|
|
12
12
|
# `Tooltip` that appears on mouse hover or keyboard focus over the button. Use tooltips sparingly and as a last resort.
|
13
13
|
# **Important:** This tooltip defaults to `type: :description`. In a few scenarios, `type: :label` may be more appropriate.
|
@@ -1,4 +1,4 @@
|
|
1
|
-
<div class="ariadne-inline-block ariadne-min-w-full ariadne-
|
1
|
+
<div class="ariadne-inline-block ariadne-min-w-full ariadne-align-middle md:ariadne-px-6 lg:ariadne-px-8">
|
2
2
|
<div class="ariadne-overflow-hidden ariadne-shadow ariadne-ring-1 ariadne-ring-black ariadne-ring-opacity-5 md:ariadne-rounded-lg">
|
3
3
|
<%= render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) do |table| %>
|
4
4
|
<% if has_header_row? %>
|
@@ -5,14 +5,14 @@ module Ariadne
|
|
5
5
|
class FormBuilder < ActionView::Helpers::FormBuilder
|
6
6
|
include ClassNameHelper
|
7
7
|
|
8
|
-
DEFAULT_SECTION_CLASSES = "ariadne-
|
8
|
+
DEFAULT_SECTION_CLASSES = "ariadne-space-y-6 ariadne-px-4"
|
9
9
|
def section(classes: "", attributes: {}, &block)
|
10
10
|
actual_classes = class_names(DEFAULT_SECTION_CLASSES, classes)
|
11
11
|
options = { class: actual_classes, **attributes }
|
12
12
|
@template.content_tag(:div, **options, &block)
|
13
13
|
end
|
14
14
|
|
15
|
-
DEFAULT_SECTION_HEADING_CLASSES = "ariadne-text-lg ariadne-leading-6 ariadne-font-medium ariadne-text-gray-900"
|
15
|
+
DEFAULT_SECTION_HEADING_CLASSES = "ariadne-text-lg ariadne-leading-6 ariadne-py-4 ariadne-font-medium ariadne-text-gray-900"
|
16
16
|
def heading(tag: :h3, classes: "", attributes: {}, &block)
|
17
17
|
actual_classes = class_names(DEFAULT_SECTION_HEADING_CLASSES, classes)
|
18
18
|
options = { class: actual_classes, **attributes }
|
data/lib/tasks/docs.rake
CHANGED
data/static/arguments.yml
CHANGED
@@ -475,17 +475,6 @@
|
|
475
475
|
type: Hash
|
476
476
|
default: "`{}`"
|
477
477
|
description: "[Classes and attributes](/classes-attributes)"
|
478
|
-
- component: Main
|
479
|
-
source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/main_component.rb
|
480
|
-
parameters:
|
481
|
-
- name: classes
|
482
|
-
type: String
|
483
|
-
default: '`""`'
|
484
|
-
description: "[Classes and attributes](/classes-attributes)"
|
485
|
-
- name: attributes
|
486
|
-
type: Hash
|
487
|
-
default: "`{}`"
|
488
|
-
description: "[Classes and attributes](/classes-attributes)"
|
489
478
|
- component: NarrowContainer
|
490
479
|
source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/narrow_container_component.rb
|
491
480
|
parameters:
|
data/static/audited_at.json
CHANGED
@@ -28,7 +28,6 @@
|
|
28
28
|
"Ariadne::LinkComponent": "",
|
29
29
|
"Ariadne::ListComponent": "",
|
30
30
|
"Ariadne::ListComponent::ListItem": "",
|
31
|
-
"Ariadne::MainComponent": "",
|
32
31
|
"Ariadne::NarrowContainerComponent": "",
|
33
32
|
"Ariadne::PanelBarComponent": "",
|
34
33
|
"Ariadne::PanelBarComponent::PanelItem": "",
|
data/static/classes.yml
CHANGED
@@ -4,7 +4,6 @@
|
|
4
4
|
- ".ariadne-ring-2"
|
5
5
|
- ".ariadne-ring-white"
|
6
6
|
- ".ariadne-cursor-pointer"
|
7
|
-
- ".ariadne-font-semibold"
|
8
7
|
- ".hover:ariadne-text-button-text-color"
|
9
8
|
- ".focus:ariadne-outline-none"
|
10
9
|
- ".focus:ariadne-ring-2"
|
@@ -46,8 +45,9 @@
|
|
46
45
|
- ".sm:ariadne-text-4xl"
|
47
46
|
- ".ariadne-mt-8"
|
48
47
|
- ".ariadne-justify-center"
|
49
|
-
- ".ariadne-
|
50
|
-
- ".ariadne-
|
48
|
+
- ".ariadne-scroll-smooth"
|
49
|
+
- ".ariadne-bg-white"
|
50
|
+
- ".ariadne-antialiased"
|
51
51
|
- ".ariadne-text-purple-800"
|
52
52
|
- ".ariadne-bg-purple-50"
|
53
53
|
- ".hover:ariadne-bg-purple-100"
|
@@ -85,6 +85,7 @@
|
|
85
85
|
- ".ariadne-absolute"
|
86
86
|
- ".ariadne-bg-slate-900"
|
87
87
|
- ".ariadne-text-white"
|
88
|
+
- ".ariadne-font-semibold"
|
88
89
|
- ".ariadne-max-w-xs"
|
89
90
|
- ".ariadne-py-1"
|
90
91
|
- ".ariadne-px-2"
|
@@ -94,7 +95,6 @@
|
|
94
95
|
- ".ariadne-underline"
|
95
96
|
- ".ariadne-decoration-double"
|
96
97
|
- ".ariadne-text-green-600"
|
97
|
-
- ".ariadne-bg-white"
|
98
98
|
- ".ariadne-border-gray-300"
|
99
99
|
- ".ariadne-shadow"
|
100
100
|
- ".ariadne-py-5"
|
@@ -151,6 +151,7 @@
|
|
151
151
|
- ".ariadne-mt-4"
|
152
152
|
- ".ariadne-pt-5"
|
153
153
|
- ".ariadne--mx-2"
|
154
|
+
- ".ariadne-flex-col"
|
154
155
|
- ".ariadne-mt-6"
|
155
156
|
- ".ariadne-text-slate-500"
|
156
157
|
- ".sm:ariadne-mt-0"
|
@@ -170,7 +171,6 @@
|
|
170
171
|
- ".ariadne-divide-gray-300"
|
171
172
|
- ".ariadne-relative"
|
172
173
|
- ".hover:ariadne-bg-button-hover-color"
|
173
|
-
- ".ariadne-flex-auto"
|
174
174
|
- ".md:ariadne-flex"
|
175
175
|
- ".md:ariadne-divide-y-0"
|
176
176
|
- ".ariadne-py-0.5"
|
data/static/constants.json
CHANGED
@@ -96,7 +96,7 @@
|
|
96
96
|
]
|
97
97
|
},
|
98
98
|
"Ariadne::BodyComponent": {
|
99
|
-
"DEFAULT_CLASSES": "ariadne-
|
99
|
+
"DEFAULT_CLASSES": "ariadne-scroll-smooth ariadne-bg-white ariadne-antialiased"
|
100
100
|
},
|
101
101
|
"Ariadne::ButtonComponent": {
|
102
102
|
"DEFAULT_SCHEME": "default",
|
@@ -283,7 +283,7 @@
|
|
283
283
|
"DEFAULT_ITEM_CLASSES": "ariadne-flex ariadne-flex-col ariadne-text-center ariadne-rounded-lg ariadne-shadow text-black-700 ariadne-border-black"
|
284
284
|
},
|
285
285
|
"Ariadne::HeaderComponent": {
|
286
|
-
"DEFAULT_CLASSES": "ariadne-sticky ariadne-top-0 ariadne-z-50 ariadne-px-4 ariadne-
|
286
|
+
"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",
|
287
287
|
"DEFAULT_IMAGE_LOGO_CLASSES": "ariadne-h-10 ariadne-w-auto",
|
288
288
|
"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",
|
289
289
|
"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",
|
@@ -418,7 +418,7 @@
|
|
418
418
|
},
|
419
419
|
"Ariadne::LinkComponent": {
|
420
420
|
"DEFAULT_ACTIONABLE_CLASSES": "ariadne-underline ariadne-decoration-double",
|
421
|
-
"DEFAULT_CLASSES": "ariadne-cursor-pointer
|
421
|
+
"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",
|
422
422
|
"DEFAULT_TAG": "a",
|
423
423
|
"TAG_OPTIONS": [
|
424
424
|
"a",
|
@@ -433,9 +433,6 @@
|
|
433
433
|
"Ariadne::ListComponent::ListItem": {
|
434
434
|
"DEFAULT_ITEM_CLASSES": "ariadne-relative ariadne-p-1.5 focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500 hover:ariadne-bg-button-hover-color"
|
435
435
|
},
|
436
|
-
"Ariadne::MainComponent": {
|
437
|
-
"DEFAULT_CLASSES": "ariadne-flex-auto"
|
438
|
-
},
|
439
436
|
"Ariadne::NarrowContainerComponent": {
|
440
437
|
"DEFAULT_CLASSES": "ariadne-max-w-7xl ariadne-mx-auto ariadne-py-12 ariadne-px-4 sm:ariadne-px-6 lg:ariadne-py-16 lg:ariadne-px-8",
|
441
438
|
"DEFAULT_TAG": "div",
|
data/static/statuses.json
CHANGED
@@ -28,7 +28,6 @@
|
|
28
28
|
"Ariadne::LinkComponent": "stable",
|
29
29
|
"Ariadne::ListComponent": "stable",
|
30
30
|
"Ariadne::ListComponent::ListItem": "stable",
|
31
|
-
"Ariadne::MainComponent": "stable",
|
32
31
|
"Ariadne::NarrowContainerComponent": "stable",
|
33
32
|
"Ariadne::PanelBarComponent": "stable",
|
34
33
|
"Ariadne::PanelBarComponent::PanelItem": "stable",
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: ariadne_view_components
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.15
|
5
5
|
platform: x86_64-linux
|
6
6
|
authors:
|
7
7
|
- Garen J. Torikian
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-10-
|
11
|
+
date: 2022-10-04 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: tailwind_merge
|
@@ -175,7 +175,6 @@ files:
|
|
175
175
|
- app/components/ariadne/link_component.rb
|
176
176
|
- app/components/ariadne/list_component.html.erb
|
177
177
|
- app/components/ariadne/list_component.rb
|
178
|
-
- app/components/ariadne/main_component.rb
|
179
178
|
- app/components/ariadne/narrow_container_component.html.erb
|
180
179
|
- app/components/ariadne/narrow_container_component.rb
|
181
180
|
- app/components/ariadne/panel_bar_component.html.erb
|
@@ -1,32 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Ariadne
|
4
|
-
# Add a general description of component here
|
5
|
-
# Add additional usage considerations or best practices that may aid the user to use the component correctly.
|
6
|
-
# @accessibility Add any accessibility considerations
|
7
|
-
class MainComponent < Ariadne::Component
|
8
|
-
DEFAULT_CLASSES = "ariadne-flex-auto"
|
9
|
-
|
10
|
-
# @example Default
|
11
|
-
#
|
12
|
-
# <%= render(Ariadne::MainComponent.new) { "Example" } %>
|
13
|
-
#
|
14
|
-
# @param classes [String] <%= link_to_classes_docs %>
|
15
|
-
# @param attributes [Hash] <%= link_to_attributes_docs %>
|
16
|
-
def initialize(classes: "", attributes: {})
|
17
|
-
@tag = :main
|
18
|
-
@classes = class_names(
|
19
|
-
DEFAULT_CLASSES,
|
20
|
-
classes,
|
21
|
-
)
|
22
|
-
|
23
|
-
@attributes = attributes
|
24
|
-
end
|
25
|
-
|
26
|
-
def call
|
27
|
-
render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) do
|
28
|
-
render(Ariadne::ContainerComponent.new) { content }
|
29
|
-
end
|
30
|
-
end
|
31
|
-
end
|
32
|
-
end
|