coveragebook_components 0.8.7 → 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 (22) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/build/coco/app.css +41 -4
  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 +12 -11
  6. data/app/assets/build/coco/book.css +47 -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/app/layouts/page/page.css +1 -1
  10. data/app/components/coco/app/layouts/page/page.html.erb +3 -1
  11. data/app/components/coco/base/modal/modal.css +12 -0
  12. data/app/components/coco/base/modal/modal.html.erb +11 -1
  13. data/app/components/coco/base/modal/modal.rb +4 -1
  14. data/app/components/coco/base/modal_dialog/modal_dialog.css +6 -2
  15. data/app/components/coco/base/panel/panel.css +19 -0
  16. data/app/components/coco/base/panel/panel.html.erb +5 -0
  17. data/app/components/coco/base/panel/panel.rb +4 -0
  18. data/app/helpers/coco/app_helper.rb +4 -0
  19. data/lib/coco.rb +1 -1
  20. data/lib/scripts/esbuild-plugin-build-icons.js +1 -1
  21. data/lib/tasks/coco_tasks.rake +55 -6
  22. metadata +9 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 5c3ad96d602a3b4104c189f2f56a4ef72ebf716bfce5c815e7d0f0dd6b08cca9
4
- data.tar.gz: 06c0f900d4e8f6f8d4ecf2d99c6fe8af4989715dc2d35b2bc88d267581d7ca58
3
+ metadata.gz: 0aecc04172b4fefbe98b04388dc711d3afa646f076a4112d5edebde68563a4f2
4
+ data.tar.gz: b5c63e26f8bf0ae7e39fac4e164cf8bd8d338037c0776ede78bda9ba26218183
5
5
  SHA512:
6
- metadata.gz: '083df20dea9d53f4fc9f2680f42e3d01732748e8a9d0cb624ca365258c6840ad6c987d0774a1507cb1f39d73192fc393ac76a9d51b7c94e2e10e18821ed87dbd'
7
- data.tar.gz: '09111d51fa399f5a9d7afb02a2ce19d4161b078969b76f495a85dd1670a1627095049913b49be4f62678d02902d6b44e769431d97cf6c14a153a8668b8e6b5e7'
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"]{
@@ -4645,7 +4680,7 @@ select{
4645
4680
  left: var(--sidebar-nav-width, 0)}
4646
4681
  [data-coco][data-component="page-layout"] .page-controls .page-control-next{
4647
4682
  margin-left: auto}
4648
- [data-coco][data-component="page-layout"][data-width="constrained"] .page-body{
4683
+ [data-coco][data-component="page-layout"][data-width="constrained"] .page-body-content{
4649
4684
  margin-left: auto;
4650
4685
  margin-right: auto;
4651
4686
  max-width: 1400px}
@@ -5049,6 +5084,8 @@ select{
5049
5084
  border-radius: 0.375rem;
5050
5085
  -o-object-fit: contain;
5051
5086
  object-fit: contain}
5087
+ .visible{
5088
+ visibility: visible}
5052
5089
  .static{
5053
5090
  position: static}
5054
5091
  .fixed{