@cck-ui/core 0.14.1 → 0.16.0

package/styles/semi-circle-progress.css

@@ -0,0 +1,58 @@
+.m_6f2f9f44 {
+  --scp-filled-segment-color: var(--c-primary-color-filled);
+  --scp-transition-duration: 0ms;
+  --scp-thickness: calc(0.75rem * var(--c-scale));
+}
+
+  :where([data-c-color-scheme='light']) .m_6f2f9f44 {
+    --scp-empty-segment-color: var(--c-color-gray-2);
+}
+
+  :where([data-c-color-scheme='dark']) .m_6f2f9f44 {
+    --scp-empty-segment-color: var(--c-color-dark-4);
+}
+
+  .m_6f2f9f44 {
+
+  position: relative;
+  width: fit-content;
+}
+
+.m_8ff94bc2 {
+  display: block;
+  transform: var(--scp-rotation);
+  overflow: hidden;
+}
+
+.m_e500074f {
+  transition:
+    stroke-dashoffset var(--scp-transition-duration) ease,
+    stroke-dasharray var(--scp-transition-duration) ease,
+    stroke-opacity var(--scp-transition-duration) ease,
+    stroke var(--scp-transition-duration);
+}
+
+.m_76692cd2 {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  inset-inline: 0;
+  text-align: center;
+  z-index: 1;
+}
+
+.m_76692cd2:where([data-position='bottom']) {
+    bottom: 0;
+    padding-inline: calc(var(--scp-thickness) * 2);
+  }
+
+.m_76692cd2:where([data-position='bottom']):where([data-orientation='down']) {
+      bottom: auto;
+      top: 0;
+    }
+
+.m_76692cd2:where([data-position='center']) {
+    top: 50%;
+    transform: translateY(-50%);
+    padding-inline: calc(var(--scp-thickness) * 3);
+  }

package/styles/semi-circle-progress.layer.css

@@ -0,0 +1,59 @@
+@layer cck {.m_6f2f9f44 {
+  --scp-filled-segment-color: var(--c-primary-color-filled);
+  --scp-transition-duration: 0ms;
+  --scp-thickness: calc(0.75rem * var(--c-scale));
+}
+
+  :where([data-c-color-scheme='light']) .m_6f2f9f44 {
+    --scp-empty-segment-color: var(--c-color-gray-2);
+}
+
+  :where([data-c-color-scheme='dark']) .m_6f2f9f44 {
+    --scp-empty-segment-color: var(--c-color-dark-4);
+}
+
+  .m_6f2f9f44 {
+
+  position: relative;
+  width: fit-content;
+}
+
+.m_8ff94bc2 {
+  display: block;
+  transform: var(--scp-rotation);
+  overflow: hidden;
+}
+
+.m_e500074f {
+  transition:
+    stroke-dashoffset var(--scp-transition-duration) ease,
+    stroke-dasharray var(--scp-transition-duration) ease,
+    stroke-opacity var(--scp-transition-duration) ease,
+    stroke var(--scp-transition-duration);
+}
+
+.m_76692cd2 {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  inset-inline: 0;
+  text-align: center;
+  z-index: 1;
+}
+
+.m_76692cd2:where([data-position='bottom']) {
+    bottom: 0;
+    padding-inline: calc(var(--scp-thickness) * 2);
+  }
+
+.m_76692cd2:where([data-position='bottom']):where([data-orientation='down']) {
+      bottom: auto;
+      top: 0;
+    }
+
+.m_76692cd2:where([data-position='center']) {
+    top: 50%;
+    transform: translateY(-50%);
+    padding-inline: calc(var(--scp-thickness) * 3);
+  }
+}

package/styles/skeleton.css

