ariadne_view_components 0.0.20-x64-mingw-ucrt → 0.0.22-x64-mingw-ucrt
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +15 -6
- data/app/assets/javascripts/ariadne_view_components.js +1 -1
- data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
- data/app/components/ariadne/avatar_stack_component.html.erb +1 -1
- data/app/components/ariadne/comment_component.html.erb +2 -2
- data/app/components/ariadne/comment_component.rb +1 -1
- data/app/components/ariadne/details_component.rb +1 -1
- data/app/components/ariadne/grid_component.rb +1 -1
- data/app/components/ariadne/heroicon_component.rb +2 -2
- data/app/components/ariadne/pill_component.rb +1 -1
- data/app/components/ariadne/rich-text-area-component.ts +2 -1
- data/app/components/ariadne/rich_text_area_component.rb +1 -1
- data/app/components/ariadne/tab_container_component.erb +1 -1
- data/app/components/ariadne/tab_container_component.rb +1 -1
- data/lib/ariadne/view_components/version.rb +1 -1
- data/static/arguments.yml +1 -1
- data/static/classes.yml +2 -7
- data/static/constants.json +10 -10
- metadata +2 -2
@@ -9,7 +9,7 @@
|
|
9
9
|
<%= render(Ariadne::RichTextAreaComponent.new(name: :public_bodytext, sr_label: "Select reply type", attributes: { required: true})) %>
|
10
10
|
<% comment_box.submit { @submit } %>
|
11
11
|
</div>
|
12
|
-
<div class="ariadne-
|
12
|
+
<div class="ariadne-py-2 ariadne-flex ariadne-justify-end">
|
13
13
|
<%= public_submit %>
|
14
14
|
</div>
|
15
15
|
<% end %>
|
@@ -24,7 +24,7 @@
|
|
24
24
|
<%= render(Ariadne::RichTextAreaComponent.new(name: :internal_bodytext, sr_label: "Select reply type", attributes: { required: true})) %>
|
25
25
|
<% comment_box.submit { @submit } %>
|
26
26
|
</div>
|
27
|
-
<div class="ariadne-
|
27
|
+
<div class="ariadne-py-2 ariadne-flex ariadne-justify-end">
|
28
28
|
<%= internal_submit %>
|
29
29
|
</div>
|
30
30
|
<% end %>
|
@@ -12,7 +12,7 @@ module Ariadne
|
|
12
12
|
DEFAULT_TAG = :div
|
13
13
|
TAG_OPTIONS = [DEFAULT_TAG].freeze
|
14
14
|
|
15
|
-
DEFAULT_CLASSES = "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-
|
15
|
+
DEFAULT_CLASSES = "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-px-5 ariadne-rounded-md "
|
16
16
|
|
17
17
|
renders_one :public_tab, lambda { |selected: false, text:, classes: "", attributes: {}|
|
18
18
|
attributes[:"data-public"] = true
|
@@ -28,7 +28,7 @@ module Ariadne
|
|
28
28
|
Ariadne::Content.new
|
29
29
|
}
|
30
30
|
|
31
|
-
DEFAULT_BODY_CLASSES = "ariadne-absolute ariadne-
|
31
|
+
DEFAULT_BODY_CLASSES = "ariadne-absolute ariadne-mt-2 ariadne-w-56 ariadne-divide-y ariadne-divide-gray-100 ariadne-rounded-md ariadne-bg-white ariadne-shadow-lg ariadne-ring-1 ariadne-ring-black ariadne-ring-opacity-5 focus:ariadne-outline-none"
|
32
32
|
# Use the Body slot as the main content to be shown when triggered by the Summary.
|
33
33
|
#
|
34
34
|
# @param tag [Symbol] The tag to use for the body/ <%= one_of(Ariadne::DetailsComponent::VALID_BODY_TAGS) %>
|
@@ -40,7 +40,7 @@ module Ariadne
|
|
40
40
|
}
|
41
41
|
|
42
42
|
DEFAULT_ACTION_LINK_CLASSES = "ariadne-relative ariadne--mr-px ariadne-w-0 ariadne-flex-1 ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-py-4 ariadne-text-sm ariadne-font-medium ariadne-border ariadne-border-transparent"
|
43
|
-
DEFAULT_ACTION_LINK_COLORS = "hover:ariadne-text-gray-500"
|
43
|
+
DEFAULT_ACTION_LINK_COLORS = "ariadne-h-full hover:ariadne-text-gray-500"
|
44
44
|
renders_many :actions, lambda { |href:, icon:, label:, size: Ariadne::HeroiconComponent::SIZE_DEFAULT, variant: HeroiconsHelper::Icon::VARIANT_SOLID, classes: "", attributes: {}, text_classes: ""|
|
45
45
|
actual_classes = class_names(DEFAULT_ACTION_LINK_CLASSES, DEFAULT_ACTION_LINK_COLORS, classes)
|
46
46
|
render(Ariadne::LinkComponent.new(href: href, classes: actual_classes, attributes: attributes)) do
|
@@ -11,13 +11,13 @@ module Ariadne
|
|
11
11
|
include IconHelper
|
12
12
|
include HeroiconsHelper
|
13
13
|
|
14
|
-
|
14
|
+
SIZE_XSMALL = :xs
|
15
15
|
SIZE_SMALL = :sm
|
16
16
|
SIZE_DEFAULT = :md
|
17
17
|
SIZE_LARGE = :lg
|
18
18
|
|
19
19
|
SIZE_MAPPINGS = {
|
20
|
-
|
20
|
+
SIZE_XSMALL => 16,
|
21
21
|
SIZE_SMALL => 20,
|
22
22
|
SIZE_DEFAULT => 24,
|
23
23
|
SIZE_LARGE => 128,
|
@@ -6,7 +6,7 @@ module Ariadne
|
|
6
6
|
DEFAULT_TAG = :span
|
7
7
|
TAG_OPTIONS = [DEFAULT_TAG].freeze
|
8
8
|
|
9
|
-
DEFAULT_CLASSES = "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-
|
9
|
+
DEFAULT_CLASSES = "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-1 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap"
|
10
10
|
|
11
11
|
# @example Default
|
12
12
|
#
|
@@ -24,7 +24,7 @@ export default class RichTextArea extends Controller {
|
|
24
24
|
element: editorElement,
|
25
25
|
editorProps: {
|
26
26
|
attributes: {
|
27
|
-
class: 'ariadne-p-
|
27
|
+
class: 'ariadne-h-28 ariadne-max-h-48 ariadne-p-2 ariadne-rounded-lg ariadne-overflow-y-auto focus:ariadne-outline-none'
|
28
28
|
}
|
29
29
|
},
|
30
30
|
parseOptions: {
|
@@ -38,6 +38,7 @@ export default class RichTextArea extends Controller {
|
|
38
38
|
|
39
39
|
parentForm?.addEventListener('submit', () => {
|
40
40
|
tiptapValueContainer.setAttribute('value', pmEditor.getText() || '')
|
41
|
+
pmEditor.commands.clearContent() // TODO: test this
|
41
42
|
})
|
42
43
|
}
|
43
44
|
}
|
@@ -9,7 +9,7 @@ module Ariadne
|
|
9
9
|
|
10
10
|
DEFAULT_CLASSES = ""
|
11
11
|
|
12
|
-
DEFAULT_SELECTED_CLASSES = "ariadne-
|
12
|
+
DEFAULT_SELECTED_CLASSES = "ariadne-border-indigo-500 ariadne-text-indigo-600"
|
13
13
|
DEFAULT_UNSELECTED_CLASSES = "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
|
14
14
|
|
15
15
|
# Tabs and panels to be rendered.
|
data/static/arguments.yml
CHANGED
@@ -386,7 +386,7 @@
|
|
386
386
|
- name: size
|
387
387
|
type: Symbol
|
388
388
|
default: "`:md`"
|
389
|
-
description: One of `:
|
389
|
+
description: One of `:xs` (`16`), `:sm` (`20`), `:md` (`24`), or `:lg` (`128`).
|
390
390
|
- name: attributes
|
391
391
|
type: Hash
|
392
392
|
default: "`{}`"
|
data/static/classes.yml
CHANGED
@@ -97,9 +97,7 @@
|
|
97
97
|
- ".ariadne-text-green-600"
|
98
98
|
- ".ariadne-border-gray-300"
|
99
99
|
- ".ariadne-shadow"
|
100
|
-
- ".ariadne-py-5"
|
101
100
|
- ".ariadne-px-5"
|
102
|
-
- ".ariadne-bg-neutral-50"
|
103
101
|
- ".ariadne-text-gray-500"
|
104
102
|
- ".hover:ariadne-text-gray-700"
|
105
103
|
- ".hover:ariadne-border-gray-300"
|
@@ -112,13 +110,10 @@
|
|
112
110
|
- ".ariadne-space-y-8"
|
113
111
|
- ".sm:ariadne-space-y-5"
|
114
112
|
- ".tiptap-editor"
|
115
|
-
- ".ariadne-mt-2"
|
116
113
|
- ".ariadne-justify-end"
|
117
114
|
- ".ariadne__details-reset"
|
118
|
-
- ".ariadne-
|
119
|
-
- ".ariadne-z-10"
|
115
|
+
- ".ariadne-mt-2"
|
120
116
|
- ".ariadne-w-56"
|
121
|
-
- ".ariadne-origin-top-right"
|
122
117
|
- ".ariadne-divide-y"
|
123
118
|
- ".ariadne-divide-gray-100"
|
124
119
|
- ".ariadne-shadow-lg"
|
@@ -144,6 +139,7 @@
|
|
144
139
|
- ".ariadne-pt-5"
|
145
140
|
- ".ariadne--mx-2"
|
146
141
|
- ".ariadne-flex-col"
|
142
|
+
- ".ariadne-py-5"
|
147
143
|
- ".ariadne-mt-6"
|
148
144
|
- ".ariadne-text-slate-500"
|
149
145
|
- ".sm:ariadne-mt-0"
|
@@ -165,7 +161,6 @@
|
|
165
161
|
- ".hover:ariadne-bg-button-hover-color"
|
166
162
|
- ".md:ariadne-flex"
|
167
163
|
- ".md:ariadne-divide-y-0"
|
168
|
-
- ".ariadne-py-0.5"
|
169
164
|
- ".ariadne-text-black"
|
170
165
|
- ".ariadne-hidden"
|
171
166
|
- ".ariadne-list-none"
|
data/static/constants.json
CHANGED
@@ -136,7 +136,7 @@
|
|
136
136
|
"DEFAULT_TAG": "clipboard-copy"
|
137
137
|
},
|
138
138
|
"Ariadne::CommentComponent": {
|
139
|
-
"DEFAULT_CLASSES": "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-
|
139
|
+
"DEFAULT_CLASSES": "ariadne-bg-white ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-px-5 ariadne-rounded-md ",
|
140
140
|
"DEFAULT_TAG": "div",
|
141
141
|
"TAG_OPTIONS": [
|
142
142
|
"div"
|
@@ -151,7 +151,7 @@
|
|
151
151
|
"DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-p-1 ariadne-border ariadne-border-transparent ariadne-rounded-full ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2"
|
152
152
|
},
|
153
153
|
"Ariadne::DetailsComponent": {
|
154
|
-
"DEFAULT_BODY_CLASSES": "ariadne-absolute ariadne-
|
154
|
+
"DEFAULT_BODY_CLASSES": "ariadne-absolute ariadne-mt-2 ariadne-w-56 ariadne-divide-y ariadne-divide-gray-100 ariadne-rounded-md ariadne-bg-white ariadne-shadow-lg ariadne-ring-1 ariadne-ring-black ariadne-ring-opacity-5 focus:ariadne-outline-none",
|
155
155
|
"DEFAULT_BODY_TAG": "div",
|
156
156
|
"DEFAULT_CLASSES": "",
|
157
157
|
"DEFAULT_TAG": "details",
|
@@ -278,7 +278,7 @@
|
|
278
278
|
},
|
279
279
|
"Ariadne::GridComponent::GridItem": {
|
280
280
|
"DEFAULT_ACTION_LINK_CLASSES": "ariadne-relative ariadne--mr-px ariadne-w-0 ariadne-flex-1 ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-py-4 ariadne-text-sm ariadne-font-medium ariadne-border ariadne-border-transparent",
|
281
|
-
"DEFAULT_ACTION_LINK_COLORS": "hover:ariadne-text-gray-500",
|
281
|
+
"DEFAULT_ACTION_LINK_COLORS": "ariadne-h-full hover:ariadne-text-gray-500",
|
282
282
|
"DEFAULT_ENTRY_CLASSES": "ariadne-group ariadne-flex-1 ariadne-flex ariadne-flex-col ariadne-p-8 hover:ariadne-text-gray-500",
|
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
|
},
|
@@ -385,19 +385,19 @@
|
|
385
385
|
"SIZE_DEFAULT": "md",
|
386
386
|
"SIZE_LARGE": "lg",
|
387
387
|
"SIZE_MAPPINGS": {
|
388
|
-
"
|
388
|
+
"xs": 16,
|
389
389
|
"sm": 20,
|
390
390
|
"md": 24,
|
391
391
|
"lg": 128
|
392
392
|
},
|
393
|
-
"SIZE_MICRO": "mu",
|
394
393
|
"SIZE_OPTIONS": [
|
395
|
-
"
|
394
|
+
"xs",
|
396
395
|
"sm",
|
397
396
|
"md",
|
398
397
|
"lg"
|
399
398
|
],
|
400
|
-
"SIZE_SMALL": "sm"
|
399
|
+
"SIZE_SMALL": "sm",
|
400
|
+
"SIZE_XSMALL": "xs"
|
401
401
|
},
|
402
402
|
"Ariadne::ImageComponent": {
|
403
403
|
"DEFAULT_TAG": "img"
|
@@ -453,14 +453,14 @@
|
|
453
453
|
"DEFAULT_WRAPPER_CLASSES": "group ariadne-flex ariadne-items-center ariadne-w-full"
|
454
454
|
},
|
455
455
|
"Ariadne::PillComponent": {
|
456
|
-
"DEFAULT_CLASSES": "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-
|
456
|
+
"DEFAULT_CLASSES": "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-1 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap",
|
457
457
|
"DEFAULT_TAG": "span",
|
458
458
|
"TAG_OPTIONS": [
|
459
459
|
"span"
|
460
460
|
]
|
461
461
|
},
|
462
462
|
"Ariadne::RichTextAreaComponent": {
|
463
|
-
"DEFAULT_CLASSES": "
|
463
|
+
"DEFAULT_CLASSES": "",
|
464
464
|
"DEFAULT_TAG": "div"
|
465
465
|
},
|
466
466
|
"Ariadne::SlideoverComponent": {
|
@@ -487,7 +487,7 @@
|
|
487
487
|
},
|
488
488
|
"Ariadne::TabContainerComponent": {
|
489
489
|
"DEFAULT_CLASSES": "",
|
490
|
-
"DEFAULT_SELECTED_CLASSES": "ariadne-
|
490
|
+
"DEFAULT_SELECTED_CLASSES": "ariadne-border-indigo-500 ariadne-text-indigo-600",
|
491
491
|
"DEFAULT_TAG": "tab-container",
|
492
492
|
"DEFAULT_UNSELECTED_CLASSES": "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
|
493
493
|
},
|
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.22
|
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-13 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: tailwind_merge
|