ariadne_view_components 0.0.17 → 0.0.19
Sign up to get free protection for your applications and to get access to all the features.
- 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) {
|