coveragebook_components 0.7.1 → 0.7.3

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 (50) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/build/coco/app.css +27 -20
  3. data/app/assets/build/coco/app.js +136 -309
  4. data/app/assets/build/coco/book.css +11 -7
  5. data/app/assets/build/coco/book.js +143 -185
  6. data/app/assets/js/coco.js +2 -30
  7. data/app/assets/js/{base/mixins → libs/alpine/directives}/undo.js +12 -13
  8. data/app/assets/js/libs/alpine/index.js +15 -13
  9. data/app/components/coco/app/blocks/slide_editor/slide_editor.html.erb +2 -1
  10. data/app/components/coco/app/blocks/slide_editor/slide_editor.js +0 -3
  11. data/app/components/coco/app/elements/{form_button/form_button.css → button_to/button_to.css} +1 -1
  12. data/app/components/coco/app/elements/{form_button/form_button.rb → button_to/button_to.rb} +1 -1
  13. data/app/components/coco/app/elements/color_picker/color_picker.js +0 -2
  14. data/app/components/coco/app/elements/image_picker/image_picker.js +0 -2
  15. data/app/components/coco/app/elements/link/link.css +11 -1
  16. data/app/components/coco/app/elements/link/link.rb +1 -0
  17. data/app/components/coco/app/elements/menu/menu.css +1 -1
  18. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.html.erb +2 -1
  19. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.js +1 -7
  20. data/app/components/coco/app/elements/snackbar/snackbar.js +0 -2
  21. data/app/components/coco/app/elements/toast/toast.css +1 -1
  22. data/app/components/coco/app/elements/toast/toast.js +0 -2
  23. data/app/components/coco/base/button/button.js +0 -2
  24. data/app/components/coco/base/button/button.rb +3 -9
  25. data/app/components/coco/base/dropdown/dropdown.js +1 -3
  26. data/app/components/coco/base/link/link.css +11 -11
  27. data/app/components/coco/base/link/link.rb +1 -5
  28. data/app/components/coco/base/modal_dialog/modal_dialog.css +1 -1
  29. data/app/components/coco/concerns/acts_as_button_group.rb +1 -1
  30. data/app/helpers/coco/app_helper.rb +60 -37
  31. data/app/helpers/coco/base_helper.rb +2 -2
  32. data/app/helpers/coco/url_helper.rb +6 -12
  33. data/lib/coco.rb +1 -1
  34. metadata +12 -21
  35. data/app/assets/js/app/mixins/dropdown.js +0 -18
  36. data/app/assets/js/app/mixins/index.js +0 -3
  37. data/app/assets/js/base/mixins/attr-observer.js +0 -54
  38. data/app/assets/js/base/mixins/attrs.js +0 -58
  39. data/app/assets/js/base/mixins/dropdown.js +0 -69
  40. data/app/assets/js/base/mixins/index.js +0 -17
  41. data/app/assets/js/base/mixins/options.js +0 -76
  42. data/app/assets/js/base/mixins/size-observer.js +0 -34
  43. data/app/assets/js/base/mixins/tooltip.js +0 -81
  44. /data/app/assets/js/libs/alpine/{plugins → directives}/destroy.js +0 -0
  45. /data/app/assets/js/libs/alpine/{plugins → directives}/dimensions.js +0 -0
  46. /data/app/assets/js/libs/alpine/{plugins → directives}/dropdown.js +0 -0
  47. /data/app/assets/js/libs/alpine/{plugins → directives}/notification.js +0 -0
  48. /data/app/assets/js/libs/alpine/{plugins → directives}/options.js +0 -0
  49. /data/app/assets/js/libs/alpine/{plugins → directives}/tooltip.js +0 -0
  50. /data/app/components/coco/app/elements/{form_button/form_button.html.erb → button_to/button_to.html.erb} +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: a9f2109c2b353d4f4d3eda5254ab502c3b6d09a3decb653969221a533bb6a322
4
- data.tar.gz: 7a07779c43844005785c0085cea3c3b488bbf09d13af3476089c10718159e546
3
+ metadata.gz: 287b92ab8ab281433ab11b74dc67dcff72cffd6d2ef1c3e3e03a7b7336f7cb7f
4
+ data.tar.gz: fafbf5dca17cc74fe3e7c1c7916ed17ad094283e4c74d551f22ebc087e7faecb
5
5
  SHA512:
