app/assets/build/coco/coco.css in coveragebook_components-0.18.0 vs app/assets/build/coco/coco.css in coveragebook_components-0.18.7
- old
+ new
@@ -769,18 +769,21 @@
display: inline-flex;
align-items: center;
gap: 0.5rem;
text-align: center;
width: -moz-fit-content;
- width: fit-content
+ width: fit-content;
+ min-width: 1%
}
[data-coco].coco-button .button-content{
position: relative;
order: 2;
- display: inline-flex;
+ display: inline-block;
align-items: center;
+ overflow: hidden;
+ text-overflow: ellipsis;
white-space: nowrap;
line-height: 1
}
[data-coco].coco-button .button-state-content{
@@ -2261,17 +2264,17 @@
[data-coco][data-component="button-group"][data-segmented="true"] .button-group-buttons{
-moz-column-gap: 0px;
column-gap: 0px
}
-[data-coco][data-component="button-group"][data-segmented="true"] .coco-button-wrapper:not(:first-child) .coco-button{
+[data-coco][data-component="button-group"][data-segmented="true"] .button-group-buttons > *:not(:first-child) .coco-button-wrapper:not(.button-dropdown .coco-button-wrapper) .coco-button, [data-coco][data-component="button-group"][data-segmented="true"] .button-group-buttons > .coco-button-wrapper:not(:first-child):not(.button-dropdown .coco-button-wrapper) .coco-button{
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left-width: 0px
}
-[data-coco][data-component="button-group"][data-segmented="true"] .coco-button-wrapper:not(:last-child) .coco-button{
+[data-coco][data-component="button-group"][data-segmented="true"] .button-group-buttons > *:not(:last-child) .coco-button-wrapper:not(.button-dropdown .coco-button-wrapper) .coco-button, [data-coco][data-component="button-group"][data-segmented="true"] .button-group-buttons > .coco-button-wrapper:not(:last-child):not(.button-dropdown .coco-button-wrapper) .coco-button{
border-top-right-radius: 0px;
border-bottom-right-radius: 0px
}
[data-coco][data-component="button-group"][data-segmented="true"][data-floating="true"]{
@@ -2871,39 +2874,29 @@
[data-coco][data-component="badge"]{
display: flex;
align-items: center;
white-space: nowrap;
- border-radius: 0.5rem;
+ border-radius: 0.75rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
+ padding-top: 0.125rem;
+ padding-bottom: 0.125rem;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ font-family: proxima-nova, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-weight: 600;
+ font-size: 14px;
+ line-height: 16px;
width: -moz-min-content;
width: min-content
}
[data-coco][data-component="badge"] .badge-icon{
margin-right: 0.25rem
}
-[data-coco][data-component="badge"][data-size="sm"]{
- padding-top: 0.25rem;
- padding-bottom: 0.25rem;
- font-family: proxima-nova, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- font-weight: 600;
- font-size: 14px;
- line-height: 16px
-}
-
-[data-coco][data-component="badge"][data-size="md"]{
- padding-top: 0.25rem;
- padding-bottom: 0.25rem;
- font-family: proxima-nova, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- font-weight: 600;
- font-size: 16px;
- line-height: 20px
-}
-
[data-coco][data-component="badge"][data-theme="neutral-dark"]{
--tw-bg-opacity: 1;
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
@@ -2915,23 +2908,85 @@
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity))
}
[data-coco][data-component="badge"][data-theme="neutral-muted"]{
- --tw-bg-opacity: 1;
- background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+ background-color: rgba(0, 12, 39, 0.06);
--tw-text-opacity: 1;
- color: rgb(75 85 99 / var(--tw-text-opacity))
+ color: rgb(17 24 39 / var(--tw-text-opacity))
}
[data-coco][data-component="badge"][data-theme="primary"]{
--tw-bg-opacity: 1;
background-color: rgb(26 136 113 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity))
}
+[data-coco][data-component="badge"][data-theme="positive"]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(26 136 113 / var(--tw-bg-opacity));
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+[data-coco][data-component="badge"][data-theme="negative"]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(220 38 38 / var(--tw-bg-opacity));
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+[data-coco][data-component="badge"][data-theme="warning"]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(245 158 11 / var(--tw-bg-opacity));
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+[data-coco][data-component="badge"][data-theme="info"]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(2 132 199 / var(--tw-bg-opacity));
+ --tw-text-opacity: 1;
+ color: rgb(255 255 255 / var(--tw-text-opacity))
+}
+
+[data-coco][data-component="badge"][data-theme="primary-light"]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(209 231 226 / var(--tw-bg-opacity));
+ --tw-text-opacity: 1;
+ color: rgb(17 24 39 / var(--tw-text-opacity))
+}
+
+[data-coco][data-component="badge"][data-theme="positive-light"]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(209 231 226 / var(--tw-bg-opacity));
+ --tw-text-opacity: 1;
+ color: rgb(17 24 39 / var(--tw-text-opacity))
+}
+
+[data-coco][data-component="badge"][data-theme="negative-light"]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(254 226 226 / var(--tw-bg-opacity));
+ --tw-text-opacity: 1;
+ color: rgb(17 24 39 / var(--tw-text-opacity))
+}
+
+[data-coco][data-component="badge"][data-theme="warning-light"]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(255 251 235 / var(--tw-bg-opacity));
+ --tw-text-opacity: 1;
+ color: rgb(17 24 39 / var(--tw-text-opacity))
+}
+
+[data-coco][data-component="badge"][data-theme="info-light"]{
+ --tw-bg-opacity: 1;
+ background-color: rgb(224 242 254 / var(--tw-bg-opacity));
+ --tw-text-opacity: 1;
+ color: rgb(17 24 39 / var(--tw-text-opacity))
+}
+
[data-coco][data-component="stamp"]:not([data-style="compact"]){
position: relative;
border-radius: 9999px
}
@@ -5780,13 +5835,9 @@
position: static
}
.fixed{
position: fixed
-}
-
-.\!block{
- display: block !important
}
.block{
display: block
}