@@ -0,0 +1,50 @@
+@keyframes m_fa53867c {
+  0%,
+  100% {
+    opacity: 0.4;
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+.m_e892d262 {
+  height: var(--skeleton-height, auto);
+  width: var(--skeleton-width, 100%);
+  border-radius: var(--skeleton-radius, var(--c-radius-default));
+  position: relative;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+}
+
+.m_e892d262:where([data-animate])::after {
+    animation: m_fa53867c 1500ms linear infinite;
+  }
+
+.m_e892d262:where([data-visible]) {
+    overflow: hidden;
+  }
+
+.m_e892d262:where([data-visible])::before {
+      position: absolute;
+      content: '';
+      inset: 0;
+      z-index: 10;
+      background-color: var(--c-color-body);
+    }
+
+.m_e892d262:where([data-visible])::after {
+      position: absolute;
+      content: '';
+      inset: 0;
+      z-index: 11;
+    }
+
+:where([data-c-color-scheme='light']) .m_e892d262:where([data-visible])::after {
+        background-color: var(--c-color-gray-3);
+}
+
+:where([data-c-color-scheme='dark']) .m_e892d262:where([data-visible])::after {
+        background-color: var(--c-color-dark-4);
+}

package/styles/skeleton.layer.css

@@ -0,0 +1,51 @@
+@layer cck {@keyframes m_fa53867c {
+  0%,
+  100% {
+    opacity: 0.4;
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+.m_e892d262 {
+  height: var(--skeleton-height, auto);
+  width: var(--skeleton-width, 100%);
+  border-radius: var(--skeleton-radius, var(--c-radius-default));
+  position: relative;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+}
+
+.m_e892d262:where([data-animate])::after {
+    animation: m_fa53867c 1500ms linear infinite;
+  }
+
+.m_e892d262:where([data-visible]) {
+    overflow: hidden;
+  }
+
+.m_e892d262:where([data-visible])::before {
+      position: absolute;
+      content: '';
+      inset: 0;
+      z-index: 10;
+      background-color: var(--c-color-body);
+    }
+
+.m_e892d262:where([data-visible])::after {
+      position: absolute;
+      content: '';
+      inset: 0;
+      z-index: 11;
+    }
+
+:where([data-c-color-scheme='light']) .m_e892d262:where([data-visible])::after {
+        background-color: var(--c-color-gray-3);
+}
+
+:where([data-c-color-scheme='dark']) .m_e892d262:where([data-visible])::after {
+        background-color: var(--c-color-dark-4);
+}
+}

package/styles.css

@@ -1379,6 +1379,65 @@ fieldset:disabled .c-active:active {
     animation: m_1309882b 1.2s linear infinite;
   }
 
+.m_6f2f9f44 {
+  --scp-filled-segment-color: var(--c-primary-color-filled);
+  --scp-transition-duration: 0ms;
+  --scp-thickness: calc(0.75rem * var(--c-scale));
+}
+
+  :where([data-c-color-scheme='light']) .m_6f2f9f44 {
+    --scp-empty-segment-color: var(--c-color-gray-2);
+}
+
+  :where([data-c-color-scheme='dark']) .m_6f2f9f44 {
+    --scp-empty-segment-color: var(--c-color-dark-4);
+}
+
+  .m_6f2f9f44 {
+
+  position: relative;
+  width: fit-content;
+}
+
+.m_8ff94bc2 {
+  display: block;
+  transform: var(--scp-rotation);
+  overflow: hidden;
+}
+
+.m_e500074f {
+  transition:
+    stroke-dashoffset var(--scp-transition-duration) ease,
+    stroke-dasharray var(--scp-transition-duration) ease,
+    stroke-opacity var(--scp-transition-duration) ease,
+    stroke var(--scp-transition-duration);
+}
+
+.m_76692cd2 {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  inset-inline: 0;
+  text-align: center;
+  z-index: 1;
+}
+
+.m_76692cd2:where([data-position='bottom']) {
+    bottom: 0;
+    padding-inline: calc(var(--scp-thickness) * 2);
+  }
+
+.m_76692cd2:where([data-position='bottom']):where([data-orientation='down']) {
+      bottom: auto;
+      top: 0;
+    }
+
+.m_76692cd2:where([data-position='center']) {
+    top: 50%;
+    transform: translateY(-50%);
+    padding-inline: calc(var(--scp-thickness) * 3);
+  }
+
 .m_cd6f7c35 {
   container: simple-grid / inline-size;
 }
@@ -1398,6 +1457,57 @@ fieldset:disabled .c-active:active {
   grid-template-columns: repeat(auto-fit, minmax(var(--sg-min-col-width), 1fr));
 }
 
+@keyframes m_fa53867c {
+  0%,
+  100% {
+    opacity: 0.4;
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+.m_e892d262 {
+  height: var(--skeleton-height, auto);
+  width: var(--skeleton-width, 100%);
+  border-radius: var(--skeleton-radius, var(--c-radius-default));
+  position: relative;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+}
+
+.m_e892d262:where([data-animate])::after {
+    animation: m_fa53867c 1500ms linear infinite;
+  }
+
+.m_e892d262:where([data-visible]) {
+    overflow: hidden;
+  }
+
+.m_e892d262:where([data-visible])::before {
+      position: absolute;
+      content: '';
+      inset: 0;
+      z-index: 10;
+      background-color: var(--c-color-body);
+    }
+
+.m_e892d262:where([data-visible])::after {
+      position: absolute;
+      content: '';
+      inset: 0;
+      z-index: 11;
+    }
+
+:where([data-c-color-scheme='light']) .m_e892d262:where([data-visible])::after {
+        background-color: var(--c-color-gray-3);
+}
+
+:where([data-c-color-scheme='dark']) .m_e892d262:where([data-visible])::after {
+        background-color: var(--c-color-dark-4);
+}
+
 .m_9b526549 {
 }
 

package/styles.layer.css

@@ -1379,6 +1379,65 @@ fieldset:disabled .c-active:active {
     animation: m_1309882b 1.2s linear infinite;
   }
 
+.m_6f2f9f44 {
+  --scp-filled-segment-color: var(--c-primary-color-filled);
+  --scp-transition-duration: 0ms;
+  --scp-thickness: calc(0.75rem * var(--c-scale));
+}
+
+  :where([data-c-color-scheme='light']) .m_6f2f9f44 {
+    --scp-empty-segment-color: var(--c-color-gray-2);
+}
+
+  :where([data-c-color-scheme='dark']) .m_6f2f9f44 {
+    --scp-empty-segment-color: var(--c-color-dark-4);
+}
+
+  .m_6f2f9f44 {
+
+  position: relative;
+  width: fit-content;
+}
+
+.m_8ff94bc2 {
+  display: block;
+  transform: var(--scp-rotation);
+  overflow: hidden;
+}
+
+.m_e500074f {
+  transition:
+    stroke-dashoffset var(--scp-transition-duration) ease,
+    stroke-dasharray var(--scp-transition-duration) ease,
+    stroke-opacity var(--scp-transition-duration) ease,
+    stroke var(--scp-transition-duration);
+}
+
+.m_76692cd2 {
+  position: absolute;
+  margin: 0;
+  padding: 0;
+  inset-inline: 0;
+  text-align: center;
+  z-index: 1;
+}
+
+.m_76692cd2:where([data-position='bottom']) {
+    bottom: 0;
+    padding-inline: calc(var(--scp-thickness) * 2);
+  }
+
+.m_76692cd2:where([data-position='bottom']):where([data-orientation='down']) {
+      bottom: auto;
+      top: 0;
+    }
+
+.m_76692cd2:where([data-position='center']) {
+    top: 50%;
+    transform: translateY(-50%);
+    padding-inline: calc(var(--scp-thickness) * 3);
+  }
+
 .m_cd6f7c35 {
   container: simple-grid / inline-size;
 }
@@ -1398,6 +1457,57 @@ fieldset:disabled .c-active:active {
   grid-template-columns: repeat(auto-fit, minmax(var(--sg-min-col-width), 1fr));
 }
 
+@keyframes m_fa53867c {
+  0%,
+  100% {
+    opacity: 0.4;
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+.m_e892d262 {
+  height: var(--skeleton-height, auto);
+  width: var(--skeleton-width, 100%);
+  border-radius: var(--skeleton-radius, var(--c-radius-default));
+  position: relative;
+  transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+}
+
+.m_e892d262:where([data-animate])::after {
+    animation: m_fa53867c 1500ms linear infinite;
+  }
+
+.m_e892d262:where([data-visible]) {
+    overflow: hidden;
+  }
+
+.m_e892d262:where([data-visible])::before {
+      position: absolute;
+      content: '';
+      inset: 0;
+      z-index: 10;
+      background-color: var(--c-color-body);
+    }
+
+.m_e892d262:where([data-visible])::after {
+      position: absolute;
+      content: '';
+      inset: 0;
+      z-index: 11;
+    }
+
+:where([data-c-color-scheme='light']) .m_e892d262:where([data-visible])::after {
+        background-color: var(--c-color-gray-3);
+}
+
+:where([data-c-color-scheme='dark']) .m_e892d262:where([data-visible])::after {
+        background-color: var(--c-color-dark-4);
+}
+
 .m_9b526549 {
 }