@cck-ui/core 0.35.0 → 0.37.0

package/styles.layer.css

@@ -1881,6 +1881,61 @@ fieldset:disabled .c-active:active {
         margin-inline: auto;
       }
 
+.m_a6a06a4e {
+  --data-list-fz: var(--c-font-size-sm);
+  --data-list-lh: var(--c-line-height-sm);
+  --data-list-gap: var(--c-spacing-sm);
+  --data-list-label-width: calc(7.5rem * var(--c-scale));
+
+  display: flex;
+  flex-direction: column;
+  gap: var(--data-list-gap);
+  font-size: var(--data-list-fz);
+  line-height: var(--data-list-lh);
+  margin: 0;
+  padding: 0;
+}
+
+  .m_a6a06a4e:where([data-with-divider]) {
+    gap: 0;
+  }
+
+.m_a69c647f {
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
+  gap: var(--c-spacing-xs);
+}
+
+.m_a6a06a4e:where([data-orientation='vertical']) > .m_a69c647f {
+  flex-direction: column;
+  gap: 0;
+}
+
+.m_9c9621b5 {
+  color: var(--c-color-dimmed);
+  font-size: var(--data-list-fz);
+  line-height: var(--data-list-lh);
+  min-width: var(--data-list-label-width);
+  margin: 0;
+}
+
+.m_a6a06a4e:where([data-orientation='vertical']) .m_9c9621b5 {
+  min-width: 100%;
+}
+
+.m_9d233432 {
+  font-size: var(--data-list-fz);
+  line-height: var(--data-list-lh);
+  margin: 0;
+}
+
+.m_a6a06a4e:where([data-with-divider]) > .m_a69c647f:where(:not(:first-of-type)) {
+  border-top: calc(0.0625rem * var(--c-scale)) solid var(--c-color-default-border);
+  padding-top: var(--data-list-gap);
+  margin-top: var(--data-list-gap);
+}
+
 .m_35209716 {
   --divider-size-xs: calc(0.0625rem * var(--c-scale));
   --divider-size-sm: calc(0.125rem * var(--c-scale));
@@ -2125,6 +2180,71 @@ fieldset:disabled .c-active:active {
   border-radius: var(--image-radius, 0);
 }
 
+@keyframes m_7c93cd91 {
+  0% {
+    opacity: 0.6;
+    transform: scale(0);
+  }
+
+  100% {
+    opacity: 0;
+    transform: scale(2.8);
+  }
+}
+
+.m_20df55e0 {
+  --indicator-size: calc(0.625rem * var(--c-scale));
+  --indicator-color: var(--c-primary-color-filled);
+
+  position: relative;
+  display: block;
+}
+
+.m_20df55e0:where([data-inline]) {
+    display: inline-block;
+  }
+
+.m_2b5957d1 {
+  position: absolute;
+  top: var(--indicator-top);
+  left: var(--indicator-left);
+  right: var(--indicator-right);
+  bottom: var(--indicator-bottom);
+  transform: translate(var(--indicator-translate-x), var(--indicator-translate-y));
+  min-width: var(--indicator-size);
+  height: var(--indicator-size);
+  border-radius: var(--indicator-radius, 1000rem);
+  z-index: var(--indicator-z-index, 200);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--c-font-size-xs);
+  background-color: var(--indicator-color);
+  color: var(--indicator-text-color, var(--c-color-white));
+  white-space: nowrap;
+}
+
+.m_2b5957d1::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background-color: var(--indicator-color);
+    border-radius: var(--indicator-radius, 1000rem);
+    z-index: -1;
+  }
+
+.m_2b5957d1:where([data-with-label]) {
+    padding-inline: calc(var(--c-spacing-xs) / 2);
+  }
+
+.m_2b5957d1:where([data-with-border]) {
+    border: 2px solid var(--c-color-body);
+  }
+
+.m_2b5957d1[data-processing]::before {
+      animation: m_7c93cd91 1000ms linear infinite;
+    }
+
 .m_a244865c {
   --loader-size-xs: calc(1.125rem * var(--c-scale));
   --loader-size-sm: calc(1.375rem * var(--c-scale));