@shoplflow/base 0.42.0 → 0.42.2

package/dist/index.cjs

@@ -1623,6 +1623,12 @@ var getStyleBySizeVar2 = (sizeVar) => {
         min-width: 54px;
         min-height: 32px;
       `;
+    case "XS":
+      return react$1.css`
+        gap: 2px;
+        padding: 4px 6px;
+        min-height: 24px;
+      `;
     default:
       return react$1.css`
         gap: 4px;
@@ -1695,6 +1701,12 @@ var Button = React3.forwardRef(
       "isLoading",
       "lineClamp"
     ]);
+    const getTypography = () => {
+      if (sizeVar === "XS") {
+        return "caption_400";
+      }
+      return sizeVar === "M" ? "body1_400" : "body2_400";
+    };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       StyledButton,
       __spreadProps(__spreadValues({
@@ -1716,7 +1728,7 @@ var Button = React3.forwardRef(
               whiteSpace: "nowrap",
               wordBreak: "keep-all",
               color: styleVar === "PRIMARY" ? "neutral0" : "neutral700",
-              typography: sizeVar === "M" ? "body1_400" : "body2_400",
+              typography: getTypography(),
               children
             }
           ),
@@ -1731,7 +1743,8 @@ exports.Button = Button;
 // src/components/Buttons/Button/Button.types.ts
 exports.ButtonSizeVariants = {
   S: "S",
-  M: "M"
+  M: "M",
+  XS: "XS"
 };
 exports.ButtonStyleVariants = {
   PRIMARY: "PRIMARY",

package/dist/index.d.cts

@@ -610,6 +610,7 @@ declare type PolymorphicComponentProps<T extends React__default.ElementType, Pro
 declare const ButtonSizeVariants: {
     readonly S: "S";
     readonly M: "M";
+    readonly XS: "XS";
 };
 declare type ButtonSizeVariantType = $Values<typeof ButtonSizeVariants>;
 declare const ButtonStyleVariants: {

package/dist/index.d.ts

@@ -610,6 +610,7 @@ declare type PolymorphicComponentProps<T extends React__default.ElementType, Pro
 declare const ButtonSizeVariants: {
     readonly S: "S";
     readonly M: "M";
+    readonly XS: "XS";
 };
 declare type ButtonSizeVariantType = $Values<typeof ButtonSizeVariants>;
 declare const ButtonStyleVariants: {

package/dist/index.js

@@ -1596,6 +1596,12 @@ var getStyleBySizeVar2 = (sizeVar) => {
         min-width: 54px;
         min-height: 32px;
       `;
+    case "XS":
+      return css`
+        gap: 2px;
+        padding: 4px 6px;
+        min-height: 24px;
+      `;
     default:
       return css`
         gap: 4px;
@@ -1668,6 +1674,12 @@ var Button = forwardRef(
       "isLoading",
       "lineClamp"
     ]);
+    const getTypography = () => {
+      if (sizeVar === "XS") {
+        return "caption_400";
+      }
+      return sizeVar === "M" ? "body1_400" : "body2_400";
+    };
     return /* @__PURE__ */ jsxs(
       StyledButton,
       __spreadProps(__spreadValues({
@@ -1689,7 +1701,7 @@ var Button = forwardRef(
               whiteSpace: "nowrap",
               wordBreak: "keep-all",
               color: styleVar === "PRIMARY" ? "neutral0" : "neutral700",
-              typography: sizeVar === "M" ? "body1_400" : "body2_400",
+              typography: getTypography(),
               children
             }
           ),
@@ -1704,7 +1716,8 @@ var Button_default = Button;
 // src/components/Buttons/Button/Button.types.ts
 var ButtonSizeVariants = {
   S: "S",
-  M: "M"
+  M: "M",
+  XS: "XS"
 };
 var ButtonStyleVariants = {
   PRIMARY: "PRIMARY",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shoplflow/base",
-  "version": "0.42.0",
+  "version": "0.42.2",
   "type": "module",
   "license": "Apache-2.0",
   "main": "dist/index.js",
@@ -91,7 +91,7 @@
     "react-dom": "^18.2.0",
     "simplebar-react": "^3.2.6",
     "@shoplflow/hada-assets": "^0.1.7",
-    "@shoplflow/shopl-assets": "^0.12.20",
+    "@shoplflow/shopl-assets": "^0.12.21",
     "@shoplflow/utils": "^0.7.0"
   },
   "scripts": {