coveragebook_components 0.5.1 → 0.5.2

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