coveragebook_components 0.8.8 → 0.8.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f723811d6a3609dae70976bda4a0f1c8577e1a89dd85ff190149112dcae54dbc
-  data.tar.gz: 6a54e4799a4fa6cb047c2bfc89b469c6182cb958b9ed2227d0df12f095b4166e
+  metadata.gz: 0aecc04172b4fefbe98b04388dc711d3afa646f076a4112d5edebde68563a4f2
+  data.tar.gz: b5c63e26f8bf0ae7e39fac4e164cf8bd8d338037c0776ede78bda9ba26218183
 SHA512:
-  metadata.gz: ffdf1f637359a39c048698f58c81092d2dded4d488ef0e73ba12fadcb35b1d4c4ef95682f4b926dc0f99fd253680abaaa9846d2613e7e742640a038259ce0a01
-  data.tar.gz: bfa4ae0355bdf96b8f981d2ac0c47aa59a73768ee1c92464d5975a6b114da41bba5e2e8807b718b6b333abc7288d4494cd33256cf3671ca472d1a79db26831c2
+  metadata.gz: f09b1ffed22c4174a83f1c566b134ae762d692b467aad3b2a69f98d519d5a4253c3e54bdd096f333f0933e41065627c54954df98e815ad53b668330808fe54bb
+  data.tar.gz: aeea51cd42c33c5dea96d51b06199cff02289280e02f113602670f3ad880cb8245778101a82ed780e5d74a8fcd0c7695114e77fd56b6c8c417986cfbbd196b51

data/app/assets/build/coco/app.css

@@ -1030,14 +1030,30 @@ select{
     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))}}
 .modal-frame{
   display: contents}
+/*
+    Limit the size of modal content when rendered in the
+    host page rather than displayed as a modal.
+   */
+[data-role="inline-modal-content"]{
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 42rem}
+[data-role="inline-modal-content"] [data-component="modal-dialog"]{
+  border-radius: 0.75rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
 [data-coco][data-component="modal-dialog"]{
   width: 100%;
-  border-radius: 0.75rem;
+  border-radius: 0.75rem}
+.modal-frame [data-coco][data-component="modal-dialog"]{
   --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  max-width: 42rem}
-/* temp until sizes added */
+  max-width: 42rem /* temp until sizes added */}
 [data-coco][data-component="modal-dialog"] .modal-dialog-header{
   position: relative;
   display: flex;
@@ -1226,6 +1242,25 @@ select{
   border-bottom-left-radius: 0.375rem}
 [data-coco][data-component="pager-link"][data-direction="next"] .coco-icon{
   margin-right: -0.25rem}
+[data-coco][data-component="panel"]{
+  display: contents}
+[data-coco][data-component="panel"] .panel-content{
+  display: contents}
+/* Only style Coco panels that are not rendered inside legacy panel components */
+[data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]){
+  display: block;
+  border-radius: 0.75rem;
+  border-width: 1px;
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
+[data-coco][data-component="panel"]:not([data-component="panel"] [data-component="panel"]) .panel-content{
+  display: block;
+        padding: max(min(5%, 2rem), 1rem)}
 [data-coco][data-component="placeholder"]{
   padding: 1rem}
 [data-coco][data-component="placeholder"][data-boxed="true"]{