@youcan/celeste 0.6.45 → 0.6.46

package/dist/celeste.css

@@ -1903,10 +1903,10 @@ to {
 .celeste-cbutton-white[data-v-c062bacd] {
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
-}[data-v-7b08df2f] {
+}[data-v-1dfcdddc] {
   box-sizing: border-box;
 }
-.celeste-checkbox-card[data-v-7b08df2f] {
+.celeste-checkbox-card[data-v-1dfcdddc] {
   display: flex;
   align-items: flex-start;
   padding: var(--spacing-16);
@@ -1919,21 +1919,21 @@ to {
   font: var(--paragraph-sm);
   gap: var(--spacing-14);
 }
-.celeste-checkbox-card[data-v-7b08df2f]:not(.celeste-checkbox-card-disabled) {
+.celeste-checkbox-card[data-v-1dfcdddc]:not(.celeste-checkbox-card-disabled) {
   cursor: pointer;
 }
-.celeste-checkbox-card[data-v-7b08df2f]:has([data-state=checked]):not(.celeste-checkbox-card-disabled) {
+.celeste-checkbox-card[data-v-1dfcdddc]:has([data-state=checked]):not(.celeste-checkbox-card-disabled) {
   border-color: var(--color-primary-base);
   box-shadow: none;
 }
-.celeste-checkbox-card[data-v-7b08df2f]:hover:not(.celeste-checkbox-card-disabled), .celeste-checkbox-card[data-v-7b08df2f]:focus-visible:not(.celeste-checkbox-card-disabled) {
+.celeste-checkbox-card[data-v-1dfcdddc]:hover:not(.celeste-checkbox-card-disabled), .celeste-checkbox-card[data-v-1dfcdddc]:focus-visible:not(.celeste-checkbox-card-disabled) {
   background-color: var(--color-bg-weak-50);
   box-shadow: none;
 }
-.celeste-checkbox-card[data-v-7b08df2f]:hover:not(.celeste-checkbox-card-disabled):not(:has([data-state=checked])), .celeste-checkbox-card[data-v-7b08df2f]:focus-visible:not(.celeste-checkbox-card-disabled):not(:has([data-state=checked])) {
+.celeste-checkbox-card[data-v-1dfcdddc]:hover:not(.celeste-checkbox-card-disabled):not(:has([data-state=checked])), .celeste-checkbox-card[data-v-1dfcdddc]:focus-visible:not(.celeste-checkbox-card-disabled):not(:has([data-state=checked])) {
   border-color: transparent;
 }
-.celeste-checkbox-card-preview[data-v-7b08df2f] {
+.celeste-checkbox-card-preview[data-v-1dfcdddc] {
   display: flex;
   position: relative;
   flex-shrink: 0;
@@ -1947,10 +1947,12 @@ to {
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
 }
-.celeste-checkbox-card-preview-image[data-v-7b08df2f] {
-  border: none;
+.celeste-checkbox-card-preview-icon i[data-v-1dfcdddc] {
+  width: 20px;
+  height: 20px;
+  color: var(--color-icon-sub-600);
 }
-.celeste-checkbox-card-preview-image i[data-v-7b08df2f] {
+.celeste-checkbox-card-preview-image i[data-v-1dfcdddc] {
   position: absolute;
   z-index: 0;
   top: 50%;
@@ -1960,26 +1962,27 @@ to {
   transform: translate(-50%, -50%);
   color: var(--color-icon-sub-600);
 }
-.celeste-checkbox-card-preview-image[data-v-7b08df2f] img {
+.celeste-checkbox-card-preview-image[data-v-1dfcdddc] img {
   z-index: 1000;
 }
-.celeste-checkbox-card-preview-icon i[data-v-7b08df2f] {
-  width: 20px;
-  height: 20px;
-  color: var(--color-icon-sub-600);
+.celeste-checkbox-card-preview-image[data-v-1dfcdddc] :has(img) {
+  border: none;
+}
+.celeste-checkbox-card-preview-image :has(img) i[data-v-1dfcdddc] {
+  display: none;
 }
-.celeste-checkbox-card-content[data-v-7b08df2f] {
+.celeste-checkbox-card-content[data-v-1dfcdddc] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-.celeste-checkbox-card-row[data-v-7b08df2f] {
+.celeste-checkbox-card-row[data-v-1dfcdddc] {
   display: flex;
   flex-shrink: 1;
   align-items: center;
   gap: var(--spacing-8);
 }
-.celeste-checkbox-card-label[data-v-7b08df2f] {
+.celeste-checkbox-card-label[data-v-1dfcdddc] {
   flex-shrink: 1;
   min-width: 0;
   overflow: hidden;
@@ -1988,7 +1991,7 @@ to {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.celeste-checkbox-card-sublabel[data-v-7b08df2f] {
+.celeste-checkbox-card-sublabel[data-v-1dfcdddc] {
   flex-shrink: 1;
   min-width: 0;
   overflow: hidden;
@@ -1997,20 +2000,20 @@ to {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.celeste-checkbox-card-description[data-v-7b08df2f] {
+.celeste-checkbox-card-description[data-v-1dfcdddc] {
   color: var(--color-text-sub-600);
   font: var(--paragraph-xs);
 }
-.celeste-checkbox-card-disabled[data-v-7b08df2f] {
+.celeste-checkbox-card-disabled[data-v-1dfcdddc] {
   cursor: not-allowed;
 }
-.celeste-checkbox-card-disabled .celeste-checkbox-card-label[data-v-7b08df2f] {
+.celeste-checkbox-card-disabled .celeste-checkbox-card-label[data-v-1dfcdddc] {
   color: var(--color-text-sub-600);
 }
-.celeste-checkbox-card-disabled .celeste-checkbox-card-sublabel[data-v-7b08df2f] {
+.celeste-checkbox-card-disabled .celeste-checkbox-card-sublabel[data-v-1dfcdddc] {
   color: var(--color-text-soft-400);
 }
-.celeste-checkbox-card-disabled .celeste-checkbox-card-description[data-v-7b08df2f] {
+.celeste-checkbox-card-disabled .celeste-checkbox-card-description[data-v-1dfcdddc] {
   color: var(--color-text-soft-400);
 }.celeste-checkbox-label[data-v-ad0a5759] {
   display: flex;

package/dist/cjs/checkbox-card.js

@@ -106,5 +106,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const checkboxCard = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-7b08df2f"]]);
+const checkboxCard = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-1dfcdddc"]]);
 module.exports = checkboxCard;

package/dist/es/checkbox-card.js

@@ -105,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const checkboxCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7b08df2f"]]);
+const checkboxCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1dfcdddc"]]);
 export {
   checkboxCard as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.45",
+  "version": "0.6.46",
   "author": "YouCan <tech@youcan.shop>",
   "keywords": [
     "youcan",
@@ -44,8 +44,8 @@
     "radix-vue": "^1.9.12",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.2",
-    "@youcan/celeste-icons": "0.6.45",
-    "@youcan/celeste-tokens": "0.6.45"
+    "@youcan/celeste-icons": "0.6.46",
+    "@youcan/celeste-tokens": "0.6.46"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.0",

package/src/components/checkbox/checkbox-card.vue

@@ -139,9 +139,15 @@ const delegatedProps = useDelegatedProps(props, 'class');
   box-shadow: var(--shadow-regular-xs);
 }
 
-.celeste-checkbox-card-preview-image {
-  border: none;
+.celeste-checkbox-card-preview-icon {
+  i {
+    width: 20px;
+    height: 20px;
+    color: var(--color-icon-sub-600);
+  }
+}
 
+.celeste-checkbox-card-preview-image {
   i {
     position: absolute;
     z-index: 0;
@@ -156,13 +162,13 @@ const delegatedProps = useDelegatedProps(props, 'class');
   :deep(img) {
     z-index: 1000;
   }
-}
 
-.celeste-checkbox-card-preview-icon {
-  i {
-    width: 20px;
-    height: 20px;
-    color: var(--color-icon-sub-600);
+  :has(img) {
+    border: none;
+
+    i {
+      display: none;
+    }
   }
 }