ariadne_view_components 0.0.17 → 0.0.19
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/README.md +3 -0
- data/app/assets/builds/ariadne_view_components.css +20 -132
- data/app/assets/javascripts/ariadne_view_components.js +2 -2
- data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
- data/app/assets/javascripts/rich-text-area-component.d.ts +2 -0
- data/app/components/ariadne/base_button.rb +2 -2
- data/app/components/ariadne/comment_component.html.erb +31 -37
- data/app/components/ariadne/comment_component.rb +9 -7
- data/app/components/ariadne/component.rb +4 -0
- data/app/components/ariadne/inline_flex_component.rb +2 -2
- data/app/components/ariadne/panel_bar_component.html.erb +1 -1
- data/app/components/ariadne/panel_bar_component.rb +1 -0
- data/app/components/ariadne/rich-text-area-component.d.ts +2 -0
- data/app/components/ariadne/rich-text-area-component.js +18 -9
- data/app/components/ariadne/rich-text-area-component.ts +23 -10
- data/app/components/ariadne/rich_text_area_component.html.erb +1 -1
- data/app/components/ariadne/slideover-component.js +0 -10
- data/app/components/ariadne/slideover-component.ts +0 -9
- data/app/components/ariadne/slideover_component.html.erb +6 -8
- data/app/components/ariadne/slideover_component.rb +9 -24
- data/app/components/ariadne/tab_component.rb +0 -1
- data/app/components/ariadne/tab_container_component.erb +2 -4
- data/app/components/ariadne/tab_container_component.rb +2 -1
- data/app/lib/ariadne/action_view_extensions/form_helper.rb +1 -1
- data/lib/ariadne/view_components/version.rb +1 -1
- data/static/arguments.yml +2 -6
- data/static/classes.yml +7 -13
- data/static/constants.json +10 -10
- metadata +2 -5
- data/app/components/ariadne/comment-component.d.ts +0 -0
- data/app/components/ariadne/comment-component.js +0 -33
- data/app/components/ariadne/comment-component.ts +0 -37
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 86da0c102743056c33b3982a59957000a992846a6240ebc26581ebcf0ac3dec9
|
4
|
+
data.tar.gz: a2083d05faeea010c894a23cbdeb225b07f334dc69b2c09f603d673bc3a04cb5
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 51eb0c7020d56ae225c6cfc3f155cb3a02c92d8ce87c7b5e563dc5623031bbe958ffe45d9fcb537ac3cdec63f80428baebad1a5fbf32ffea8ce1731ecbd7d3ae
|
7
|
+
data.tar.gz: c18933f3a37b3dea63de4b896f14a7a1066515b2e06a782041c092d175dc5220c91c6d31d83a9c980affd6cd6ce4d2d879465e2cc78c8a21c75b61aea8e1fb66
|
data/README.md
CHANGED
@@ -34,6 +34,9 @@ DEFAULT_CLASSES = "bg-yellow-400"
|
|
34
34
|
|
35
35
|
document schemes, fetch_or_raise, all that
|
36
36
|
|
37
|
+
## remove @tailwind base;
|
38
|
+
|
39
|
+
this resets styles applied by ariadne, which already resets styles!!
|
37
40
|
### Incorporating Rubocop and other linters
|
38
41
|
|
39
42
|
This gem comes with some standard linters to keep your code fresh and consistent. Refer to [the documentation](./docs/content/linting.md) for more information.
|
@@ -765,10 +765,6 @@ select {
|
|
765
765
|
z-index: 50;
|
766
766
|
}
|
767
767
|
|
768
|
-
.ariadne-m-5 {
|
769
|
-
margin: 1.25rem;
|
770
|
-
}
|
771
|
-
|
772
768
|
.ariadne-m-10 {
|
773
769
|
margin: 2.5rem;
|
774
770
|
}
|
@@ -851,10 +847,6 @@ select {
|
|
851
847
|
margin-left: 1rem;
|
852
848
|
}
|
853
849
|
|
854
|
-
.ariadne-mt-1 {
|
855
|
-
margin-top: 0.25rem;
|
856
|
-
}
|
857
|
-
|
858
850
|
.ariadne-block {
|
859
851
|
display: block;
|
860
852
|
}
|
@@ -899,18 +891,10 @@ select {
|
|
899
891
|
height: 100%;
|
900
892
|
}
|
901
893
|
|
902
|
-
.ariadne-h-4 {
|
903
|
-
height: 1rem;
|
904
|
-
}
|
905
|
-
|
906
894
|
.ariadne-w-56 {
|
907
895
|
width: 14rem;
|
908
896
|
}
|
909
897
|
|
910
|
-
.ariadne-w-full {
|
911
|
-
width: 100%;
|
912
|
-
}
|
913
|
-
|
914
898
|
.ariadne-w-0 {
|
915
899
|
width: 0px;
|
916
900
|
}
|
@@ -923,6 +907,10 @@ select {
|
|
923
907
|
width: 1.25rem;
|
924
908
|
}
|
925
909
|
|
910
|
+
.ariadne-w-full {
|
911
|
+
width: 100%;
|
912
|
+
}
|
913
|
+
|
926
914
|
.ariadne-w-14 {
|
927
915
|
width: 3.5rem;
|
928
916
|
}
|
@@ -935,10 +923,6 @@ select {
|
|
935
923
|
width: 60%;
|
936
924
|
}
|
937
925
|
|
938
|
-
.ariadne-w-4 {
|
939
|
-
width: 1rem;
|
940
|
-
}
|
941
|
-
|
942
926
|
.ariadne-min-w-full {
|
943
927
|
min-width: 100%;
|
944
928
|
}
|
@@ -951,10 +935,6 @@ select {
|
|
951
935
|
max-width: 20rem;
|
952
936
|
}
|
953
937
|
|
954
|
-
.ariadne-max-w-2xl {
|
955
|
-
max-width: 42rem;
|
956
|
-
}
|
957
|
-
|
958
938
|
.ariadne-flex-1 {
|
959
939
|
flex: 1 1 0%;
|
960
940
|
}
|
@@ -983,20 +963,10 @@ select {
|
|
983
963
|
cursor: pointer;
|
984
964
|
}
|
985
965
|
|
986
|
-
.ariadne-resize-none {
|
987
|
-
resize: none;
|
988
|
-
}
|
989
|
-
|
990
966
|
.ariadne-list-none {
|
991
967
|
list-style-type: none;
|
992
968
|
}
|
993
969
|
|
994
|
-
.ariadne-appearance-none {
|
995
|
-
-webkit-appearance: none;
|
996
|
-
-moz-appearance: none;
|
997
|
-
appearance: none;
|
998
|
-
}
|
999
|
-
|
1000
970
|
.ariadne-flex-col {
|
1001
971
|
flex-direction: column;
|
1002
972
|
}
|
@@ -1042,12 +1012,6 @@ select {
|
|
1042
1012
|
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
|
1043
1013
|
}
|
1044
1014
|
|
1045
|
-
.ariadne-space-y-6 > :not([hidden]) ~ :not([hidden]) {
|
1046
|
-
--tw-space-y-reverse: 0;
|
1047
|
-
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
|
1048
|
-
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
|
1049
|
-
}
|
1050
|
-
|
1051
1015
|
.ariadne-divide-y > :not([hidden]) ~ :not([hidden]) {
|
1052
1016
|
--tw-divide-y-reverse: 0;
|
1053
1017
|
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
@@ -1060,11 +1024,6 @@ select {
|
|
1060
1024
|
border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
|
1061
1025
|
}
|
1062
1026
|
|
1063
|
-
.ariadne-divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
|
1064
|
-
--tw-divide-opacity: 1;
|
1065
|
-
border-color: rgb(229 231 235 / var(--tw-divide-opacity));
|
1066
|
-
}
|
1067
|
-
|
1068
1027
|
.ariadne-divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
|
1069
1028
|
--tw-divide-opacity: 1;
|
1070
1029
|
border-color: rgb(243 244 246 / var(--tw-divide-opacity));
|
@@ -1075,6 +1034,11 @@ select {
|
|
1075
1034
|
border-color: rgb(209 213 219 / var(--tw-divide-opacity));
|
1076
1035
|
}
|
1077
1036
|
|
1037
|
+
.ariadne-divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
|
1038
|
+
--tw-divide-opacity: 1;
|
1039
|
+
border-color: rgb(229 231 235 / var(--tw-divide-opacity));
|
1040
|
+
}
|
1041
|
+
|
1078
1042
|
.ariadne-overflow-hidden {
|
1079
1043
|
overflow: hidden;
|
1080
1044
|
}
|
@@ -1117,15 +1081,6 @@ select {
|
|
1117
1081
|
border-width: 1px;
|
1118
1082
|
}
|
1119
1083
|
|
1120
|
-
.ariadne-border-x {
|
1121
|
-
border-left-width: 1px;
|
1122
|
-
border-right-width: 1px;
|
1123
|
-
}
|
1124
|
-
|
1125
|
-
.ariadne-border-b {
|
1126
|
-
border-bottom-width: 1px;
|
1127
|
-
}
|
1128
|
-
|
1129
1084
|
.ariadne-border-b-2 {
|
1130
1085
|
border-bottom-width: 2px;
|
1131
1086
|
}
|
@@ -1168,11 +1123,6 @@ select {
|
|
1168
1123
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
1169
1124
|
}
|
1170
1125
|
|
1171
|
-
.ariadne-border-gray-200 {
|
1172
|
-
--tw-border-opacity: 1;
|
1173
|
-
border-color: rgb(229 231 235 / var(--tw-border-opacity));
|
1174
|
-
}
|
1175
|
-
|
1176
1126
|
.ariadne-border-indigo-500 {
|
1177
1127
|
--tw-border-opacity: 1;
|
1178
1128
|
border-color: rgb(99 102 241 / var(--tw-border-opacity));
|
@@ -1218,6 +1168,11 @@ select {
|
|
1218
1168
|
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
|
1219
1169
|
}
|
1220
1170
|
|
1171
|
+
.ariadne-bg-neutral-50 {
|
1172
|
+
--tw-bg-opacity: 1;
|
1173
|
+
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
|
1174
|
+
}
|
1175
|
+
|
1221
1176
|
.ariadne-bg-gray-50 {
|
1222
1177
|
--tw-bg-opacity: 1;
|
1223
1178
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
@@ -1252,8 +1207,8 @@ select {
|
|
1252
1207
|
padding: 0.375rem;
|
1253
1208
|
}
|
1254
1209
|
|
1255
|
-
.ariadne-p-
|
1256
|
-
padding:
|
1210
|
+
.ariadne-p-3 {
|
1211
|
+
padding: 0.75rem;
|
1257
1212
|
}
|
1258
1213
|
|
1259
1214
|
.ariadne-p-8 {
|
@@ -1340,10 +1295,6 @@ select {
|
|
1340
1295
|
padding-bottom: 0.875rem;
|
1341
1296
|
}
|
1342
1297
|
|
1343
|
-
.ariadne-pt-2 {
|
1344
|
-
padding-top: 0.5rem;
|
1345
|
-
}
|
1346
|
-
|
1347
1298
|
.ariadne-pl-3 {
|
1348
1299
|
padding-left: 0.75rem;
|
1349
1300
|
}
|
@@ -1364,6 +1315,10 @@ select {
|
|
1364
1315
|
padding-top: 1.5rem;
|
1365
1316
|
}
|
1366
1317
|
|
1318
|
+
.ariadne-pt-4 {
|
1319
|
+
padding-top: 1rem;
|
1320
|
+
}
|
1321
|
+
|
1367
1322
|
.ariadne-pb-2 {
|
1368
1323
|
padding-bottom: 0.5rem;
|
1369
1324
|
}
|
@@ -1376,14 +1331,6 @@ select {
|
|
1376
1331
|
padding-right: 0.75rem;
|
1377
1332
|
}
|
1378
1333
|
|
1379
|
-
.ariadne-pt-4 {
|
1380
|
-
padding-top: 1rem;
|
1381
|
-
}
|
1382
|
-
|
1383
|
-
.ariadne-pt-8 {
|
1384
|
-
padding-top: 2rem;
|
1385
|
-
}
|
1386
|
-
|
1387
1334
|
.ariadne-text-left {
|
1388
1335
|
text-align: left;
|
1389
1336
|
}
|
@@ -1463,10 +1410,6 @@ select {
|
|
1463
1410
|
line-height: 1.25rem;
|
1464
1411
|
}
|
1465
1412
|
|
1466
|
-
.ariadne-leading-6 {
|
1467
|
-
line-height: 1.5rem;
|
1468
|
-
}
|
1469
|
-
|
1470
1413
|
.ariadne-tracking-tight {
|
1471
1414
|
letter-spacing: -0.025em;
|
1472
1415
|
}
|
@@ -1606,16 +1549,6 @@ select {
|
|
1606
1549
|
-moz-osx-font-smoothing: grayscale;
|
1607
1550
|
}
|
1608
1551
|
|
1609
|
-
.ariadne-placeholder-gray-400::-moz-placeholder {
|
1610
|
-
--tw-placeholder-opacity: 1;
|
1611
|
-
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
1612
|
-
}
|
1613
|
-
|
1614
|
-
.ariadne-placeholder-gray-400::placeholder {
|
1615
|
-
--tw-placeholder-opacity: 1;
|
1616
|
-
color: rgb(156 163 175 / var(--tw-placeholder-opacity));
|
1617
|
-
}
|
1618
|
-
|
1619
1552
|
.ariadne-shadow-sm {
|
1620
1553
|
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
1621
1554
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
@@ -2082,22 +2015,6 @@ li.ProseMirror-selectednode:after {
|
|
2082
2015
|
display: none;
|
2083
2016
|
}
|
2084
2017
|
|
2085
|
-
.focus-within\:ariadne-border-indigo-500:focus-within {
|
2086
|
-
--tw-border-opacity: 1;
|
2087
|
-
border-color: rgb(99 102 241 / var(--tw-border-opacity));
|
2088
|
-
}
|
2089
|
-
|
2090
|
-
.focus-within\:ariadne-ring-1:focus-within {
|
2091
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
2092
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
2093
|
-
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
2094
|
-
}
|
2095
|
-
|
2096
|
-
.focus-within\:ariadne-ring-indigo-500:focus-within {
|
2097
|
-
--tw-ring-opacity: 1;
|
2098
|
-
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
|
2099
|
-
}
|
2100
|
-
|
2101
2018
|
.hover\:ariadne-border-gray-300:hover {
|
2102
2019
|
--tw-border-opacity: 1;
|
2103
2020
|
border-color: rgb(209 213 219 / var(--tw-border-opacity));
|
@@ -2157,11 +2074,6 @@ li.ProseMirror-selectednode:after {
|
|
2157
2074
|
z-index: 20;
|
2158
2075
|
}
|
2159
2076
|
|
2160
|
-
.focus\:ariadne-border-indigo-500:focus {
|
2161
|
-
--tw-border-opacity: 1;
|
2162
|
-
border-color: rgb(99 102 241 / var(--tw-border-opacity));
|
2163
|
-
}
|
2164
|
-
|
2165
2077
|
.focus\:ariadne-outline-none:focus {
|
2166
2078
|
outline: 2px solid transparent;
|
2167
2079
|
outline-offset: 2px;
|
@@ -2173,12 +2085,6 @@ li.ProseMirror-selectednode:after {
|
|
2173
2085
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
2174
2086
|
}
|
2175
2087
|
|
2176
|
-
.focus\:ariadne-ring-0:focus {
|
2177
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
2178
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
2179
|
-
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
2180
|
-
}
|
2181
|
-
|
2182
2088
|
.focus\:ariadne-ring-purple-500:focus {
|
2183
2089
|
--tw-ring-opacity: 1;
|
2184
2090
|
--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity));
|
@@ -2209,11 +2115,6 @@ li.ProseMirror-selectednode:after {
|
|
2209
2115
|
--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity));
|
2210
2116
|
}
|
2211
2117
|
|
2212
|
-
.focus\:ariadne-ring-indigo-500:focus {
|
2213
|
-
--tw-ring-opacity: 1;
|
2214
|
-
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity));
|
2215
|
-
}
|
2216
|
-
|
2217
2118
|
.focus\:ariadne-ring-offset-2:focus {
|
2218
2119
|
--tw-ring-offset-width: 2px;
|
2219
2120
|
}
|
@@ -2247,10 +2148,6 @@ li.ProseMirror-selectednode:after {
|
|
2247
2148
|
margin-top: 0px;
|
2248
2149
|
}
|
2249
2150
|
|
2250
|
-
.sm\:ariadne-block {
|
2251
|
-
display: block;
|
2252
|
-
}
|
2253
|
-
|
2254
2151
|
.sm\:ariadne-grid-cols-2 {
|
2255
2152
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
2256
2153
|
}
|
@@ -2270,10 +2167,6 @@ li.ProseMirror-selectednode:after {
|
|
2270
2167
|
padding-left: 1.5rem;
|
2271
2168
|
}
|
2272
2169
|
|
2273
|
-
.sm\:ariadne-pt-10 {
|
2274
|
-
padding-top: 2.5rem;
|
2275
|
-
}
|
2276
|
-
|
2277
2170
|
.sm\:ariadne-text-4xl {
|
2278
2171
|
font-size: 2.25rem;
|
2279
2172
|
line-height: 2.5rem;
|
@@ -2283,11 +2176,6 @@ li.ProseMirror-selectednode:after {
|
|
2283
2176
|
font-size: 1.875rem;
|
2284
2177
|
line-height: 2.25rem;
|
2285
2178
|
}
|
2286
|
-
|
2287
|
-
.sm\:ariadne-text-sm {
|
2288
|
-
font-size: 0.875rem;
|
2289
|
-
line-height: 1.25rem;
|
2290
|
-
}
|
2291
2179
|
}
|
2292
2180
|
|
2293
2181
|
@media (min-width: 768px) {
|