coveragebook_components 0.9.0 → 0.10.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
+
}
|