ariadne_view_components 0.0.14-x86_64-linux → 0.0.16-x86_64-linux

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: '0618e336682a5e889aa0059bad743e4ad346331ef0e6b5664b6c51905cf88a99'
4
- data.tar.gz: f26bb08151ffa5469c4f1a93ce04b0728cae02178f13a770acdaecb864423136
3
+ metadata.gz: 33b8f3042fc4889507225147153b0d9ba764f6eee2b77ffa33c21757ecdc2162
4
+ data.tar.gz: 610f42eff629164799893c518717cfe97beed217a40cf9f7cb95320ec2133941
5
5
  SHA512:
6
- metadata.gz: d3efef101bfb92ab8a12f3d3e2c601cd4ca61b89eb5d6a19a60b5f54e280397d78e4ab030b710e3528b5b9db3d314aae6a474dce59980e3342e8a5828e1dd944
7
- data.tar.gz: 9b5611535a8fe8624517a44ac31e258d63506716dc28f961e2527fca2125531483d205a4dcd3825835cd8aa77d34e327daea41f6ee1898f0902a2636bb4e3540
6
+ metadata.gz: 5636f128f54b3a42ad6f7c6edc546a02ebfac385adcf1b2d3a8db9cd02d2155149796f12724c952c8d904576e6c5a7dd7d27a1da60212b6123f93953421f55b3
7
+ data.tar.gz: 4ed0be9e5f45c0924f34b998c2fe990102119e02acac8b4684a9139e92aae7374c11f67eaf56eb9493a4310d20257f577d07a522631fb1002b040ce6f3bc0be8
@@ -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-flex ariadne-flex-col ariadne-min-h-screen"
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-py-5 ariadne-bg-white ariadne-shadow-sm shadow-slate-900/5 ariadne-transition ariadne-duration-500"
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 ariadne-font-semibold 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-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-py-2 ariadne-align-middle md:ariadne-px-6 lg:ariadne-px-8">
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-pt-8 ariadne-space-y-6 sm:ariadne-pt-10 sm:ariadne-space-y-5"
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 }
@@ -0,0 +1,3 @@
1
+ # frozen_string_literal: true
2
+
3
+ pin_all_from File.expand_path("../app/assets/javascripts", __dir__)
@@ -2,6 +2,6 @@
2
2
 
3
3
  module Ariadne
4
4
  module ViewComponents
5
- VERSION = "0.0.14"
5
+ VERSION = "0.0.16"
6
6
  end
7
7
  end
data/lib/tasks/docs.rake CHANGED
@@ -70,7 +70,6 @@ namespace :docs do
70
70
  Ariadne::InlineFlexComponent,
71
71
  Ariadne::LinkComponent,
72
72
  Ariadne::ListComponent,
73
- Ariadne::MainComponent,
74
73
  Ariadne::NarrowContainerComponent,
75
74
  Ariadne::PanelBarComponent,
76
75
  Ariadne::PillComponent,
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:
@@ -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-flex-col"
50
- - ".ariadne-min-h-screen"
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"
@@ -96,7 +96,7 @@
96
96
  ]
97
97
  },
98
98
  "Ariadne::BodyComponent": {
99
- "DEFAULT_CLASSES": "ariadne-flex ariadne-flex-col ariadne-min-h-screen"
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-py-5 ariadne-bg-white ariadne-shadow-sm shadow-slate-900/5 ariadne-transition ariadne-duration-500",
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 ariadne-font-semibold hover:ariadne-text-button-text-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
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.14
4
+ version: 0.0.16
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-03 00:00:00.000000000 Z
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/x86_64-linux/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