@youcan/celeste 0.6.8 → 0.6.9

package/dist/celeste.css

@@ -1529,7 +1529,7 @@ to {
   initial-value: rgba(0, 0, 0, 0);
   inherits: false;
 }
-.celeste-social-button[data-v-7e944825] {
+.celeste-social-button[data-v-694226a7] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1540,68 +1540,69 @@ to {
   border: 1px solid transparent;
   border-radius: var(--radius-10);
   font: var(--label-sm);
-  gap: var(--spacing-8);
+  text-decoration: none;
   cursor: pointer;
+  gap: var(--spacing-8);
 }
-.celeste-social-button span[data-v-7e944825] {
+.celeste-social-button span[data-v-694226a7] {
   padding-inline-end: var(--spacing-6);
 }
-.celeste-social-button[data-v-7e944825]:focus {
+.celeste-social-button[data-v-694226a7]:focus {
   outline: none;
   box-shadow: var(--shadow-buttons-important-focus);
 }
-.celeste-social-button-fill[data-v-7e944825] {
+.celeste-social-button-fill[data-v-694226a7] {
   color: var(--color-text-white-0);
 }
-.celeste-social-button-stroke[data-v-7e944825] {
+.celeste-social-button-stroke[data-v-694226a7] {
   border-color: var(--color-stroke-soft-200);
   background-color: var(--color-bg-white-0);
   box-shadow: var(--shadow-regular-xs);
   color: var(--text-strong-950);
 }
-.celeste-social-button-stroke[data-v-7e944825]:hover {
+.celeste-social-button-stroke[data-v-694226a7]:hover {
   border-color: transparent;
   background: var(--color-bg-weak-50);
 }
-.celeste-social-button i[data-v-7e944825] {
+.celeste-social-button i[data-v-694226a7] {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
 }
-.celeste-social-button-google[data-v-7e944825]:not(.celeste-social-button-stroke) {
+.celeste-social-button-google[data-v-694226a7]:not(.celeste-social-button-stroke) {
   background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #f14336;
 }
-.celeste-social-button-google[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-google[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
 }
-.celeste-social-button-apple[data-v-7e944825]:not(.celeste-social-button-stroke) {
+.celeste-social-button-apple[data-v-694226a7]:not(.celeste-social-button-stroke) {
   background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #000;
 }
-.celeste-social-button-apple[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-apple[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
 }
-.celeste-social-button-twitter[data-v-7e944825]:not(.celeste-social-button-stroke) {
+.celeste-social-button-twitter[data-v-694226a7]:not(.celeste-social-button-stroke) {
   background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #000;
 }
-.celeste-social-button-twitter[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-twitter[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
 }
-.celeste-social-button-facebook[data-v-7e944825]:not(.celeste-social-button-stroke) {
+.celeste-social-button-facebook[data-v-694226a7]:not(.celeste-social-button-stroke) {
   background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #1977f3;
 }
-.celeste-social-button-facebook[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-facebook[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
 }
-.celeste-social-button-linkedin[data-v-7e944825]:not(.celeste-social-button-stroke) {
+.celeste-social-button-linkedin[data-v-694226a7]:not(.celeste-social-button-stroke) {
   background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #0077b5;
 }
-.celeste-social-button-linkedin[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-linkedin[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(0, 0, 0, 0.16);
 }
-.celeste-social-button-github[data-v-7e944825]:not(.celeste-social-button-stroke) {
+.celeste-social-button-github[data-v-694226a7]:not(.celeste-social-button-stroke) {
   background: linear-gradient(0deg, var(--celeste-social-button-bg) 0%, var(--celeste-social-button-bg) 100%), #24292f;
 }
-.celeste-social-button-github[data-v-7e944825]:not(.celeste-social-button-stroke):hover {
+.celeste-social-button-github[data-v-694226a7]:not(.celeste-social-button-stroke):hover {
   --celeste-social-button-bg: rgba(255, 255, 255, 0.16);
 }.celeste-context-menu-item[data-v-3d94f388] {
   display: flex;

package/dist/cjs/social-button.js

@@ -41,5 +41,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const socialButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-7e944825"]]);
+const socialButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-694226a7"]]);
 module.exports = socialButton;

package/dist/es/social-button.js

@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const socialButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e944825"]]);
+const socialButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-694226a7"]]);
 export {
   socialButton as default
 };

package/package.json

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

package/src/components/button/social-button.vue

@@ -81,8 +81,9 @@ $brand-map: (
   border: 1px solid transparent;
   border-radius: var(--radius-10);
   font: var(--label-sm);
-  gap: var(--spacing-8);
+  text-decoration: none;
   cursor: pointer;
+  gap: var(--spacing-8);
 
   span {
     padding-inline-end: var(--spacing-6);