ariadne_view_components 0.0.14-x64-mingw-ucrt → 0.0.16-x64-mingw-ucrt
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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/config/importmap.rb +3 -0
- 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 +3 -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: 7b1c90f9ec3e65a54ea4329b54c2996f5f247eb83a60455010e742827b55c758
|
4
|
+
data.tar.gz: 33ef73a5eaa4370d74064a27b373d532142228bbc14345b84276ff423904375a
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 175abb8c930ccba41b5e31463a7ee3bc5b9b77bbc0925a00c0561e9f00ed3130929ca99b3cc105ff4ffd279a5c8a17d91e21169b74be5db5c1f40b8acf4f8886
|
7
|
+
data.tar.gz: 197d88074a1b277c7aa34c20cb35b6cde122e0f3c003b94a233fd40a8e876db6e2f0d660e27780f0e3b6c01550b9bc5e1e76dbc54591a968e5b424957246336a
|
@@ -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/config/importmap.rb
ADDED
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.16
|
5
5
|
platform: x64-mingw-ucrt
|
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
|
@@ -215,6 +214,7 @@ files:
|
|
215
214
|
- app/lib/ariadne/logger_helper.rb
|
216
215
|
- app/lib/ariadne/status/dsl.rb
|
217
216
|
- app/lib/ariadne/view_helper.rb
|
217
|
+
- config/importmap.rb
|
218
218
|
- exe/tailwindcss
|
219
219
|
- exe/x64-mingw-ucrt/tailwindcss
|
220
220
|
- lib/ariadne/view_components.rb
|
@@ -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
|