coveragebook_components 0.5.1 → 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 (28) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/build/coco/app.css +21 -23
  3. data/app/assets/build/coco/app.js +7980 -888
  4. data/app/assets/build/coco/book.js +35 -2
  5. data/app/assets/js/base/polyfills/request-submit.js +39 -0
  6. data/app/assets/js/base/setup.js +2 -0
  7. data/app/assets/js/helpers/screenshot.js +20 -4
  8. data/app/components/coco/app/blocks/slide_editor/slide_editor.css +4 -11
  9. data/app/components/coco/app/blocks/slide_editor/slide_editor.html.erb +33 -29
  10. data/app/components/coco/app/blocks/slide_editor/slide_editor.js +50 -81
  11. data/app/components/coco/app/blocks/slide_editor/slide_editor.rb +5 -5
  12. data/app/components/coco/app/elements/button/button.css +11 -11
  13. data/app/components/coco/base/button/button.css +3 -3
  14. data/app/components/coco/base/button/button.js +1 -3
  15. data/app/components/coco/component.rb +1 -0
  16. data/app/components/coco/concerns/has_name.rb +1 -1
  17. data/app/components/coco/concerns/translatable.rb +18 -0
  18. data/config/credentials/production.key +1 -0
  19. data/config/credentials/production.yml.enc +1 -0
  20. data/config/icons.json +886 -0
  21. data/config/locales/coco.en.yml +22 -0
  22. data/config/tailwind.app.config.cjs +21 -0
  23. data/config/tailwind.base.config.cjs +79 -0
  24. data/config/tailwind.book.config.cjs +20 -0
  25. data/config/tokens.cjs +229 -0
  26. data/config/utils.cjs +16 -0
  27. data/lib/coco.rb +1 -1
  28. metadata +13 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ca789167f2fc08234f31ced3e398aca21017d7f1ade9e98ee6e50f0538f415f5
4
- data.tar.gz: d0a3d173a36a8ba61c1763946dee9156a67ff6f7c20326611bf0f5fbd1dc2a4a
3
+ metadata.gz: 583516416fc97e8e71df9ac1d079e087b84742d8b75c8c7c40b9eda38869389b
4
+ data.tar.gz: 1ff186115c4fb370d7ef327c5df4283dd8b60d5b23660129aa966d7ae47d0b7a
5
5
  SHA512:
