coveragebook_components 0.5.0 → 0.5.2

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 +28 -28
  3. data/app/assets/build/coco/app.js +8113 -974
  4. data/app/assets/build/coco/book.css +3 -0
  5. data/app/assets/build/coco/book.js +37 -4
  6. data/app/assets/js/base/polyfills/request-submit.js +39 -0
  7. data/app/assets/js/base/setup.js +2 -0
  8. data/app/assets/js/helpers/path.js +9 -1
  9. data/app/assets/js/helpers/screenshot.js +20 -4
  10. data/app/components/coco/app/blocks/slide_editor/slide_editor.css +8 -11
  11. data/app/components/coco/app/blocks/slide_editor/slide_editor.html.erb +155 -196
  12. data/app/components/coco/app/blocks/slide_editor/slide_editor.js +92 -70
  13. data/app/components/coco/app/blocks/slide_editor/slide_editor.rb +36 -85
  14. data/app/components/coco/app/elements/alert/alert.css +1 -1
  15. data/app/components/coco/app/elements/button/button.css +11 -11
  16. data/app/components/coco/app/elements/color_picker_button/color_picker_button.html.erb +17 -16
  17. data/app/components/coco/app/elements/color_picker_button/color_picker_button.js +0 -8
  18. data/app/components/coco/app/elements/color_picker_button/color_picker_button.rb +2 -15
  19. data/app/components/coco/app/elements/image_picker/image_picker.html.erb +4 -4
  20. data/app/components/coco/app/elements/image_picker/image_picker.js +18 -6
  21. data/app/components/coco/app/elements/image_picker/image_picker.rb +2 -11
  22. data/app/components/coco/app/elements/image_picker_button/image_picker_button.html.erb +9 -8
  23. data/app/components/coco/app/elements/image_picker_button/image_picker_button.js +10 -23
  24. data/app/components/coco/app/elements/image_picker_button/image_picker_button.rb +19 -35
  25. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.html.erb +7 -4
  26. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.js +9 -3
  27. data/app/components/coco/app/elements/seamless_textarea/seamless_textarea.rb +5 -20
  28. data/app/components/coco/base/button/button.css +3 -3
  29. data/app/components/coco/base/button/button.js +1 -3
  30. data/app/components/coco/base/image_uploader/image_uploader.html.erb +3 -2
  31. data/app/components/coco/base/image_uploader/image_uploader.rb +2 -12
  32. data/app/components/coco/book/blocks/slides/media_slide/media_slide.css +1 -1
  33. data/app/components/coco/component.rb +1 -0
  34. data/app/components/coco/concerns/has_name.rb +1 -1
  35. data/app/components/coco/concerns/translatable.rb +18 -0
  36. data/config/credentials/production.key +1 -0
  37. data/config/credentials/production.yml.enc +1 -0
  38. data/config/icons.json +886 -0
  39. data/config/locales/coco.en.yml +22 -0
  40. data/config/tailwind.app.config.cjs +21 -0
  41. data/config/tailwind.base.config.cjs +79 -0
  42. data/config/tailwind.book.config.cjs +20 -0
  43. data/config/tokens.cjs +229 -0
  44. data/config/utils.cjs +16 -0
  45. data/lib/coco.rb +1 -1
  46. metadata +13 -6
  47. data/app/assets/build/coco/app.dev.css +0 -3427
  48. data/app/assets/build/coco/app.dev.js +0 -24891
  49. data/app/assets/build/coco/book.dev.css +0 -992
  50. data/app/assets/build/coco/book.dev.js +0 -19840
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 04a58eafadfb3d9bee3046676b58625cb101d3e84d183127aeb4e4dea3b056c8
4
- data.tar.gz: cd33aac0b97a797b050346e55f31aa4ae6cce296dc0fc20b110f5924a79b3d3a
3
+ metadata.gz: 583516416fc97e8e71df9ac1d079e087b84742d8b75c8c7c40b9eda38869389b
4
+ data.tar.gz: 1ff186115c4fb370d7ef327c5df4283dd8b60d5b23660129aa966d7ae47d0b7a
5
5
  SHA512:
