@cck-ui/core 0.25.0 → 0.27.0

package/styles.layer.css

@@ -605,6 +605,115 @@ fieldset:disabled .c-active:active {
   --c-color-orange-outline-hover: rgba(253, 126, 20, 0.05);
 }
 
+.m_3f669182 {
+  -webkit-tap-highlight-color: transparent;
+  text-decoration: none;
+  font-size: var(--text-fz, var(--c-font-size-md));
+  line-height: var(--text-lh, var(--c-line-height-md));
+  font-weight: var(--c-font-weight-regular);
+  text-wrap: var(--text-text-wrap, var(--c-text-wrap));
+  margin: 0;
+  padding: 0;
+}
+
+  .m_3f669182:where([data-truncate]) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .m_3f669182:where([data-truncate='start']) {
+    direction: rtl;
+    text-align: end;
+  }
+
+  :where([dir="rtl"]) .m_3f669182:where([data-truncate='start']) {
+      direction: ltr;
+      text-align: start;
+}
+
+  .m_3f669182:where([data-variant='gradient']) {
+    background-image: var(--text-gradient);
+    -webkit-text-fill-color: transparent;
+    -webkit-background-clip: text;
+    background-clip: text;
+  }
+
+  .m_3f669182:where([data-line-clamp]) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: var(--text-line-clamp);
+    -webkit-box-orient: vertical;
+  }
+
+  .m_3f669182:where([data-inherit]) {
+    line-height: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+  }
+
+  .m_3f669182:where([data-inline]) {
+    line-height: 1;
+  }
+
+.m_213348fa {
+  color: var(--c-color-anchor);
+  text-decoration: none;
+  appearance: none;
+  border: none;
+  display: inline;
+  padding: 0;
+  margin: 0;
+  background-color: transparent;
+  cursor: pointer;
+}
+
+  @media (hover: hover) {
+
+  .m_213348fa:where([data-underline='hover']):hover {
+      text-decoration: underline;
+  }
+}
+
+  @media (hover: none) {
+
+  .m_213348fa:where([data-underline='hover']):active {
+      text-decoration: underline;
+  }
+}
+
+  .m_213348fa:where([data-underline='not-hover']) {
+    text-decoration: underline;
+  }
+
+  @media (hover: hover) {
+
+  .m_213348fa:where([data-underline='not-hover']):hover {
+      text-decoration: none;
+  }
+}
+
+  @media (hover: none) {
+
+  .m_213348fa:where([data-underline='not-hover']):active {
+      text-decoration: none;
+  }
+}
+
+  .m_213348fa:where([data-underline='always']) {
+    text-decoration: underline;
+  }
+
+  .m_213348fa:where([data-variant='gradient']),
+    .m_213348fa:where([data-variant='gradient']):hover {
+      text-decoration: none;
+    }
+
+  .m_213348fa:where([data-line-clamp]) {
+    display: -webkit-box;
+  }
+
 .m_537a2afc {
   background-color: transparent;
   cursor: pointer;
@@ -1169,6 +1278,34 @@ fieldset:disabled .c-active:active {
     object-fit: cover;
   }
 
+.m_bd72d3bf {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.m_c7302920 {
+  line-height: 1;
+  word-spacing: nowrap;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.m_ceadd228 {
+  margin-inline: var(--bc-separator-margin, var(--c-spacing-xs));
+  line-height: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+:where([data-c-color-scheme='light']) .m_ceadd228 {
+    color: var(--c-color-gray-7);
+}
+
+:where([data-c-color-scheme='dark']) .m_ceadd228 {
+    color: var(--c-color-dark-2);
+}
+
 .m_e0e8435a {
   display: flex;
   align-items: center;
@@ -1881,58 +2018,6 @@ fieldset:disabled .c-active:active {
   gap: var(--stack-gap, var(--c-spacing-md));
 }
 
-.m_3f669182 {
-  -webkit-tap-highlight-color: transparent;
-  text-decoration: none;
-  font-size: var(--text-fz, var(--c-font-size-md));
-  line-height: var(--text-lh, var(--c-line-height-md));
-  font-weight: var(--c-font-weight-regular);
-  text-wrap: var(--text-text-wrap, var(--c-text-wrap));
-  margin: 0;
-  padding: 0;
-}
-
-  .m_3f669182:where([data-truncate]) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .m_3f669182:where([data-truncate='start']) {
-    direction: rtl;
-    text-align: end;
-  }
-
-  :where([dir="rtl"]) .m_3f669182:where([data-truncate='start']) {
-      direction: ltr;
-      text-align: start;
-}
-
-  .m_3f669182:where([data-variant='gradient']) {
-    background-image: var(--text-gradient);
-    -webkit-text-fill-color: transparent;
-    -webkit-background-clip: text;
-    background-clip: text;
-  }
-
-  .m_3f669182:where([data-line-clamp]) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: var(--text-line-clamp);
-    -webkit-box-orient: vertical;
-  }
-
-  .m_3f669182:where([data-inherit]) {
-    line-height: inherit;
-    font-weight: inherit;
-    font-size: inherit;
-  }
-
-  .m_3f669182:where([data-inline]) {
-    line-height: 1;
-  }
-
 .m_487612c0 :first-child {
     margin-top: 0;
   }