6
- metadata.gz: e7881aee94a056a450875ae8d4982cdd78b529501b88295f94efcb91f383ede55dcc5fc7e1e8ac78a6614f2f20e93bb154bb4b1f3fc3c4e0a5ef134655618072
7
- data.tar.gz: 8237eeb07c6d3ebc9756ce07afd1d5502502c6a0acc80bdc667f91d5c5f1b6f56c97431cc05e5582d3e67bd4fae38c2f95e029d609ef8a6451c786900ea725e7
6
+ metadata.gz: d397e04fe250a8cf16f5121917aeb96fd52caf53a38226b1b800a3164727bf03901a7952969b032385b6c223efdef86eb5b31386eb925dafe2f9dd13e2563933
7
+ data.tar.gz: 94338b8be80fc3b2346bd7b83f94823234bc92efbd82dd8687f07185431d0a97fc6c93ba83a3c67fa6e24760a5feb8ca309f3a7d854a857ac5a8969fc4981f04
data/app/assets/build/coco/app.css CHANGED
@@ -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"] {
@@ -1107,30 +1107,28 @@ select{
1107
1107
  [data-coco][data-component="app-slide-editor"] .editor-form form{
1108
1108
  display: none}
1109
1109
  [data-coco][data-component="app-slide-editor"] .editor-slide{
1110
- --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1111
- --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);
1112
1112
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
1113
1113
  [data-coco][data-component="app-slide-editor"] .editor-slide textarea{
1114
1114
  width: 100%;
1115
1115
  flex: none}
1116
1116
  [data-coco][data-component="app-slide-editor"] .coco-button.editor-saving{
1117
1117
  cursor: not-allowed}
1118
- [data-coco][data-component="app-slide-editor"] .editor-screenshot-wrapper{
1118
+ [data-coco][data-component="app-slide-editor"] .editor-thumbnail-wrapper{
1119
1119
  position: relative;
1120
1120
  width: 0px;
1121
1121
  overflow: hidden}
1122
- [data-coco][data-component="app-slide-editor"] .editor-screenshot{
1122
+ [data-coco][data-component="app-slide-editor"] .editor-thumbnail{
1123
1123
  pointer-events: none;
1124
1124
  position: absolute;
1125
1125
  top: 0px;
1126
1126
  z-index: -1000;
1127
- width: 800px}
1127
+ width: 500px}
1128
1128
  [data-coco][data-component="app-slide-editor"] .editor-icon-bg-color{
1129
1129
  fill: currentColor;
1130
1130
  stroke: #111827;
1131
1131
  stroke-width: 2px}
1132
- [data-coco][data-component="app-slide-editor"] .editor-icon-text-color {
1133
- }
1134
1132
  [data-coco][data-component="app-slide-editor"] [data-component="app-seamless-textarea"] textarea{
1135
1133
  outline-style: solid;
1136
1134
  outline-width: 1px;
@@ -1412,7 +1410,7 @@ select{
1412
1410
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1413
1411
  transition-duration: 150ms;
1414
1412
  border-radius: 44px}
1415
- [data-coco][data-component="app-button"][data-theme] .button-content{
1413
+ [data-coco][data-component="app-button"][data-theme] > .button-element .button-content{
1416
1414
  font-weight: 600}
1417
1415
  [data-coco][data-component="app-button"][data-theme="primary"],
1418
1416
  [data-coco][data-component="app-button"][data-theme="positive"]{
@@ -1434,7 +1432,7 @@ select{
1434
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"]{
1435
1433
  --tw-bg-opacity: 1;
1436
1434
  background-color: rgb(13 97 89 / var(--tw-bg-opacity))}
1437
- [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{
1438
1436
  --tw-text-opacity: 1;
1439
1437
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1440
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"]{
@@ -1458,7 +1456,7 @@ select{
1458
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"]{
1459
1457
  background-color: rgba(0, 12, 39, 0.1);
1460
1458
  background-blend-mode: hard-light}
1461
- [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{
1462
1460
  --tw-text-opacity: 1;
1463
1461
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1464
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"]{
@@ -1483,7 +1481,7 @@ select{
1483
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"]{
1484
1482
  background-color: rgba(0, 12, 39, 0.1);
1485
1483
  background-blend-mode: hard-light}
1486
- [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{
1487
1485
  --tw-text-opacity: 1;
1488
1486
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1489
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"]{
@@ -1507,7 +1505,7 @@ select{
1507
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"]{
1508
1506
  background-color: rgba(0, 12, 39, 0.1);
1509
1507
  background-blend-mode: hard-light}
1510
- [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{
1511
1509
  --tw-text-opacity: 1;
1512
1510
  color: rgb(118 184 170 / var(--tw-text-opacity))}
1513
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"]{
@@ -1530,7 +1528,7 @@ select{
1530
1528
  [data-coco][data-component="app-button"][data-theme="negative"][data-state="active"]{
1531
1529
  --tw-bg-opacity: 1;
1532
1530
  background-color: rgb(153 27 27 / var(--tw-bg-opacity))}
1533
- [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{
1534
1532
  --tw-text-opacity: 1;
1535
1533
  color: rgb(252 165 165 / var(--tw-text-opacity))}
1536
1534
  [data-coco][data-component="app-button"][data-theme="negative"][data-disabled="true"]{
@@ -1551,7 +1549,7 @@ select{
1551
1549
  [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="active"]{
1552
1550
  background-color: rgba(0, 12, 39, 0.1);
1553
1551
  background-blend-mode: hard-light}
1554
- [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{
1555
1553
  --tw-text-opacity: 1;
1556
1554
  color: rgb(252 165 165 / var(--tw-text-opacity))}
1557
1555
  [data-coco][data-component="app-button"][data-theme="text-negative"][data-disabled="true"]{
@@ -1574,7 +1572,7 @@ select{
1574
1572
  [data-coco][data-component="app-button"][data-theme="warning"][data-state="active"]{
1575
1573
  --tw-bg-opacity: 1;
1576
1574
  background-color: rgb(146 64 14 / var(--tw-bg-opacity))}
1577
- [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{
1578
1576
  --tw-text-opacity: 1;
1579
1577
  color: rgb(252 211 77 / var(--tw-text-opacity))}
1580
1578
  [data-coco][data-component="app-button"][data-theme="warning"][data-disabled="true"]{
@@ -1595,7 +1593,7 @@ select{
1595
1593
  [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="active"]{
1596
1594
  background-color: rgba(0, 12, 39, 0.1);
1597
1595
  background-blend-mode: hard-light}
1598
- [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{
1599
1597
  --tw-text-opacity: 1;
1600
1598
  color: rgb(252 211 77 / var(--tw-text-opacity))}
1601
1599
  [data-coco][data-component="app-button"][data-theme="text-warning"][data-disabled="true"]{
@@ -1618,7 +1616,7 @@ select{
1618
1616
  [data-coco][data-component="app-button"][data-theme="info"][data-state="active"]{
1619
1617
  --tw-bg-opacity: 1;
1620
1618
  background-color: rgb(7 89 133 / var(--tw-bg-opacity))}
1621
- [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{
1622
1620
  --tw-text-opacity: 1;
1623
1621
  color: rgb(125 211 252 / var(--tw-text-opacity))}
1624
1622
  [data-coco][data-component="app-button"][data-theme="info"][data-disabled="true"]{
@@ -1639,7 +1637,7 @@ select{
1639
1637
  [data-coco][data-component="app-button"][data-theme="text-info"][data-state="active"]{
1640
1638
  background-color: rgba(0, 12, 39, 0.1);
1641
1639
  background-blend-mode: hard-light}
1642
- [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{
1643
1641
  --tw-text-opacity: 1;
1644
1642
  color: rgb(125 211 252 / var(--tw-text-opacity))}
1645
1643
  [data-coco][data-component="app-button"][data-theme="text-info"][data-disabled="true"]{