6
- metadata.gz: 152a325a617afd527e8607a669c85a1a4e09b9542fe23d1eeae53558726af33df1a2914c9848198d454427252c80c792ac2e13588ea216451d72e0cabdc35b07
7
- data.tar.gz: 4f18b57a7909ab4308497e492bc5be2a6a0f1ccfc66b36dff6675d48438c126800554e1106c53414bc225ee7092afaa463a354a4c7114d6658f24c32edd3e60d
6
+ metadata.gz: d397e04fe250a8cf16f5121917aeb96fd52caf53a38226b1b800a3164727bf03901a7952969b032385b6c223efdef86eb5b31386eb925dafe2f9dd13e2563933
7
+ data.tar.gz: 94338b8be80fc3b2346bd7b83f94823234bc92efbd82dd8687f07185431d0a97fc6c93ba83a3c67fa6e24760a5feb8ca309f3a7d854a857ac5a8969fc4981f04
@@ -773,19 +773,19 @@ select{
773
773
 
774
774
  to{
775
775
  transform: rotate(360deg)}}
776
- [data-coco].coco-button[data-state="loading"] .button-icon{
776
+ [data-coco].coco-button[data-state="loading"] > .button-element .button-icon{
777
777
  animation: spin 1.5s linear infinite}
778
778
  /* Fit */
779
779
  [data-coco].coco-button[data-fit="full"]{
780
780
  width: 100%}
781
781
  /* Icons */
782
- [data-coco].coco-button[data-icon-position="end"] .button-content{
782
+ [data-coco].coco-button[data-icon-position="end"] > .button-element .button-content{
783
783
  order: 1}
784
- [data-coco].coco-button[data-icon-position="end"] .button-icon{
784
+ [data-coco].coco-button[data-icon-position="end"] > .button-element .button-icon{
785
785
  order: 2}
786
- [data-coco].coco-button[data-icon-position="end"] .button-toggle{
786
+ [data-coco].coco-button[data-icon-position="end"] > .button-element .button-toggle{
787
787
  order: 3}
788
- [data-coco].coco-button.with-icon[data-collapsed="true"] .button-content {
788
+ [data-coco].coco-button.with-icon[data-collapsed="true"] > .button-element .button-content {
789
789
  display: none;
790
790
  }
791
791
  [data-coco][data-component="dropdown"] {
@@ -1104,34 +1104,31 @@ select{
1104
1104
 
1105
1105
  [data-coco][data-component="app-slide-editor"] .editor-toolbar{
1106
1106
  margin-bottom: 1.5rem}}
1107
+ [data-coco][data-component="app-slide-editor"] .editor-form form{
1108
+ display: none}
1107
1109
  [data-coco][data-component="app-slide-editor"] .editor-slide{
1108
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1109
- --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
1110
+ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
1111
+ --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
1110
1112
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
1111
1113
  [data-coco][data-component="app-slide-editor"] .editor-slide textarea{
1112
1114
  width: 100%;
1113
1115
  flex: none}
1114
1116
  [data-coco][data-component="app-slide-editor"] .coco-button.editor-saving{
1115
1117
  cursor: not-allowed}
1116
- [data-coco][data-component="app-slide-editor"] .editor-thumbnail-file{
1117
- pointer-events: none;
1118
- display: none}
1119
- [data-coco][data-component="app-slide-editor"] .editor-screenshot-wrapper{
1118
+ [data-coco][data-component="app-slide-editor"] .editor-thumbnail-wrapper{
1120
1119
  position: relative;
1121
1120
  width: 0px;
1122
1121
  overflow: hidden}
1123
- [data-coco][data-component="app-slide-editor"] .editor-screenshot{
1122
+ [data-coco][data-component="app-slide-editor"] .editor-thumbnail{
1124
1123
  pointer-events: none;
1125
1124
  position: absolute;
1126
1125
  top: 0px;
1127
1126
  z-index: -1000;
1128
- width: 800px}
1127
+ width: 500px}
1129
1128
  [data-coco][data-component="app-slide-editor"] .editor-icon-bg-color{
1130
1129
  fill: currentColor;
1131
1130
  stroke: #111827;
1132
1131
  stroke-width: 2px}
1133
- [data-coco][data-component="app-slide-editor"] .editor-icon-text-color {
1134
- }
1135
1132
  [data-coco][data-component="app-slide-editor"] [data-component="app-seamless-textarea"] textarea{
1136
1133
  outline-style: solid;
1137
1134
  outline-width: 1px;
@@ -1184,7 +1181,7 @@ select{
1184
1181
  line-height: 24px}
1185
1182
  [data-coco][data-component="app-alert"] .alert-message a{
1186
1183
  color: currentColor}
1187
- [data-coco][data-component="app-alert"]:not(.with-title) .alert-message{
1184
+ [data-coco][data-component="app-alert"].with-title .alert-message{
1188
1185
  margin-top: 0.25rem}
1189
1186
  [data-coco][data-component="app-alert"] .alert-actions{
1190
1187
  display: flex;
@@ -1413,7 +1410,7 @@ select{
1413
1410
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1414
1411
  transition-duration: 150ms;
1415
1412
  border-radius: 44px}
1416
- [data-coco][data-component="app-button"][data-theme] .button-content{
1413
+ [data-coco][data-component="app-button"][data-theme] > .button-element .button-content{
1417
1414
  font-weight: 600}
1418
1415
  [data-coco][data-component="app-button"][data-theme="primary"],
1419
1416
  [data-coco][data-component="app-button"][data-theme="positive"]{
@@ -1435,7 +1432,7 @@ select{
1435
1432
  [data-coco][data-component="app-button"][data-theme="primary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="positive"][data-state="active"]{
1436
1433
  --tw-bg-opacity: 1;
1437
1434
  background-color: rgb(13 97 89 / var(--tw-bg-opacity))}
1438
- [data-coco][data-component="app-button"][data-theme="primary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="positive"][data-state="loading"] .button-icon{
1435
+ [data-coco][data-component="app-button"][data-theme="primary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="positive"][data-state="loading"] > .button-element .button-icon{
1439
1436
  --tw-text-opacity: 1;
1440
1437
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1441
1438
  [data-coco][data-component="app-button"][data-theme="primary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="positive"][data-disabled="true"]{
@@ -1459,7 +1456,7 @@ select{
1459
1456
  [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="active"]{
1460
1457
  background-color: rgba(0, 12, 39, 0.1);
1461
1458
  background-blend-mode: hard-light}
1462
- [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="loading"] .button-icon{
1459
+ [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="loading"] > .button-element .button-icon{
1463
1460
  --tw-text-opacity: 1;
1464
1461
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1465
1462
  [data-coco][data-component="app-button"][data-theme="text-primary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="text-positive"][data-disabled="true"]{
@@ -1484,7 +1481,7 @@ select{
1484
1481
  [data-coco][data-component="app-button"][data-theme="secondary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="active"]{
1485
1482
  background-color: rgba(0, 12, 39, 0.1);
1486
1483
  background-blend-mode: hard-light}
1487
- [data-coco][data-component="app-button"][data-theme="secondary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="loading"] .button-icon{
1484
+ [data-coco][data-component="app-button"][data-theme="secondary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="loading"] > .button-element .button-icon{
1488
1485
  --tw-text-opacity: 1;
1489
1486
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1490
1487
  [data-coco][data-component="app-button"][data-theme="secondary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="toolbar"][data-disabled="true"]{
@@ -1508,7 +1505,7 @@ select{
1508
1505
  [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="active"]{
1509
1506
  background-color: rgba(0, 12, 39, 0.1);
1510
1507
  background-blend-mode: hard-light}
1511
- [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="loading"] .button-icon{
1508
+ [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="loading"] > .button-element .button-icon{
1512
1509
  --tw-text-opacity: 1;
1513
1510
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1514
1511
  [data-coco][data-component="app-button"][data-theme="text-secondary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-disabled="true"]{
@@ -1531,7 +1528,7 @@ select{
1531
1528
  [data-coco][data-component="app-button"][data-theme="negative"][data-state="active"]{
1532
1529
  --tw-bg-opacity: 1;
1533
1530
  background-color: rgb(153 27 27 / var(--tw-bg-opacity))}
1534
- [data-coco][data-component="app-button"][data-theme="negative"][data-state="loading"] .button-icon{
1531
+ [data-coco][data-component="app-button"][data-theme="negative"][data-state="loading"] > .button-element .button-icon{
1535
1532
  --tw-text-opacity: 1;
1536
1533
  color: rgb(252 165 165 / var(--tw-text-opacity))}
1537
1534
  [data-coco][data-component="app-button"][data-theme="negative"][data-disabled="true"]{
@@ -1552,7 +1549,7 @@ select{
1552
1549
  [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="active"]{
1553
1550
  background-color: rgba(0, 12, 39, 0.1);
1554
1551
  background-blend-mode: hard-light}
1555
- [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="loading"] .button-icon{
1552
+ [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="loading"] > .button-element .button-icon{
1556
1553
  --tw-text-opacity: 1;
1557
1554
  color: rgb(252 165 165 / var(--tw-text-opacity))}
1558
1555
  [data-coco][data-component="app-button"][data-theme="text-negative"][data-disabled="true"]{
@@ -1575,7 +1572,7 @@ select{
1575
1572
  [data-coco][data-component="app-button"][data-theme="warning"][data-state="active"]{
1576
1573
  --tw-bg-opacity: 1;
1577
1574
  background-color: rgb(146 64 14 / var(--tw-bg-opacity))}
1578
- [data-coco][data-component="app-button"][data-theme="warning"][data-state="loading"] .button-icon{
1575
+ [data-coco][data-component="app-button"][data-theme="warning"][data-state="loading"] > .button-element .button-icon{
1579
1576
  --tw-text-opacity: 1;
1580
1577
  color: rgb(252 211 77 / var(--tw-text-opacity))}
1581
1578
  [data-coco][data-component="app-button"][data-theme="warning"][data-disabled="true"]{
@@ -1596,7 +1593,7 @@ select{
1596
1593
  [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="active"]{
1597
1594
  background-color: rgba(0, 12, 39, 0.1);
1598
1595
  background-blend-mode: hard-light}
1599
- [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="loading"] .button-icon{
1596
+ [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="loading"] > .button-element .button-icon{
1600
1597
  --tw-text-opacity: 1;
1601
1598
  color: rgb(252 211 77 / var(--tw-text-opacity))}
1602
1599
  [data-coco][data-component="app-button"][data-theme="text-warning"][data-disabled="true"]{
@@ -1619,7 +1616,7 @@ select{
1619
1616
  [data-coco][data-component="app-button"][data-theme="info"][data-state="active"]{
1620
1617
  --tw-bg-opacity: 1;
1621
1618
  background-color: rgb(7 89 133 / var(--tw-bg-opacity))}
1622
- [data-coco][data-component="app-button"][data-theme="info"][data-state="loading"] .button-icon{
1619
+ [data-coco][data-component="app-button"][data-theme="info"][data-state="loading"] > .button-element .button-icon{
1623
1620
  --tw-text-opacity: 1;
1624
1621
  color: rgb(125 211 252 / var(--tw-text-opacity))}
1625
1622
  [data-coco][data-component="app-button"][data-theme="info"][data-disabled="true"]{
@@ -1640,7 +1637,7 @@ select{
1640
1637
  [data-coco][data-component="app-button"][data-theme="text-info"][data-state="active"]{
1641
1638
  background-color: rgba(0, 12, 39, 0.1);
1642
1639
  background-blend-mode: hard-light}
1643
- [data-coco][data-component="app-button"][data-theme="text-info"][data-state="loading"] .button-icon{
1640
+ [data-coco][data-component="app-button"][data-theme="text-info"][data-state="loading"] > .button-element .button-icon{
1644
1641
  --tw-text-opacity: 1;
1645
1642
  color: rgb(125 211 252 / var(--tw-text-opacity))}
1646
1643
  [data-coco][data-component="app-button"][data-theme="text-info"][data-disabled="true"]{
@@ -3150,8 +3147,11 @@ select{
3150
3147
  line-height: 1.4;
3151
3148
  font-size: var(--text-font-size)}
3152
3149
  [data-coco][data-component="book-media-slide"] img{
3150
+ height: 100%;
3153
3151
  width: 100%;
3154
- border-radius: 0.375rem}
3152
+ border-radius: 0.375rem;
3153
+ -o-object-fit: contain;
3154
+ object-fit: contain}
3155
3155
  .static{
3156
3156
  position: static}
3157
3157
  .fixed{