@youcan/celeste 0.6.46 → 0.6.47

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-1dfcdddc] {
+}[data-v-25983c0a] {
   box-sizing: border-box;
 }
-.celeste-checkbox-card[data-v-1dfcdddc] {
+.celeste-checkbox-card[data-v-25983c0a] {
   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-1dfcdddc]:not(.celeste-checkbox-card-disabled) {
+.celeste-checkbox-card[data-v-25983c0a]:not(.celeste-checkbox-card-disabled) {
   cursor: pointer;
 }
-.celeste-checkbox-card[data-v-1dfcdddc]:has([data-state=checked]):not(.celeste-checkbox-card-disabled) {
+.celeste-checkbox-card[data-v-25983c0a]:has([data-state=checked]):not(.celeste-checkbox-card-disabled) {
   border-color: var(--color-primary-base);
   box-shadow: none;
 }
-.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) {
+.celeste-checkbox-card[data-v-25983c0a]:hover:not(.celeste-checkbox-card-disabled), .celeste-checkbox-card[data-v-25983c0a]:focus-visible:not(.celeste-checkbox-card-disabled) {
   background-color: var(--color-bg-weak-50);
   box-shadow: none;
 }
-.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])) {
+.celeste-checkbox-card[data-v-25983c0a]:hover:not(.celeste-checkbox-card-disabled):not(:has([data-state=checked])), .celeste-checkbox-card[data-v-25983c0a]:focus-visible:not(.celeste-checkbox-card-disabled):not(:has([data-state=checked])) {
   border-color: transparent;
 }
-.celeste-checkbox-card-preview[data-v-1dfcdddc] {
+.celeste-checkbox-card-preview[data-v-25983c0a] {
   display: flex;
   position: relative;
   flex-shrink: 0;
@@ -1947,12 +1947,15 @@ to {
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
 }
-.celeste-checkbox-card-preview-icon i[data-v-1dfcdddc] {
+.celeste-checkbox-card-preview-icon i[data-v-25983c0a] {
   width: 20px;
   height: 20px;
   color: var(--color-icon-sub-600);
 }
-.celeste-checkbox-card-preview-image i[data-v-1dfcdddc] {
+.celeste-checkbox-card-preview-image[data-v-25983c0a] {
+  border: none;
+}
+.celeste-checkbox-card-preview-image i[data-v-25983c0a] {
   position: absolute;
   z-index: 0;
   top: 50%;
@@ -1962,27 +1965,21 @@ to {
   transform: translate(-50%, -50%);
   color: var(--color-icon-sub-600);
 }
-.celeste-checkbox-card-preview-image[data-v-1dfcdddc] img {
+.celeste-checkbox-card-preview-image[data-v-25983c0a] img {
   z-index: 1000;
 }
-.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-1dfcdddc] {
+.celeste-checkbox-card-content[data-v-25983c0a] {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
 }
-.celeste-checkbox-card-row[data-v-1dfcdddc] {
+.celeste-checkbox-card-row[data-v-25983c0a] {
   display: flex;
   flex-shrink: 1;
   align-items: center;
   gap: var(--spacing-8);
 }
-.celeste-checkbox-card-label[data-v-1dfcdddc] {
+.celeste-checkbox-card-label[data-v-25983c0a] {
   flex-shrink: 1;
   min-width: 0;
   overflow: hidden;
@@ -1991,7 +1988,7 @@ to {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.celeste-checkbox-card-sublabel[data-v-1dfcdddc] {
+.celeste-checkbox-card-sublabel[data-v-25983c0a] {
   flex-shrink: 1;
   min-width: 0;
   overflow: hidden;
@@ -2000,20 +1997,20 @@ to {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.celeste-checkbox-card-description[data-v-1dfcdddc] {
+.celeste-checkbox-card-description[data-v-25983c0a] {
   color: var(--color-text-sub-600);
   font: var(--paragraph-xs);
 }
-.celeste-checkbox-card-disabled[data-v-1dfcdddc] {
+.celeste-checkbox-card-disabled[data-v-25983c0a] {
   cursor: not-allowed;
 }
-.celeste-checkbox-card-disabled .celeste-checkbox-card-label[data-v-1dfcdddc] {
+.celeste-checkbox-card-disabled .celeste-checkbox-card-label[data-v-25983c0a] {
   color: var(--color-text-sub-600);
 }
-.celeste-checkbox-card-disabled .celeste-checkbox-card-sublabel[data-v-1dfcdddc] {
+.celeste-checkbox-card-disabled .celeste-checkbox-card-sublabel[data-v-25983c0a] {
   color: var(--color-text-soft-400);
 }
-.celeste-checkbox-card-disabled .celeste-checkbox-card-description[data-v-1dfcdddc] {
+.celeste-checkbox-card-disabled .celeste-checkbox-card-description[data-v-25983c0a] {
   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-1dfcdddc"]]);
+const checkboxCard = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-25983c0a"]]);
 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-1dfcdddc"]]);
+const checkboxCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-25983c0a"]]);
 export {
   checkboxCard as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.6.46",
+  "version": "0.6.47",
   "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.46",
-    "@youcan/celeste-tokens": "0.6.46"
+    "@youcan/celeste-tokens": "0.6.47",
+    "@youcan/celeste-icons": "0.6.47"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.0",

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

@@ -148,6 +148,8 @@ const delegatedProps = useDelegatedProps(props, 'class');
 }
 
 .celeste-checkbox-card-preview-image {
+  border: none;
+
   i {
     position: absolute;
     z-index: 0;
@@ -162,14 +164,6 @@ const delegatedProps = useDelegatedProps(props, 'class');
   :deep(img) {
     z-index: 1000;
   }
-
-  :has(img) {
-    border: none;
-
-    i {
-      display: none;
-    }
-  }
 }
 
 .celeste-checkbox-card-content {