@youcan/celeste 0.6.37 → 0.6.38

package/dist/celeste.css

@@ -1830,29 +1830,29 @@ to {
 .celeste-dropdown-items-group[data-v-66b5c9e4] [data-radix-vue-combobox-item] {
   width: auto;
   height: auto;
-}.celeste-text-input-button[data-v-7d21364e] {
+}.celeste-text-input-button[data-v-00ed5aef] {
   border: none;
 }
-.celeste-text-input-button[data-v-7d21364e]:focus, .celeste-text-input-button[data-v-7d21364e]:hover, .celeste-text-input-button[data-v-7d21364e]:active {
+.celeste-text-input-button[data-v-00ed5aef]:focus, .celeste-text-input-button[data-v-00ed5aef]:hover, .celeste-text-input-button[data-v-00ed5aef]:active {
   box-shadow: none !important;
 }
-.celeste-text-input-button[inline=false][data-v-7d21364e] {
+.celeste-text-input-button[inline=false][data-v-00ed5aef] {
   padding: var(--spacing-10);
   border-end-start-radius: 0;
   border-start-start-radius: 0;
 }
-.celeste-text-input-button[inline=false][data-v-7d21364e]:is(.celeste-button-intent-neutral, .celeste-button-variant-stroke):not(:disabled) {
+.celeste-text-input-button[inline=false][data-v-00ed5aef]:is(.celeste-button-intent-neutral, .celeste-button-variant-stroke):not(:disabled) {
   background-color: var(--color-bg-white-0);
 }
-.celeste-text-input-button[inline=false][data-v-7d21364e]:is(.celeste-button-intent-neutral, .celeste-button-variant-stroke):not(:disabled):hover {
+.celeste-text-input-button[inline=false][data-v-00ed5aef]:is(.celeste-button-intent-neutral, .celeste-button-variant-stroke):not(:disabled):hover {
   background-color: var(--color-bg-weak-50);
 }
-.celeste-text-input-button[inline=true][data-v-7d21364e] {
+.celeste-text-input-button[inline=true][data-v-00ed5aef] {
   width: 20px;
   height: 20px;
   color: var(--celeste-text-input-icon-color) !important;
 }
-.celeste-text-input-button[inline=true][data-v-7d21364e]:hover {
+.celeste-text-input-button[inline=true][data-v-00ed5aef]:hover {
   background-color: transparent !important;
 }/* stylelint-disable no-descending-specificity */
 .celeste-text-input-wrapper[data-v-8706da95] {

package/dist/cjs/text-input-button.js

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     const props = __props;
     const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
     return (_ctx, _cache) => {
-      return Mo.openBlock(), Mo.createBlock(button, Mo.mergeProps(Mo.unref(delegatedProps), {
+      return Mo.openBlock(), Mo.createBlock(button, Mo.mergeProps({ tabindex: "-1" }, Mo.unref(delegatedProps), {
         size: "sm",
         intent: "neutral",
         variant: "stroke",
@@ -27,5 +27,5 @@ const _sfc_main = /* @__PURE__ */ Mo.defineComponent({
     };
   }
 });
-const TextInputButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-7d21364e"]]);
+const TextInputButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-00ed5aef"]]);
 module.exports = TextInputButton;

package/dist/es/text-input-button.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const delegatedProps = useDelegatedProps(props, "class");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Button, mergeProps(unref(delegatedProps), {
+      return openBlock(), createBlock(Button, mergeProps({ tabindex: "-1" }, unref(delegatedProps), {
         size: "sm",
         intent: "neutral",
         variant: "stroke",
@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInputButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7d21364e"]]);
+const TextInputButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-00ed5aef"]]);
 export {
   TextInputButton as default
 };

package/package.json

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

package/src/components/text-input/text-input-button.vue

@@ -14,6 +14,7 @@ const delegatedProps = useDelegatedProps(props, 'class');
 
 <template>
   <Button
+    tabindex="-1"
     v-bind="delegatedProps"
     size="sm"
     intent="neutral"