coveragebook_components 0.8.7 → 0.8.9

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