ariadne_view_components 0.0.20-x86_64-linux → 0.0.21-x86_64-linux
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/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/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/rich-text-area-component.ts +1 -0
- data/lib/ariadne/view_components/version.rb +1 -1
- data/static/arguments.yml +1 -1
- data/static/classes.yml +0 -3
- data/static/constants.json +6 -6
- metadata +1 -1
@@ -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,
|
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
@@ -115,10 +115,7 @@
|
|
115
115
|
- ".ariadne-mt-2"
|
116
116
|
- ".ariadne-justify-end"
|
117
117
|
- ".ariadne__details-reset"
|
118
|
-
- ".ariadne-right-0"
|
119
|
-
- ".ariadne-z-10"
|
120
118
|
- ".ariadne-w-56"
|
121
|
-
- ".ariadne-origin-top-right"
|
122
119
|
- ".ariadne-divide-y"
|
123
120
|
- ".ariadne-divide-gray-100"
|
124
121
|
- ".ariadne-shadow-lg"
|
data/static/constants.json
CHANGED
@@ -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"
|