6
- metadata.gz: 96ad0fcc7aa6248448b4d737c34eed1f95440fa22b64dc4348cc125f7db84b166c6de375383a668b106b8fa9b97cb011dc317d367e3ce1e382faba6eecb8655f
7
- data.tar.gz: a5eb991e495f26a598ec8d12975d48c00b00ec7e92e57497c00387886abb3af685da5f0cffa685d82b8b173c600df31bb193595ec1700e03df1ba08edeb1b754
6
+ metadata.gz: 9b8f37fd4a0af96e03ee70512e55fdf50a28f640e0577557a7b961a59ac05ef75890af415bcdb1cdcc5a205ed46749706c2d04213fdd2fb03a87b972e7beaf7d
7
+ data.tar.gz: fb86b8cf5ac533096b0872b11b263b0be7c170ce2ed6c031d543089188db8a0acb82f9c2aa9c9345b87e08e4ab404e66e1790973e2832a14f3460c8fe21b1931
@@ -879,16 +879,17 @@ select{
879
879
  [data-coco].coco-link{
880
880
  display: inline-flex;
881
881
  align-items: center}
882
- [data-coco].coco-link[data-icon-position="start"] .link-text{
883
- order: 2}
884
- [data-coco].coco-link[data-icon-position="start"] [data-component="icon"]{
882
+ [data-coco].coco-link.with-icon > [data-component="icon"]{
885
883
  order: 1;
886
884
  margin-right: 0.4em}
887
- [data-coco].coco-link[data-icon-position="end"] .link-text{
885
+ [data-coco].coco-link.with-icon .link-text{
886
+ order: 2}
887
+ [data-coco].coco-link.with-icon[data-icon-position="end"] .link-text{
888
888
  order: 1;
889
889
  margin-right: 0.4em}
890
- [data-coco].coco-link[data-icon-position="end"] [data-component="icon"]{
891
- order: 2}
890
+ [data-coco].coco-link.with-icon[data-icon-position="end"] [data-component="icon"]{
891
+ order: 2;
892
+ margin-right: 0px}
892
893
  [data-coco][data-component="modal"]{
893
894
  position: fixed;
894
895
  inset: 0px;
@@ -952,7 +953,7 @@ select{
952
953
  padding-right: 1.5rem;
953
954
  font-size: 1.125rem;
954
955
  line-height: 1.75rem;
955
- font-weight: 600}
956
+ font-weight: 700}
956
957
  [data-coco][data-component="modal-dialog"] .modal-dialog-close{
957
958
  position: absolute;
958
959
  top: 50%;
@@ -2422,6 +2423,12 @@ select{
2422
2423
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
2423
2424
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
2424
2425
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
2426
+ [data-coco][data-component="app-button-to"]{
2427
+ display: inline-flex;
2428
+ width: -moz-max-content;
2429
+ width: max-content}
2430
+ [data-coco][data-component="app-button-to"] form{
2431
+ width: 100%}
2425
2432
  [data-coco][data-component="app-color-picker"]{
2426
2433
  --tw-bg-opacity: 1;
2427
2434
  background-color: rgb(249 250 251 / var(--tw-bg-opacity))}
@@ -2750,12 +2757,6 @@ select{
2750
2757
  font-size: 14px;
2751
2758
  line-height: 16px;
2752
2759
  font-weight: 600}
2753
- [data-coco][data-component="app-form-button"]{
2754
- display: inline-flex;
2755
- width: -moz-max-content;
2756
- width: max-content}
2757
- [data-coco][data-component="app-form-button"] form{
2758
- width: 100%}
2759
2760
  [data-coco][data-component="app-image-picker"] .picker-blank-state{
2760
2761
  display: flex;
2761
2762
  flex-direction: column;
@@ -3012,10 +3013,14 @@ select{
3012
3013
  padding: 1.5rem;
3013
3014
  }
3014
3015
  }
3015
- [data-coco][data-component="app-link"]{
3016
+ [data-coco][data-component="app-link"][data-theme]{
3016
3017
  text-decoration-line: none}
3017
- [data-coco][data-component="app-link"]:hover{
3018
+ [data-coco][data-component="app-link"][data-theme]:hover{
3018
3019
  text-decoration-line: underline}
3020
+ [data-coco][data-component="app-link"][data-underline="true"]{
3021
+ text-decoration-line: underline}
3022
+ [data-coco][data-component="app-link"][data-underline="false"]{
3023
+ text-decoration-line: none}
3019
3024
  [data-coco][data-component="app-link"][data-theme="primary"]{
3020
3025
  --tw-text-opacity: 1;
3021
3026
  color: rgb(26 136 113 / var(--tw-text-opacity))}
@@ -3059,21 +3064,21 @@ select{
3059
3064
  [data-coco][data-component="app-menu"] .menu-item > *{
3060
3065
  width: 100%}
3061
3066
  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button"]:hover,
3062
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-form-button"]:hover,
3067
+ [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"]:hover,
3063
3068
  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]:hover{
3064
3069
  background-color: rgba(0, 12, 39, 0.06);
3065
3070
  background-blend-mode: hard-light}
3066
3071
  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button"]:active,
3067
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-form-button"]:active,
3072
+ [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"]:active,
3068
3073
  [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]:active{
3069
3074
  background-color: rgba(0, 12, 39, 0.1);
3070
3075
  background-blend-mode: hard-light}
3071
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button"] .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-form-button"] .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"] .button-inner{
3076
+ [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button"] .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"] .button-inner{
3072
3077
  margin-left: 0px;
3073
3078
  margin-right: 0px;
3074
3079
  justify-content: flex-start;
3075
3080
  text-align: left}
3076
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button"] .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-form-button"] .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"] .button-content{
3081
+ [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button"] .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"] .button-content{
3077
3082
  font-weight: 400 !important}
3078
3083
  [data-coco][data-component="app-menu"][data-size="sm"]{
3079
3084
  padding-top: 0.375rem;
@@ -3301,7 +3306,7 @@ select{
3301
3306
  position: fixed;
3302
3307
  top: 2rem;
3303
3308
  right: 2rem;
3304
- z-index: 1000}
3309
+ z-index: 10001}
3305
3310
  /* Transitions */
3306
3311
  [data-coco][data-component="app-toast"].toast-enter{
3307
3312
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
@@ -3786,6 +3791,8 @@ select{
3786
3791
  .text-teal-500{
3787
3792
  --tw-text-opacity: 1;
3788
3793
  color: rgb(20 184 166 / var(--tw-text-opacity))}
3794
+ .underline{
3795
+ text-decoration-line: underline}
3789
3796
  .filter{
3790
3797
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
3791
3798
  /* Transparent gray blend-mode background utilities */