coveragebook_components 0.8.8 → 0.8.9

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.
Files changed (18) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/build/coco/app.css +38 -3
  3. data/app/assets/build/coco/app.dev.css +5535 -0
  4. data/app/assets/build/coco/app.dev.js +27473 -0
  5. data/app/assets/build/coco/app.js +1 -1
  6. data/app/assets/build/coco/book.css +44 -2
  7. data/app/assets/build/coco/book.dev.css +2009 -0
  8. data/app/assets/build/coco/book.dev.js +15801 -0
  9. data/app/components/coco/base/modal/modal.css +12 -0
  10. data/app/components/coco/base/modal/modal.html.erb +11 -1
  11. data/app/components/coco/base/modal/modal.rb +4 -1
  12. data/app/components/coco/base/modal_dialog/modal_dialog.css +6 -2
  13. data/app/components/coco/base/panel/panel.css +19 -0
  14. data/app/components/coco/base/panel/panel.html.erb +5 -0
  15. data/app/components/coco/base/panel/panel.rb +4 -0
  16. data/app/helpers/coco/app_helper.rb +4 -0
  17. data/lib/coco.rb +1 -1
  18. metadata +9 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: f723811d6a3609dae70976bda4a0f1c8577e1a89dd85ff190149112dcae54dbc
4
- data.tar.gz: 6a54e4799a4fa6cb047c2bfc89b469c6182cb958b9ed2227d0df12f095b4166e
3
+ metadata.gz: 0aecc04172b4fefbe98b04388dc711d3afa646f076a4112d5edebde68563a4f2
4
+ data.tar.gz: b5c63e26f8bf0ae7e39fac4e164cf8bd8d338037c0776ede78bda9ba26218183
5
5
  SHA512:
6
- metadata.gz: ffdf1f637359a39c048698f58c81092d2dded4d488ef0e73ba12fadcb35b1d4c4ef95682f4b926dc0f99fd253680abaaa9846d2613e7e742640a038259ce0a01
7
- data.tar.gz: bfa4ae0355bdf96b8f981d2ac0c47aa59a73768ee1c92464d5975a6b114da41bba5e2e8807b718b6b333abc7288d4494cd33256cf3671ca472d1a79db26831c2
6
+ metadata.gz: f09b1ffed22c4174a83f1c566b134ae762d692b467aad3b2a69f98d519d5a4253c3e54bdd096f333f0933e41065627c54954df98e815ad53b668330808fe54bb
7
+ data.tar.gz: aeea51cd42c33c5dea96d51b06199cff02289280e02f113602670f3ad880cb8245778101a82ed780e5d74a8fcd0c7695114e77fd56b6c8c417986cfbbd196b51
data/app/assets/build/coco/app.css CHANGED
@@ -1030,14 +1030,30 @@ select{
1030
1030
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}
1031
1031
  .modal-frame{
1032
1032
  display: contents}
1033
+ /*
1034
+ Limit the size of modal content when rendered in the
1035
+ host page rather than displayed as a modal.
1036
+ */
1037
+ [data-role="inline-modal-content"]{
1038
+ margin-left: auto;
1039
+ margin-right: auto;
1040
+ max-width: 42rem}
1041
+ [data-role="inline-modal-content"] [data-component="modal-dialog"]{
1042
+ border-radius: 0.75rem;
1043
+ border-width: 1px;
1044
+ --tw-border-opacity: 1;
1045
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1046
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1047
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1048
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
1033
1049
  [data-coco][data-component="modal-dialog"]{
1034
1050
  width: 100%;
1035
- border-radius: 0.75rem;
1051
+ border-radius: 0.75rem}
1052
+ .modal-frame [data-coco][data-component="modal-dialog"]{
1036
1053
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
1037
1054
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
1038
1055
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1039
- max-width: 42rem}
1040
- /* temp until sizes added */
1056
+ max-width: 42rem /* temp until sizes added */}
1041
1057
  [data-coco][data-component="modal-dialog"] .modal-dialog-header{
1042
1058
  position: relative;
1043
1059
  display: flex;
@@ -1226,6 +1242,25 @@ select{
1226
1242
  border-bottom-left-radius: 0.375rem}
1227
1243
  [data-coco][data-component="pager-link"][data-direction="next"] .coco-icon{
1228
1244
  margin-right: -0.25rem}
1245
+ [data-coco][data-component="panel"]{
1246
+ display: contents}
1247
+ [data-coco][data-component="panel"] .panel-content{
1248
+ display: contents}
1249
+ /* Only style Coco panels that are not rendered inside legacy panel components */
1250
+ [data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]){
1251
+ display: block;
1252
+ border-radius: 0.75rem;
1253
+ border-width: 1px;
1254
+ --tw-border-opacity: 1;
1255
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
1256
+ --tw-bg-opacity: 1;
1257
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1258
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1259
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1260
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
1261
+ [data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]) .panel-content{
1262
+ display: block;
1263
+ padding: max(min(5%, 2rem), 1rem)}
1229
1264
  [data-coco][data-component="placeholder"]{
1230
1265
  padding: 1rem}
1231
1266
  [data-coco][data-component="placeholder"][data-boxed="true"]{