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.
@@ -1,5 +1,5 @@
1
1
  <%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do %>
2
- <%if tooltipped? %>
2
+ <% if tooltipped? %>
3
3
  <%= tooltip.to_s %>
4
4
  <% avatars.each_with_index do |avatar, i| %>
5
5
  <%= avatar %>
@@ -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-mt-2 ariadne-flex ariadne-justify-end">
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-mt-2 ariadne-flex ariadne-justify-end">
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-py-5 ariadne-px-5 ariadne-rounded-md "
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-right-0 ariadne-z-10 ariadne-mt-2 ariadne-w-56 ariadne-origin-top-right 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"
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
- SIZE_MICRO = :mu
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
- SIZE_MICRO => 16,
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-0.5 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap"
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-3'
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
  }
@@ -6,7 +6,7 @@ module Ariadne
6
6
  # @accessibility Add any accessibility considerations
7
7
  class RichTextAreaComponent < Ariadne::Component
8
8
  DEFAULT_TAG = :div
9
- DEFAULT_CLASSES = "ariadne-block"
9
+ DEFAULT_CLASSES = ""
10
10
 
11
11
  # @example Default
12
12
  #
@@ -1,5 +1,5 @@
1
1
  <%= render(Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes)) do |component| %>
2
- <div role="tablist" class="ariadne-bg-neutral-50">
2
+ <div role="tablist">
3
3
  <% tabs.each do |tab| %>
4
4
  <%= tab %>
5
5
  <% end %>
@@ -9,7 +9,7 @@ module Ariadne
9
9
 
10
10
  DEFAULT_CLASSES = ""
11
11
 
12
- DEFAULT_SELECTED_CLASSES = "ariadne-bg-white ariadne-border-indigo-500 ariadne-text-indigo-600"
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.
@@ -2,6 +2,6 @@
2
2
 
3
3
  module Ariadne
4
4
  module ViewComponents
5
- VERSION = "0.0.20"
5
+ VERSION = "0.0.22"
6
6
  end
7
7
  end
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 `:mu` (`16`), `:sm` (`20`), `:md` (`24`), or `:lg` (`128`).
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-right-0"
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"
@@ -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-py-5 ariadne-px-5 ariadne-rounded-md ",
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-right-0 ariadne-z-10 ariadne-mt-2 ariadne-w-56 ariadne-origin-top-right 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",
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
- "mu": 16,
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
- "mu",
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-0.5 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap",
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": "ariadne-block",
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-bg-white ariadne-border-indigo-500 ariadne-text-indigo-600",
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.20
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-12 00:00:00.000000000 Z
11
+ date: 2022-10-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: tailwind_merge