coveragebook_components 0.9.0 → 0.10.0
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.
- checksums.yaml +4 -4
- data/app/assets/build/coco/app.css +128 -106
- data/app/assets/build/coco/app.js +18 -12
- data/app/assets/build/coco/book.css +1 -8
- data/app/assets/build/coco/book.js +1 -1
- data/app/assets/css/base/base.css +1 -0
- data/app/assets/css/base/components/coco.css +0 -9
- data/app/assets/css/base/utils/text.css +79 -0
- data/app/components/coco/app/elements/alert/alert.css +14 -46
- data/app/components/coco/app/elements/alert/alert.html.erb +2 -2
- data/app/components/coco/app/elements/alert/alert.rb +11 -16
- data/app/components/coco/app/elements/button_group/button_group.css +6 -3
- data/app/components/coco/app/elements/button_group/button_group.js +8 -6
- data/app/components/coco/app/elements/stamp/stamp.css +103 -0
- data/app/components/coco/app/elements/stamp/stamp.html.erb +3 -0
- data/app/components/coco/app/elements/stamp/stamp.rb +29 -0
- data/app/components/coco/app/layouts/application/application.css +1 -1
- data/app/components/coco/app/layouts/page/page.css +4 -0
- data/app/components/coco/app/layouts/page/page.html.erb +5 -0
- data/app/components/coco/app/layouts/page/page.rb +4 -0
- data/app/components/coco/base/modal/modal.html.erb +2 -2
- data/app/components/coco/base/modal/modal.js +1 -1
- data/app/components/coco/base/modal/modal.rb +6 -4
- data/app/components/coco/base/placeholder/placeholder.html.erb +1 -1
- data/app/components/coco/base/placeholder/placeholder.rb +6 -0
- data/app/helpers/coco/app_helper.rb +17 -0
- data/app/helpers/coco/base_helper.rb +2 -2
- data/config/tailwind.app.config.cjs +1 -1
- data/config/tailwind.book.config.cjs +1 -0
- data/config/tokens.cjs +9 -4
- data/lib/coco/engine.rb +4 -2
- data/lib/coco.rb +1 -1
- metadata +6 -4
- data/app/components/coco/app/blocks/slat/slat.css +0 -9
- data/app/components/coco/app/blocks/slat/slat.rb +0 -13
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b8872e7a60fbb79859f877a3cd3de06216dace6160d04e09e0a9ce54fed30d49
|
|
4
|
+
data.tar.gz: fc562227556ca75b3dde25211f1a4d8742b085ce0317164e7085b5f9f997aec2
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 26ce2e732310bc88e304110e7d45ec2f27e5f40776e5c461251db4b673743fec294f9a8b91f6dcbbba028084aeeb0aafce8e6b9779ffa99be5dd69049c654eb8
|
|
7
|
+
data.tar.gz: 1dc4db593e2ef260943afb19f54a3d9ccf99d25d6499f3b0efcd40896a22c559ac903852065d2bfe5302e080672d7d4edf56a3bd8712d84a586046223bd3d978
|
|
@@ -707,13 +707,6 @@ select{
|
|
|
707
707
|
font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
708
708
|
--tw-text-opacity: 1;
|
|
709
709
|
color: rgb(17 24 39 / var(--tw-text-opacity))}
|
|
710
|
-
[data-coco] h1,
|
|
711
|
-
[data-coco] h2,
|
|
712
|
-
[data-coco] h3,
|
|
713
|
-
[data-coco] h4,
|
|
714
|
-
[data-coco] h5,
|
|
715
|
-
[data-coco] h6{
|
|
716
|
-
font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}
|
|
717
710
|
/*
|
|
718
711
|
* Tippy dropdown theme
|
|
719
712
|
*/
|
|
@@ -1953,45 +1946,6 @@ select{
|
|
|
1953
1946
|
[data-coco][data-component="app-sidebar-nav"] .nav-item-action [data-component="app-sidebar-nav-item"]{
|
|
1954
1947
|
padding-bottom: 0.625rem}
|
|
1955
1948
|
}
|
|
1956
|
-
[data-coco][data-component="app-slat"]{
|
|
1957
|
-
padding-left: 0.75rem}
|
|
1958
|
-
@media (min-width: 576px){
|
|
1959
|
-
|
|
1960
|
-
[data-coco][data-component="app-slat"]{
|
|
1961
|
-
padding-left: 1.5rem}}
|
|
1962
|
-
@media (min-width: 768px){
|
|
1963
|
-
|
|
1964
|
-
[data-coco][data-component="app-slat"]{
|
|
1965
|
-
padding-left: 2rem}}
|
|
1966
|
-
@media (min-width: 992px){
|
|
1967
|
-
|
|
1968
|
-
[data-coco][data-component="app-slat"]{
|
|
1969
|
-
padding-left: 2.5rem}}
|
|
1970
|
-
@media (min-width: 1200px){
|
|
1971
|
-
|
|
1972
|
-
[data-coco][data-component="app-slat"]{
|
|
1973
|
-
padding-left: 2.75rem}}
|
|
1974
|
-
[data-coco][data-component="app-slat"]{
|
|
1975
|
-
padding-right: 0.75rem}
|
|
1976
|
-
@media (min-width: 576px){
|
|
1977
|
-
|
|
1978
|
-
[data-coco][data-component="app-slat"]{
|
|
1979
|
-
padding-right: 1.5rem}}
|
|
1980
|
-
@media (min-width: 768px){
|
|
1981
|
-
|
|
1982
|
-
[data-coco][data-component="app-slat"]{
|
|
1983
|
-
padding-right: 2rem}}
|
|
1984
|
-
@media (min-width: 992px){
|
|
1985
|
-
|
|
1986
|
-
[data-coco][data-component="app-slat"]{
|
|
1987
|
-
padding-right: 2.5rem}}
|
|
1988
|
-
@media (min-width: 1200px){
|
|
1989
|
-
|
|
1990
|
-
[data-coco][data-component="app-slat"]{
|
|
1991
|
-
padding-right: 2.75rem}}
|
|
1992
|
-
[data-coco][data-component="app-slat"][data-padded="false"]{
|
|
1993
|
-
padding-left: 0px;
|
|
1994
|
-
padding-right: 0px}
|
|
1995
1949
|
[data-coco][data-component="app-slide-editor"] .editor-toolbar{
|
|
1996
1950
|
margin-bottom: 1rem}
|
|
1997
1951
|
@media (min-width: 1200px){
|
|
@@ -2185,14 +2139,14 @@ select{
|
|
|
2185
2139
|
padding-right: 1rem;
|
|
2186
2140
|
padding-top: 0.5rem;
|
|
2187
2141
|
padding-bottom: 0.5rem}
|
|
2188
|
-
|
|
2189
|
-
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
2195
|
-
|
|
2142
|
+
/*
|
|
2143
|
+
.alert-icon {
|
|
2144
|
+
@apply flex items-center p-2 rounded-full;
|
|
2145
|
+
|
|
2146
|
+
.coco-icon {
|
|
2147
|
+
@apply w-5 h-5;
|
|
2148
|
+
}
|
|
2149
|
+
} */
|
|
2196
2150
|
[data-coco][data-component="app-alert"] .alert-body{
|
|
2197
2151
|
padding-left: 1rem;
|
|
2198
2152
|
padding-right: 0.5rem}
|
|
@@ -2268,6 +2222,12 @@ select{
|
|
|
2268
2222
|
|
|
2269
2223
|
[data-coco][data-component="app-alert"][data-banner="true"] .alert-body{
|
|
2270
2224
|
width: auto}}
|
|
2225
|
+
[data-coco][data-component="app-alert"][data-banner="true"] .alert-stamp .coco-icon{
|
|
2226
|
+
--tw-text-opacity: 1;
|
|
2227
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
2228
|
+
[data-coco][data-component="app-alert"][data-banner="true"][data-theme="warning-vivid"] .alert-stamp .coco-icon{
|
|
2229
|
+
--tw-text-opacity: 1;
|
|
2230
|
+
color: rgb(17 24 39 / var(--tw-text-opacity))}
|
|
2271
2231
|
/* Dismissable */
|
|
2272
2232
|
[data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss{
|
|
2273
2233
|
flex: none}
|
|
@@ -2290,9 +2250,6 @@ select{
|
|
|
2290
2250
|
padding-top: 0.375rem;
|
|
2291
2251
|
padding-bottom: 0.375rem;
|
|
2292
2252
|
}
|
|
2293
|
-
[data-coco][data-component="app-alert"][data-condensed="true"] .alert-icon{
|
|
2294
|
-
background-color: transparent !important;
|
|
2295
|
-
padding: 0px}
|
|
2296
2253
|
[data-coco][data-component="app-alert"][data-condensed="true"] .alert-body{
|
|
2297
2254
|
padding-left: 0.75rem}
|
|
2298
2255
|
[data-coco][data-component="app-alert"][data-condensed="true"] .alert-title{
|
|
@@ -2331,7 +2288,7 @@ select{
|
|
|
2331
2288
|
[data-coco][data-component="app-alert"][data-condensed="true"] .alert-container{
|
|
2332
2289
|
padding-top: 0.75rem;
|
|
2333
2290
|
padding-bottom: 0.75rem}
|
|
2334
|
-
[data-coco][data-component="app-alert"][data-condensed="true"] .coco-
|
|
2291
|
+
[data-coco][data-component="app-alert"][data-condensed="true"] .coco-stamp{
|
|
2335
2292
|
margin-top: 0.375rem}
|
|
2336
2293
|
[data-coco][data-component="app-alert"][data-condensed="true"].with-title .alert-message{
|
|
2337
2294
|
margin-top: 0px}
|
|
@@ -2344,7 +2301,7 @@ select{
|
|
|
2344
2301
|
margin-left: auto}
|
|
2345
2302
|
[data-coco][data-component="app-alert"]:not(.with-title):not(.with-action) .alert-container{
|
|
2346
2303
|
align-items: center}
|
|
2347
|
-
[data-coco][data-component="app-alert"]:not(.with-title):not(.with-action) .alert-
|
|
2304
|
+
[data-coco][data-component="app-alert"]:not(.with-title):not(.with-action) .alert-stamp{
|
|
2348
2305
|
align-self: center}
|
|
2349
2306
|
[data-coco][data-component="app-alert"]:not(.with-title):not(.with-action)[data-dismissable="true"] .alert-dismiss{
|
|
2350
2307
|
position: absolute;
|
|
@@ -2358,7 +2315,7 @@ select{
|
|
|
2358
2315
|
padding-top: 0.625rem;
|
|
2359
2316
|
padding-bottom: 0.625rem}
|
|
2360
2317
|
|
|
2361
|
-
[data-coco][data-component="app-alert"] .alert-
|
|
2318
|
+
[data-coco][data-component="app-alert"] .alert-stamp{
|
|
2362
2319
|
align-self: center}
|
|
2363
2320
|
|
|
2364
2321
|
[data-coco][data-component="app-alert"] .alert-body{
|
|
@@ -2379,7 +2336,7 @@ select{
|
|
|
2379
2336
|
padding-top: 0.5rem;
|
|
2380
2337
|
padding-bottom: 0.5rem}
|
|
2381
2338
|
|
|
2382
|
-
[data-coco][data-component="app-alert"][data-condensed="true"] .coco-
|
|
2339
|
+
[data-coco][data-component="app-alert"][data-condensed="true"] .coco-stamp{
|
|
2383
2340
|
margin-top: 0px}
|
|
2384
2341
|
|
|
2385
2342
|
[data-coco][data-component="app-alert"][data-condensed="true"].with-title .alert-message{
|
|
@@ -2439,7 +2396,7 @@ select{
|
|
|
2439
2396
|
padding-top: 0.625rem;
|
|
2440
2397
|
padding-bottom: 0.625rem}
|
|
2441
2398
|
|
|
2442
|
-
[data-coco][data-component="app-alert"][data-single-line="true"].force-multi-line .alert-
|
|
2399
|
+
[data-coco][data-component="app-alert"][data-single-line="true"].force-multi-line .alert-stamp{
|
|
2443
2400
|
align-self: center}
|
|
2444
2401
|
|
|
2445
2402
|
[data-coco][data-component="app-alert"][data-single-line="true"].force-multi-line .alert-body{
|
|
@@ -2460,7 +2417,7 @@ select{
|
|
|
2460
2417
|
padding-top: 0.5rem;
|
|
2461
2418
|
padding-bottom: 0.5rem}
|
|
2462
2419
|
|
|
2463
|
-
[data-coco][data-component="app-alert"][data-single-line="true"].force-multi-line[data-condensed="true"] .coco-
|
|
2420
|
+
[data-coco][data-component="app-alert"][data-single-line="true"].force-multi-line[data-condensed="true"] .coco-stamp{
|
|
2464
2421
|
margin-top: 0px}
|
|
2465
2422
|
|
|
2466
2423
|
[data-coco][data-component="app-alert"][data-single-line="true"].force-multi-line[data-condensed="true"].with-title .alert-message{
|
|
@@ -2490,9 +2447,6 @@ select{
|
|
|
2490
2447
|
[data-coco][data-component="app-alert"][data-theme*="vivid"] .alert-content{
|
|
2491
2448
|
--tw-text-opacity: 1;
|
|
2492
2449
|
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
2493
|
-
[data-coco][data-component="app-alert"][data-theme*="vivid"] .alert-icon{
|
|
2494
|
-
--tw-text-opacity: 1;
|
|
2495
|
-
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
2496
2450
|
[data-coco][data-component="app-alert"][data-theme*="vivid"] .coco_link:not([data-theme]){
|
|
2497
2451
|
--tw-text-opacity: 1;
|
|
2498
2452
|
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
@@ -2504,17 +2458,9 @@ select{
|
|
|
2504
2458
|
[data-coco][data-component="app-alert"][data-theme="positive"]:hover{
|
|
2505
2459
|
--tw-border-opacity: 1;
|
|
2506
2460
|
border-color: rgb(72 160 141 / var(--tw-border-opacity))}
|
|
2507
|
-
[data-coco][data-component="app-alert"][data-theme="positive"] .alert-icon{
|
|
2508
|
-
--tw-bg-opacity: 1;
|
|
2509
|
-
background-color: rgb(163 207 197 / var(--tw-bg-opacity));
|
|
2510
|
-
--tw-text-opacity: 1;
|
|
2511
|
-
color: rgb(26 136 113 / var(--tw-text-opacity))}
|
|
2512
2461
|
[data-coco][data-component="app-alert"][data-theme="positive-vivid"]{
|
|
2513
2462
|
--tw-bg-opacity: 1;
|
|
2514
2463
|
background-color: rgb(26 136 113 / var(--tw-bg-opacity))}
|
|
2515
|
-
[data-coco][data-component="app-alert"][data-theme="positive-vivid"] .alert-icon{
|
|
2516
|
-
--tw-bg-opacity: 1;
|
|
2517
|
-
background-color: rgb(13 97 89 / var(--tw-bg-opacity))}
|
|
2518
2464
|
[data-coco][data-component="app-alert"][data-theme="warning"]{
|
|
2519
2465
|
--tw-border-opacity: 1;
|
|
2520
2466
|
border-color: rgb(252 211 77 / var(--tw-border-opacity));
|
|
@@ -2523,20 +2469,12 @@ select{
|
|
|
2523
2469
|
[data-coco][data-component="app-alert"][data-theme="warning"]:hover{
|
|
2524
2470
|
--tw-border-opacity: 1;
|
|
2525
2471
|
border-color: rgb(251 191 36 / var(--tw-border-opacity))}
|
|
2526
|
-
[data-coco][data-component="app-alert"][data-theme="warning"] .alert-icon{
|
|
2527
|
-
--tw-bg-opacity: 1;
|
|
2528
|
-
background-color: rgb(254 243 199 / var(--tw-bg-opacity));
|
|
2529
|
-
--tw-text-opacity: 1;
|
|
2530
|
-
color: rgb(217 119 6 / var(--tw-text-opacity))}
|
|
2531
2472
|
[data-coco][data-component="app-alert"][data-theme="warning-vivid"]{
|
|
2532
2473
|
--tw-bg-opacity: 1;
|
|
2533
2474
|
background-color: rgb(245 158 11 / var(--tw-bg-opacity))}
|
|
2534
2475
|
[data-coco][data-component="app-alert"][data-theme="warning-vivid"] .alert-content{
|
|
2535
2476
|
--tw-text-opacity: 1;
|
|
2536
2477
|
color: rgb(17 24 39 / var(--tw-text-opacity))}
|
|
2537
|
-
[data-coco][data-component="app-alert"][data-theme="warning-vivid"] .alert-icon{
|
|
2538
|
-
--tw-bg-opacity: 1;
|
|
2539
|
-
background-color: rgb(217 119 6 / var(--tw-bg-opacity))}
|
|
2540
2478
|
[data-coco][data-component="app-alert"][data-theme="warning-vivid"] .coco-link:not([data-theme]){
|
|
2541
2479
|
--tw-text-opacity: 1;
|
|
2542
2480
|
color: rgb(17 24 39 / var(--tw-text-opacity))}
|
|
@@ -2548,17 +2486,9 @@ select{
|
|
|
2548
2486
|
[data-coco][data-component="app-alert"][data-theme="negative"]:hover{
|
|
2549
2487
|
--tw-border-opacity: 1;
|
|
2550
2488
|
border-color: rgb(248 113 113 / var(--tw-border-opacity))}
|
|
2551
|
-
[data-coco][data-component="app-alert"][data-theme="negative"] .alert-icon{
|
|
2552
|
-
--tw-bg-opacity: 1;
|
|
2553
|
-
background-color: rgb(254 202 202 / var(--tw-bg-opacity));
|
|
2554
|
-
--tw-text-opacity: 1;
|
|
2555
|
-
color: rgb(220 38 38 / var(--tw-text-opacity))}
|
|
2556
2489
|
[data-coco][data-component="app-alert"][data-theme="negative-vivid"]{
|
|
2557
2490
|
--tw-bg-opacity: 1;
|
|
2558
2491
|
background-color: rgb(220 38 38 / var(--tw-bg-opacity))}
|
|
2559
|
-
[data-coco][data-component="app-alert"][data-theme="negative-vivid"] .alert-icon{
|
|
2560
|
-
--tw-bg-opacity: 1;
|
|
2561
|
-
background-color: rgb(185 28 28 / var(--tw-bg-opacity))}
|
|
2562
2492
|
[data-coco][data-component="app-alert"][data-theme="info"]{
|
|
2563
2493
|
--tw-border-opacity: 1;
|
|
2564
2494
|
border-color: rgb(125 211 252 / var(--tw-border-opacity));
|
|
@@ -2567,17 +2497,9 @@ select{
|
|
|
2567
2497
|
[data-coco][data-component="app-alert"][data-theme="info"]:hover{
|
|
2568
2498
|
--tw-border-opacity: 1;
|
|
2569
2499
|
border-color: rgb(56 189 248 / var(--tw-border-opacity))}
|
|
2570
|
-
[data-coco][data-component="app-alert"][data-theme="info"] .alert-icon{
|
|
2571
|
-
--tw-bg-opacity: 1;
|
|
2572
|
-
background-color: rgb(186 230 253 / var(--tw-bg-opacity));
|
|
2573
|
-
--tw-text-opacity: 1;
|
|
2574
|
-
color: rgb(2 132 199 / var(--tw-text-opacity))}
|
|
2575
2500
|
[data-coco][data-component="app-alert"][data-theme="info-vivid"]{
|
|
2576
2501
|
--tw-bg-opacity: 1;
|
|
2577
2502
|
background-color: rgb(2 132 199 / var(--tw-bg-opacity))}
|
|
2578
|
-
[data-coco][data-component="app-alert"][data-theme="info-vivid"] .alert-icon{
|
|
2579
|
-
--tw-bg-opacity: 1;
|
|
2580
|
-
background-color: rgb(3 105 161 / var(--tw-bg-opacity))}
|
|
2581
2503
|
/* Themes */
|
|
2582
2504
|
[data-coco][data-component="app-button"][data-theme]{
|
|
2583
2505
|
overflow: hidden;
|
|
@@ -3548,9 +3470,10 @@ select{
|
|
|
3548
3470
|
width: -moz-fit-content;
|
|
3549
3471
|
width: fit-content;
|
|
3550
3472
|
border-radius: 44px;
|
|
3551
|
-
opacity: 0;
|
|
3552
3473
|
}
|
|
3553
|
-
[data-coco][data-component="app-button-group"]
|
|
3474
|
+
[data-coco][data-component="app-button-group"][data-collapsible="true"]{
|
|
3475
|
+
opacity: 0}
|
|
3476
|
+
[data-coco][data-component="app-button-group"][data-collapsible="true"].button-group-ready{
|
|
3554
3477
|
opacity: 1}
|
|
3555
3478
|
[data-coco][data-component="app-button-group"] .button-group-buttons{
|
|
3556
3479
|
display: flex;
|
|
@@ -4490,6 +4413,102 @@ select{
|
|
|
4490
4413
|
--tw-scale-y: .9;
|
|
4491
4414
|
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));
|
|
4492
4415
|
opacity: 0}
|
|
4416
|
+
[data-coco][data-component="app-stamp"]:not([data-style="compact"]){
|
|
4417
|
+
position: relative;
|
|
4418
|
+
border-radius: 9999px}
|
|
4419
|
+
[data-coco][data-component="app-stamp"]:not([data-style="compact"]) .coco-icon{
|
|
4420
|
+
position: absolute;
|
|
4421
|
+
top: 50%;
|
|
4422
|
+
left: 50%;
|
|
4423
|
+
--tw-translate-x: -50%;
|
|
4424
|
+
--tw-translate-y: -50%;
|
|
4425
|
+
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))}
|
|
4426
|
+
/* Sizes */
|
|
4427
|
+
[data-coco][data-component="app-stamp"]:not([data-style="compact"])[data-size="xs"]{
|
|
4428
|
+
height: 1.5rem;
|
|
4429
|
+
width: 1.5rem}
|
|
4430
|
+
[data-coco][data-component="app-stamp"]:not([data-style="compact"])[data-size="sm"]{
|
|
4431
|
+
height: 1.75rem;
|
|
4432
|
+
width: 1.75rem}
|
|
4433
|
+
[data-coco][data-component="app-stamp"]:not([data-style="compact"])[data-size="md"]{
|
|
4434
|
+
height: 2.25rem;
|
|
4435
|
+
width: 2.25rem}
|
|
4436
|
+
[data-coco][data-component="app-stamp"]:not([data-style="compact"])[data-size="lg"]{
|
|
4437
|
+
height: 2.75rem;
|
|
4438
|
+
width: 2.75rem}
|
|
4439
|
+
/* Themes */
|
|
4440
|
+
[data-coco][data-component="app-stamp"][data-theme="positive"][data-style="subtle"]{
|
|
4441
|
+
--tw-bg-opacity: 1;
|
|
4442
|
+
background-color: rgb(163 207 197 / var(--tw-bg-opacity));
|
|
4443
|
+
--tw-text-opacity: 1;
|
|
4444
|
+
color: rgb(26 136 113 / var(--tw-text-opacity))}
|
|
4445
|
+
[data-coco][data-component="app-stamp"][data-theme="positive"][data-style="vivid"]{
|
|
4446
|
+
--tw-bg-opacity: 1;
|
|
4447
|
+
background-color: rgb(26 136 113 / var(--tw-bg-opacity));
|
|
4448
|
+
--tw-text-opacity: 1;
|
|
4449
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
4450
|
+
[data-coco][data-component="app-stamp"][data-theme="positive"][data-style="inverse"]{
|
|
4451
|
+
--tw-bg-opacity: 1;
|
|
4452
|
+
background-color: rgb(13 97 89 / var(--tw-bg-opacity));
|
|
4453
|
+
--tw-text-opacity: 1;
|
|
4454
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
4455
|
+
[data-coco][data-component="app-stamp"][data-theme="positive"][data-style="compact"]{
|
|
4456
|
+
--tw-text-opacity: 1;
|
|
4457
|
+
color: rgb(26 136 113 / var(--tw-text-opacity))}
|
|
4458
|
+
[data-coco][data-component="app-stamp"][data-theme="negative"][data-style="subtle"]{
|
|
4459
|
+
--tw-bg-opacity: 1;
|
|
4460
|
+
background-color: rgb(254 202 202 / var(--tw-bg-opacity));
|
|
4461
|
+
--tw-text-opacity: 1;
|
|
4462
|
+
color: rgb(220 38 38 / var(--tw-text-opacity))}
|
|
4463
|
+
[data-coco][data-component="app-stamp"][data-theme="negative"][data-style="vivid"]{
|
|
4464
|
+
--tw-bg-opacity: 1;
|
|
4465
|
+
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
|
|
4466
|
+
--tw-text-opacity: 1;
|
|
4467
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
4468
|
+
[data-coco][data-component="app-stamp"][data-theme="negative"][data-style="inverse"]{
|
|
4469
|
+
--tw-bg-opacity: 1;
|
|
4470
|
+
background-color: rgb(185 28 28 / var(--tw-bg-opacity));
|
|
4471
|
+
--tw-text-opacity: 1;
|
|
4472
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
4473
|
+
[data-coco][data-component="app-stamp"][data-theme="negative"][data-style="compact"]{
|
|
4474
|
+
--tw-text-opacity: 1;
|
|
4475
|
+
color: rgb(220 38 38 / var(--tw-text-opacity))}
|
|
4476
|
+
[data-coco][data-component="app-stamp"][data-theme="warning"][data-style="subtle"]{
|
|
4477
|
+
--tw-bg-opacity: 1;
|
|
4478
|
+
background-color: rgb(254 243 199 / var(--tw-bg-opacity));
|
|
4479
|
+
--tw-text-opacity: 1;
|
|
4480
|
+
color: rgb(217 119 6 / var(--tw-text-opacity))}
|
|
4481
|
+
[data-coco][data-component="app-stamp"][data-theme="warning"][data-style="vivid"]{
|
|
4482
|
+
--tw-bg-opacity: 1;
|
|
4483
|
+
background-color: rgb(245 158 11 / var(--tw-bg-opacity));
|
|
4484
|
+
--tw-text-opacity: 1;
|
|
4485
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
4486
|
+
[data-coco][data-component="app-stamp"][data-theme="warning"][data-style="inverse"]{
|
|
4487
|
+
--tw-bg-opacity: 1;
|
|
4488
|
+
background-color: rgb(217 119 6 / var(--tw-bg-opacity));
|
|
4489
|
+
--tw-text-opacity: 1;
|
|
4490
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
4491
|
+
[data-coco][data-component="app-stamp"][data-theme="warning"][data-style="compact"]{
|
|
4492
|
+
--tw-text-opacity: 1;
|
|
4493
|
+
color: rgb(217 119 6 / var(--tw-text-opacity))}
|
|
4494
|
+
[data-coco][data-component="app-stamp"][data-theme="info"][data-style="subtle"]{
|
|
4495
|
+
--tw-bg-opacity: 1;
|
|
4496
|
+
background-color: rgb(186 230 253 / var(--tw-bg-opacity));
|
|
4497
|
+
--tw-text-opacity: 1;
|
|
4498
|
+
color: rgb(2 132 199 / var(--tw-text-opacity))}
|
|
4499
|
+
[data-coco][data-component="app-stamp"][data-theme="info"][data-style="vivid"]{
|
|
4500
|
+
--tw-bg-opacity: 1;
|
|
4501
|
+
background-color: rgb(2 132 199 / var(--tw-bg-opacity));
|
|
4502
|
+
--tw-text-opacity: 1;
|
|
4503
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
4504
|
+
[data-coco][data-component="app-stamp"][data-theme="info"][data-style="inverse"]{
|
|
4505
|
+
--tw-bg-opacity: 1;
|
|
4506
|
+
background-color: rgb(3 105 161 / var(--tw-bg-opacity));
|
|
4507
|
+
--tw-text-opacity: 1;
|
|
4508
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))}
|
|
4509
|
+
[data-coco][data-component="app-stamp"][data-theme="info"][data-style="compact"]{
|
|
4510
|
+
--tw-text-opacity: 1;
|
|
4511
|
+
color: rgb(2 132 199 / var(--tw-text-opacity))}
|
|
4493
4512
|
[data-coco][data-component="app-system-banner"] {
|
|
4494
4513
|
}
|
|
4495
4514
|
[data-coco][data-component="app-toast"]{
|
|
@@ -4609,6 +4628,8 @@ select{
|
|
|
4609
4628
|
height: 100%;
|
|
4610
4629
|
overflow-y: auto;
|
|
4611
4630
|
scroll-behavior: smooth;
|
|
4631
|
+
--tw-bg-opacity: 1;
|
|
4632
|
+
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
|
|
4612
4633
|
grid-area: body}
|
|
4613
4634
|
[data-coco][data-component="application-layout"] .layout-sidebar-nav{
|
|
4614
4635
|
scroll-behavior: smooth;
|
|
@@ -4708,6 +4729,10 @@ select{
|
|
|
4708
4729
|
|
|
4709
4730
|
[data-coco][data-component="page-layout"] .page-body{
|
|
4710
4731
|
padding-right: 2.75rem}}
|
|
4732
|
+
[data-coco][data-component="page-layout"] .page-sections > :not([hidden]) ~ :not([hidden]){
|
|
4733
|
+
--tw-space-y-reverse: 0;
|
|
4734
|
+
margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
|
|
4735
|
+
margin-bottom: calc(3rem * var(--tw-space-y-reverse))}
|
|
4711
4736
|
[data-coco][data-component="page-layout"] .page-controls{
|
|
4712
4737
|
position: fixed;
|
|
4713
4738
|
top: 50%;
|
|
@@ -5171,6 +5196,7 @@ select{
|
|
|
5171
5196
|
}
|
|
5172
5197
|
.icon {
|
|
5173
5198
|
}
|
|
5199
|
+
/* branded */
|
|
5174
5200
|
.tippy-dropdown-box{
|
|
5175
5201
|
border-radius: 0.5rem;
|
|
5176
5202
|
border-width: 1px;
|
|
@@ -5302,8 +5328,6 @@ select{
|
|
|
5302
5328
|
.app-alert-stacked[data-condensed="true"] .alert-container{
|
|
5303
5329
|
padding-top: 0.75rem;
|
|
5304
5330
|
padding-bottom: 0.75rem}
|
|
5305
|
-
.app-alert-stacked[data-condensed="true"] .coco-icon{
|
|
5306
|
-
margin-top: 0.375rem}
|
|
5307
5331
|
.app-alert-stacked[data-condensed="true"].with-title .alert-message{
|
|
5308
5332
|
margin-top: 0px}
|
|
5309
5333
|
.app-alert-stacked[data-dismissable="true"] .alert-container{
|
|
@@ -5315,7 +5339,7 @@ select{
|
|
|
5315
5339
|
margin-left: auto}
|
|
5316
5340
|
.app-alert-stacked:not(.with-title):not(.with-action) .alert-container{
|
|
5317
5341
|
align-items: center}
|
|
5318
|
-
.app-alert-stacked:not(.with-title):not(.with-action) .alert-
|
|
5342
|
+
.app-alert-stacked:not(.with-title):not(.with-action) .alert-stamp{
|
|
5319
5343
|
align-self: center}
|
|
5320
5344
|
.app-alert-stacked:not(.with-title):not(.with-action)[data-dismissable="true"] .alert-dismiss{
|
|
5321
5345
|
position: absolute;
|
|
@@ -5327,7 +5351,7 @@ select{
|
|
|
5327
5351
|
align-items: center;
|
|
5328
5352
|
padding-top: 0.625rem;
|
|
5329
5353
|
padding-bottom: 0.625rem}
|
|
5330
|
-
.app-alert-multi-line .alert-
|
|
5354
|
+
.app-alert-multi-line .alert-stamp{
|
|
5331
5355
|
align-self: center}
|
|
5332
5356
|
.app-alert-multi-line .alert-body{
|
|
5333
5357
|
display: flex;
|
|
@@ -5343,8 +5367,6 @@ select{
|
|
|
5343
5367
|
.app-alert-multi-line[data-condensed="true"] .alert-container{
|
|
5344
5368
|
padding-top: 0.5rem;
|
|
5345
5369
|
padding-bottom: 0.5rem}
|
|
5346
|
-
.app-alert-multi-line[data-condensed="true"] .coco-icon{
|
|
5347
|
-
margin-top: 0px}
|
|
5348
5370
|
.app-alert-multi-line[data-condensed="true"].with-title .alert-message{
|
|
5349
5371
|
margin-top: 0px}
|
|
5350
5372
|
.app-alert-multi-line .alert-actions{
|
|
@@ -6178,11 +6178,15 @@
|
|
|
6178
6178
|
"display-2": ["80px", "84px"],
|
|
6179
6179
|
"display-3": ["64px", "68px"],
|
|
6180
6180
|
"display-4": ["48px", "52px"],
|
|
6181
|
-
"
|
|
6182
|
-
"
|
|
6183
|
-
"
|
|
6181
|
+
"relaxed-display-1": ["96px", "104px"],
|
|
6182
|
+
"relaxed-display-2": ["80px", "88px"],
|
|
6183
|
+
"relaxed-display-3": ["64px", "72px"],
|
|
6184
|
+
"relaxed-display-4": ["48px", "56px"],
|
|
6185
|
+
"heading-1": ["40px", "48px"],
|
|
6186
|
+
"heading-2": ["32px", "40px"],
|
|
6187
|
+
"heading-3": ["28px", "36px"],
|
|
6184
6188
|
"heading-4": ["24px", "30px"],
|
|
6185
|
-
"heading-5": ["20px", "
|
|
6189
|
+
"heading-5": ["20px", "24px"],
|
|
6186
6190
|
"heading-6": ["16px", "20px"],
|
|
6187
6191
|
"subheading-1": ["32px", "40px"],
|
|
6188
6192
|
"subheading-2": ["24px", "32px"],
|
|
@@ -14044,7 +14048,7 @@
|
|
|
14044
14048
|
var package_default = {
|
|
14045
14049
|
name: "coveragebook-components",
|
|
14046
14050
|
type: "module",
|
|
14047
|
-
version: "0.
|
|
14051
|
+
version: "0.10.0",
|
|
14048
14052
|
main: "index.js",
|
|
14049
14053
|
repository: "git@github.com:coveragebook/coco.git",
|
|
14050
14054
|
author: "Mark Perkins <mark@coveragebook.com>",
|
|
@@ -24376,7 +24380,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
|
|
|
24376
24380
|
this.hide();
|
|
24377
24381
|
},
|
|
24378
24382
|
visit(url) {
|
|
24379
|
-
navigateTo(url, { frame: this.frame.id });
|
|
24383
|
+
navigateTo(url, { frame: this.frame.id, turbo: true });
|
|
24380
24384
|
},
|
|
24381
24385
|
scrollTo(pos) {
|
|
24382
24386
|
setTimeout(() => {
|
|
@@ -25109,13 +25113,15 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
|
|
|
25109
25113
|
return this.$root.parentElement;
|
|
25110
25114
|
},
|
|
25111
25115
|
init() {
|
|
25112
|
-
this
|
|
25113
|
-
|
|
25114
|
-
|
|
25116
|
+
if (this.collapsible) {
|
|
25117
|
+
this.$nextTick(() => {
|
|
25118
|
+
this.onResize();
|
|
25119
|
+
this.createSingletonTooltip();
|
|
25120
|
+
this.ready = true;
|
|
25121
|
+
});
|
|
25122
|
+
} else {
|
|
25115
25123
|
this.ready = true;
|
|
25116
|
-
|
|
25117
|
-
this.createSingletonTooltip();
|
|
25118
|
-
});
|
|
25124
|
+
}
|
|
25119
25125
|
this.$watch("collapsed", (value) => {
|
|
25120
25126
|
this.buttons.forEach((button) => {
|
|
25121
25127
|
button.isCollapsed = value;
|
|
@@ -743,14 +743,6 @@ select {
|
|
|
743
743
|
--tw-text-opacity: 1;
|
|
744
744
|
color: rgb(17 24 39 / var(--tw-text-opacity));
|
|
745
745
|
}
|
|
746
|
-
[data-coco] h1,
|
|
747
|
-
[data-coco] h2,
|
|
748
|
-
[data-coco] h3,
|
|
749
|
-
[data-coco] h4,
|
|
750
|
-
[data-coco] h5,
|
|
751
|
-
[data-coco] h6 {
|
|
752
|
-
font-family: proxima-nova, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
753
|
-
}
|
|
754
746
|
[data-coco][data-component="avatar"] {
|
|
755
747
|
display: block;
|
|
756
748
|
flex: none;
|
|
@@ -1978,6 +1970,7 @@ select {
|
|
|
1978
1970
|
}
|
|
1979
1971
|
.icon {
|
|
1980
1972
|
}
|
|
1973
|
+
/* branded */
|
|
1981
1974
|
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}
|
|
1982
1975
|
[data-tippy-root]{max-width:calc(100vw - 10px)}
|
|
1983
1976
|
.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}
|
|
@@ -15598,7 +15598,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
|
|
|
15598
15598
|
this.hide();
|
|
15599
15599
|
},
|
|
15600
15600
|
visit(url) {
|
|
15601
|
-
navigateTo(url, { frame: this.frame.id });
|
|
15601
|
+
navigateTo(url, { frame: this.frame.id, turbo: true });
|
|
15602
15602
|
},
|
|
15603
15603
|
scrollTo(pos) {
|
|
15604
15604
|
setTimeout(() => {
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
@layer utilities {
|
|
2
|
+
.coco-heading-1 {
|
|
3
|
+
@apply font-body text-heading-1;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.coco-heading-2 {
|
|
7
|
+
@apply font-body text-heading-2;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.coco-heading-3 {
|
|
11
|
+
@apply font-body text-heading-3;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.coco-heading-4 {
|
|
15
|
+
@apply font-body text-heading-4;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.coco-heading-5 {
|
|
19
|
+
@apply font-body text-heading-5;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.coco-heading-6 {
|
|
23
|
+
@apply font-body text-heading-6;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.coco-display-1 {
|
|
27
|
+
@apply font-display text-display-1;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.coco-display-2 {
|
|
31
|
+
@apply font-display text-display-2;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.coco-display-3 {
|
|
35
|
+
@apply font-display text-display-3;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.coco-display-4 {
|
|
39
|
+
@apply font-display text-display-4;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
/* branded */
|
|
43
|
+
|
|
44
|
+
.coco-branded-heading-1 {
|
|
45
|
+
@apply font-branded text-heading-1;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.coco-branded-heading-2 {
|
|
49
|
+
@apply font-branded text-heading-2;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.coco-branded-heading-3 {
|
|
53
|
+
@apply font-branded text-heading-3;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.coco-branded-heading-4 {
|
|
57
|
+
@apply font-branded text-heading-4;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.coco-branded-heading-5 {
|
|
61
|
+
@apply font-branded text-heading-5;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.coco-branded-display-1 {
|
|
65
|
+
@apply font-branded text-relaxed-display-1;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.coco-branded-display-2 {
|
|
69
|
+
@apply font-branded text-relaxed-display-2;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.coco-branded-display-3 {
|
|
73
|
+
@apply font-branded text-relaxed-display-3;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.coco-branded-display-4 {
|
|
77
|
+
@apply font-branded text-relaxed-display-4;
|
|
78
|
+
}
|
|
79
|
+
}
|