@nayhoo/ui 0.12.1 → 0.14.0

package/dist/components/tooltip.mjs

@@ -1,6 +1,6 @@
 import {
   Text
-} from "../chunk-C53FYO65.mjs";
+} from "../chunk-FQX4V5DP.mjs";
 import {
   tooltipContentRecipe
 } from "../chunk-Y6BNWBLR.mjs";
@@ -10,11 +10,11 @@ import {
 } from "../chunk-N535ABFC.mjs";
 import {
   Box
-} from "../chunk-WPNBONR3.mjs";
+} from "../chunk-LSB5JVS2.mjs";
 import "../chunk-OI24WXH6.mjs";
 import {
-  pick
-} from "../chunk-4N6P3Y54.mjs";
+  extractVariantsFromProps
+} from "../chunk-UPZYS6TE.mjs";
 import {
   mergeClasses
 } from "../chunk-7EGQM3ZL.mjs";
@@ -39,7 +39,10 @@ function Tooltip({
     delayDuration,
     disableHoverableContent
   };
-  const variants = pick(props, ...tooltipContentRecipe.variants());
+  const [variants, rest] = extractVariantsFromProps(
+    props,
+    ...tooltipContentRecipe.variants()
+  );
   const tooltipContent = tooltipContentRecipe(variants);
   return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { ...rootProps, children: [
     /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children }),
@@ -49,15 +52,15 @@ function Tooltip({
         side: "top",
         align: "center",
         sideOffset: 5,
-        ...props,
-        className: mergeClasses(tooltipContent, props.className),
+        ...rest,
+        className: mergeClasses(tooltipContent, rest.className),
         children: [
           /* @__PURE__ */ jsx(
             Text,
             {
               size: "1",
               style: {
-                lineHeight: props.multiline ? "20px" : void 0
+                lineHeight: variants.multiline ? "20px" : void 0
               },
               children: content
             }

package/dist/components/tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Text } from \"@/components/text\";\nimport {\n  TooltipContentVariants,\n  tooltipContentRecipe,\n} from \"@/theme/recipes/tooltip.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport { pick } from \"@/utils/pick\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport React from \"react\";\n\ntype TooltipPrimitiveProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\ntype TooltipProps = TooltipPrimitiveProps &\n  TooltipPrimitive.TooltipContentProps &\n  TooltipContentVariants;\n\nexport function Tooltip({\n  children,\n  content,\n  open,\n  defaultOpen,\n  onOpenChange,\n  delayDuration,\n  disableHoverableContent,\n  ...props\n}: TooltipProps) {\n  const rootProps = {\n    open,\n    defaultOpen,\n    onOpenChange,\n    delayDuration,\n    disableHoverableContent,\n  };\n\n  const variants = pick(props, ...tooltipContentRecipe.variants());\n  const tooltipContent = tooltipContentRecipe(variants);\n\n  return (\n    <TooltipPrimitive.Provider>\n      <TooltipPrimitive.Root {...rootProps}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side=\"top\"\n            align=\"center\"\n            sideOffset={5}\n            {...props}\n            className={mergeClasses(tooltipContent, props.className)}\n          >\n            <Text\n              size=\"1\"\n              style={{\n                lineHeight: props.multiline ? \"20px\" : undefined,\n              }}\n            >\n              {content}\n            </Text>\n            <Box>\n              <TooltipPrimitive.Arrow\n                width={11}\n                height={5}\n                style={{\n                  fill: theme.semanticColors.transparentSurface,\n                }}\n              />\n            </Box>\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,YAAY,sBAAsB;AAgC1B,cAEE,YAFF;AAxBD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiB;AACf,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,KAAK,OAAO,GAAG,qBAAqB,SAAS,CAAC;AAC/D,QAAM,iBAAiB,qBAAqB,QAAQ;AAEpD,SACE,oBAAkB,2BAAjB,EACC,+BAAkB,uBAAjB,EAAuB,GAAG,WACzB;AAAA,wBAAkB,0BAAjB,EAAyB,SAAO,MAAE,UAAS;AAAA,IAC5C,oBAAkB,yBAAjB,EACC;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,YAAY;AAAA,QACX,GAAG;AAAA,QACJ,WAAW,aAAa,gBAAgB,MAAM,SAAS;AAAA,QAEvD;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,gBACL,YAAY,MAAM,YAAY,SAAS;AAAA,cACzC;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,OACC;AAAA,YAAkB;AAAA,YAAjB;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,OAAO;AAAA,gBACL,MAAM,MAAM,eAAe;AAAA,cAC7B;AAAA;AAAA,UACF,GACF;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import { Box } from \"@/components/box\";\nimport { Text } from \"@/components/text\";\nimport {\n  TooltipContentVariants,\n  tooltipContentRecipe,\n} from \"@/theme/recipes/tooltip.css\";\nimport { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { extractVariantsFromProps } from \"@/utils/extract-variants\";\nimport { mergeClasses } from \"@/utils/merge-classes\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport React from \"react\";\n\ntype TooltipPrimitiveProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\n\nexport type TooltipProps = TooltipPrimitiveProps &\n  TooltipPrimitive.TooltipContentProps &\n  TooltipContentVariants;\n\nexport function Tooltip({\n  children,\n  content,\n  open,\n  defaultOpen,\n  onOpenChange,\n  delayDuration,\n  disableHoverableContent,\n  ...props\n}: TooltipProps) {\n  const rootProps = {\n    open,\n    defaultOpen,\n    onOpenChange,\n    delayDuration,\n    disableHoverableContent,\n  };\n\n  const [variants, rest] = extractVariantsFromProps(\n    props,\n    ...tooltipContentRecipe.variants(),\n  );\n  const tooltipContent = tooltipContentRecipe(variants);\n\n  return (\n    <TooltipPrimitive.Provider>\n      <TooltipPrimitive.Root {...rootProps}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side=\"top\"\n            align=\"center\"\n            sideOffset={5}\n            {...rest}\n            className={mergeClasses(tooltipContent, rest.className)}\n          >\n            <Text\n              size=\"1\"\n              style={{\n                lineHeight: variants.multiline ? \"20px\" : undefined,\n              }}\n            >\n              {content}\n            </Text>\n            <Box>\n              <TooltipPrimitive.Arrow\n                width={11}\n                height={5}\n                style={{\n                  fill: theme.semanticColors.transparentSurface,\n                }}\n              />\n            </Box>\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,YAAY,sBAAsB;AAoC1B,cAEE,YAFF;AA3BD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiB;AACf,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,CAAC,UAAU,IAAI,IAAI;AAAA,IACvB;AAAA,IACA,GAAG,qBAAqB,SAAS;AAAA,EACnC;AACA,QAAM,iBAAiB,qBAAqB,QAAQ;AAEpD,SACE,oBAAkB,2BAAjB,EACC,+BAAkB,uBAAjB,EAAuB,GAAG,WACzB;AAAA,wBAAkB,0BAAjB,EAAyB,SAAO,MAAE,UAAS;AAAA,IAC5C,oBAAkB,yBAAjB,EACC;AAAA,MAAkB;AAAA,MAAjB;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,YAAY;AAAA,QACX,GAAG;AAAA,QACJ,WAAW,aAAa,gBAAgB,KAAK,SAAS;AAAA,QAEtD;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO;AAAA,gBACL,YAAY,SAAS,YAAY,SAAS;AAAA,cAC5C;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,OACC;AAAA,YAAkB;AAAA,YAAjB;AAAA,cACC,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,OAAO;AAAA,gBACL,MAAM,MAAM,eAAe;AAAA,cAC7B;AAAA;AAAA,UACF,GACF;AAAA;AAAA;AAAA,IACF,GACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/providers/index.css

@@ -9593,7 +9593,7 @@
   width: var(--sizes-9__19nbe8d2gg);
 }
 
-/* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XTW+kOBC9z69gDyMl0nrU3cnkg73saC5zn8McW8YU4ARsZJv+yCr/fWUDjaFpsEkraqlJO1X1ivdMmfctqpTibLvN6N0Rr1bBf1+CAOd5GFRMgvrH/KIpQ1RBIcOAAFMg9HLED0jSN8rSMIi4iEGgiB/0fyoJAknIgagwYJyBXoypLHN8DAPKcsoAJTmYYH1FMhOUvYbBSq+8VFLR5IgIZwqYsjHRHqJXqpDCJcpomuU0zRQiPOciDEQa4ZvV3+Zza0pzplCCC5ofw2CHxQ1CekkiBQe13a6fWQRP8SahXfQedEU7+o9ZkaiAmFaFlcW7rB0WFDOFWFWAoCQMFI6qHAu9IHWUEphJqihnoSY3WK9W+h/vX74N6A/DCBIuwMhwieGxNJwoEL5ZGd81SaQSUnNYclpzPRIdU4mjHOIaBZPXVPCKxS39NWXmh0Qyxwrq782Js/Xx5fa0czIc873eDRJUsDKfdXkYqfKjuTx2dd5qfWeAnyzgsk5o7pJxhXCe8z3Eerm5aQQ7YEq2W7ZjIKny/A+NVbZVooKWkLXhYa/XQy3oVzsl5zimLO0lbGqm66bNjiixAKaCv2hRcqEwU3YJSd9gu26T7xptjZ4Cx7SS7Z3rXxStu62ZZuZus95e1uUk+m5FERNV4lh3inJIutgSE0CWcL1I0Ss7GmqeCo1oP0m/TQddn88m1AwDl1YHzGxaZu7nmNlYhehFZh6sqHiGmbsudo6ZYegEM11odIkZvfSrGUhWw8nunJ+7lp/v1+Hn0YqCGX7uT7F3c/wMQyf46ULJ9M4Zttox0wzqbSlogcWxpehhcqRJKDBTlPysJ0yT2167rjYkPx9L08lr66kl0qlVa2gva9h6rkjhBomJojv4AKa1VwkbxZRAOIst1EcfuFN295elSzNpPAvY2sSpY9P+6owgWwrF2BXYX6MRZEsnM4TOkXml9HPX4j5dALSON7cTf9BbjXGab+NP8bAXf/KtNn/pXAsycYP0p93C/GGSLdDxbZZmXKoW8tmF8bkan8DUAPAzeAIhuGghsQ+Wyay/7blxmJ0bVqI9L+DeoUF/ESw0e0YcXcD8BbDQ7LnwNj6RKkJAyhYv8hpEdW57tRSA+RN1kNxTYfxEHba6YGb3MS0tYPxEPYNcMK37mJYi0D9RTame8SBzb4Da4FjvTNzU+1c7XhxIIgBYgFkc3BSUocbwPD48lYdbU/jcJsmih187xoFXCoJ3K7f1S4NMaDJnTFO/lnn9lUXnnZKmipd7cvVPPg7Ky0N5uSgPHzVO1slOpfNknRsGV0vlY6q8bJWXsfK2VuOUnRxWdj3Kzl2Wj8/yclpeXsvDbfXJOk3AYmgraMvalWzXx4yXc9fWaXEtB+aObR0b17JiF8HPPMaLH66TJ/u4K/Pof4l0DvbMp4MlAjr4tIstDPzK60XkgWG7jmVzbmuJMjOOxB17iSZz5uQies8W5a5yOBX7TBIHyJ9KYc/YFH6gk0ZvudVz7HWJQhOezxV1iToT5u/yvOu7HOY55uZc4Md8oHPXi06JaUPojr3ofJh2hn3w2h0ObBaff4EdsYi68Pv/bTN6ukAeAAA= */
+/* vanilla-extract-css-ns:src/theme/recipes/button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71YTW/jNhC9769QDwUSoFzYzm4+1EsXvey9hz0aFDWSmFCkSlKOnSL/vSAlWZQsW6RiBAasiJ6ZN3ozHOrla1JrLfh2W9C7A16tov++RBFmLI5qrkD/ae9ozhHVUKo4IsA1SLOciD1S9I3yPI4SIVOQKBF780utQCIFDIiOIy44mMWUqorhQxxRzigHlDGwxuaKVCEpf4mjlVl5rpWm2QERwTVw7WKiV0heqEYaV6igecFoXmhEBBMyjmSe4JvVH/Zza0MLrlGGS8oOcbTD8gYhs6SQhr3ebtdPPIHHdJPR3voVTETX+pddUaiElNal4yV6rx2WFHONeF2CpCSONE5qhqVZUMZKS8wV1VTw2JAbrVcr88P7l68j+uM4gUxIsGU4x/CUG840yFCvQuxaJ1JLZTisBG24nrBOqcIJg7RBweQll6LmaUd/Q5m9UUgxrKH53hw5Wx+eb4+dU+BUvJpuUKCjlf2sq/1ElB/t5aGP89bUdwb40QGuGof2KbnQCDMmXiE1y+1DI9gB16pr2Z6BrGbsF011sdWyho6QteXh1azHpqC/T7tkmKmjz8b1aTdY78QETinPByh3TXmaJ7VtVGEJXEe/0bISUmM+CKHoG2zXnfO3tiFsE0ic0lp1dJk7itZ9P+eFpagYbAATTqHvjhWxVhVOTaaIQdbbVpgAcqo9sJSDsJOmdisZRHf7/WMz6PN8sqZ2gvikOmJm0zHzfY6ZjROInmXm3rFKZ5i5623nmBmbXmCmN03OMWOWfrZTzEk4253yc9fxc38dfh4cK5jh59vR9m6On7HpBX56U3K5c8ap9sy0031bSVpieegoerg4BxWUmGtK/m7GUuvbXfusNoSdzrLLzmtn1xLllaoz6Zcl7OwrUvpBYqLpDj6A6fQq4ZOYCojgqYP6GAJ39O7/curSTprAAG5t0twz6fDqTCA7FUqxL3B4jSaQnTrZIXSKLGpt9l2H+3QG0Dne/F4TRrk1GMf5Nr2Lx7mEk++k+dP4OpCZH2Q47Q7mD+vsgE63WV4IpTtI7MP4XIxPYGoE+Bk8gZRCdpBJCJb1bL7dubGfnRuOozsv4JtHguFFcNDcGXHwAQsvgIPmzoW36YlUEwJKdXgkaBA1vt3VqQDMn6gj50EVpk/UcaoLZvYQ06kFTJ+oJ5ALpvUQ06kIDE9UG2ogPNK5N0AjcZx3JmHj/WVkMo4UkQA8wjyNbkrKUat4Hu4fq/2tDXwqlFQ5wG+ecySwouj9nO9AZ2VD5+O/MlzvTm2NcPPWdUZyDWPZl2dV9sqraKMEaS9f9RWiv4IUWJAGC1Bh02QdxRidJ+tUbvgKshBJFiTKgmRZsDCbpuyoz56vR9mpRgtRaUE6LUipBWi1IVnH+VmORclLx9qVRNvHZJt31s5Zcy395o/tHDrXEnJnwU8UCgvD9VJ0H9d0AfkvKZ2HuAvJYEkBPVTe2RRGaqc8izySe9cRfN5pLanMjJ7xx15SkzlpcxZ9IKq4bzm8gn0miSPkT6VwIItEGOhFmbhcKHrmuqRCFxSjL+qS6lyQjufn3VAjVYFjbk5DfkxFeme96JS4LCf9sRedD5d15RC80ZYjmfXv/AvshMA0gd//B6jO1lmzHgAA */
 .button__hi3ya00 {
   all: unset;
   align-items: center;
@@ -9627,10 +9627,13 @@
 .button_fullWidth_true__hi3ya01 {
   width: 100%;
 }
-.button_loading_true__hi3ya02 {
+.button_fullWidth_false__hi3ya02 {
+  width: unset;
+}
+.button_loading_true__hi3ya03 {
   color: transparent !important;
 }
-.button_size_1__hi3ya03 {
+.button_size_1__hi3ya04 {
   border-radius: var(--radii-1__19nbe8d2gh);
   height: var(--sizes-5__19nbe8d2gc);
   padding-left: var(--space-2__19nbe8d1);
@@ -9638,7 +9641,7 @@
   font-size: var(--fontSizes-1__19nbe8d9);
   line-height: var(--sizes-5__19nbe8d2gc);
 }
-.button_size_2__hi3ya04 {
+.button_size_2__hi3ya05 {
   border-radius: var(--radii-2__19nbe8d2gi);
   height: var(--sizes-6__19nbe8d2gd);
   padding-left: var(--space-3__19nbe8d2);
@@ -9646,7 +9649,7 @@
   font-size: var(--fontSizes-3__19nbe8db);
   line-height: var(--lineHeights-6__19nbe8d2fv);
 }
-.button_size_3__hi3ya05 {
+.button_size_3__hi3ya06 {
   border-radius: var(--radii-2__19nbe8d2gi);
   height: var(--sizes-7__19nbe8d2ge);
   padding-left: var(--space-4__19nbe8d3);
@@ -9654,76 +9657,79 @@
   font-size: var(--fontSizes-4__19nbe8dc);
   line-height: var(--sizes-7__19nbe8d2ge);
 }
-.button_variant_primary__hi3ya06 {
+.button_variant_primary__hi3ya07 {
   background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
   color: var(--semanticColors-primary-primary11__19nbe8d2cs);
 }
-.button_variant_primary__hi3ya06:hover {
+.button_variant_primary__hi3ya07:hover {
   background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);
 }
-.button_variant_primary__hi3ya06:active {
+.button_variant_primary__hi3ya07:active {
   background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);
 }
-.button_variant_secondary__hi3ya07 {
+.button_variant_secondary__hi3ya08 {
   background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);
   color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);
 }
-.button_variant_secondary__hi3ya07:hover {
+.button_variant_secondary__hi3ya08:hover {
   background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);
 }
-.button_variant_secondary__hi3ya07:active {
+.button_variant_secondary__hi3ya08:active {
   background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);
 }
-.button_variant_outline__hi3ya08 {
+.button_variant_outline__hi3ya09 {
   background-color: transparent;
   box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
 }
-.button_variant_outline__hi3ya08:hover {
+.button_variant_outline__hi3ya09:hover {
   background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
 }
-.button_variant_outline__hi3ya08:active {
+.button_variant_outline__hi3ya09:active {
   background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
 }
-.button_variant_ghost__hi3ya09 {
+.button_variant_ghost__hi3ya0a {
   background-color: transparent;
 }
-.button_variant_ghost__hi3ya09:hover {
+.button_variant_ghost__hi3ya0a:hover {
   background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
 }
-.button_variant_ghost__hi3ya09:active {
+.button_variant_ghost__hi3ya0a:active {
   background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
 }
-.button_variant_error__hi3ya0a {
+.button_variant_error__hi3ya0b {
   background-color: var(--semanticColors-error-error4__19nbe8d2dx);
   color: var(--semanticColors-error-error11__19nbe8d2e4);
 }
-.button_variant_error__hi3ya0a:hover {
+.button_variant_error__hi3ya0b:hover {
   background-color: var(--semanticColors-error-error5__19nbe8d2dy);
 }
-.button_variant_error__hi3ya0a:active {
+.button_variant_error__hi3ya0b:active {
   background-color: var(--semanticColors-error-error6__19nbe8d2dz);
 }
-.button_variant_success__hi3ya0b {
+.button_variant_success__hi3ya0c {
   background-color: var(--semanticColors-success-success4__19nbe8d2el);
   color: var(--semanticColors-success-success11__19nbe8d2es);
 }
-.button_variant_success__hi3ya0b:hover {
+.button_variant_success__hi3ya0c:hover {
   background-color: var(--semanticColors-success-success5__19nbe8d2em);
 }
-.button_variant_success__hi3ya0b:active {
+.button_variant_success__hi3ya0c:active {
   background-color: var(--semanticColors-success-success6__19nbe8d2en);
 }
-.button_round_true__hi3ya0c {
+.button_round_true__hi3ya0d {
   border-radius: var(--radii-full__19nbe8d2go);
 }
 @media screen and (min-width: 768px) {
-  .button_fullWidth_sm_true__hi3ya0d {
+  .button_fullWidth_sm_true__hi3ya0e {
     width: 100%;
   }
-  .button_loading_sm_true__hi3ya0e {
+  .button_fullWidth_sm_false__hi3ya0f {
+    width: unset;
+  }
+  .button_loading_sm_true__hi3ya0g {
     color: transparent !important;
   }
-  .button_size_sm_1__hi3ya0f {
+  .button_size_sm_1__hi3ya0h {
     border-radius: var(--radii-1__19nbe8d2gh);
     height: var(--sizes-5__19nbe8d2gc);
     padding-left: var(--space-2__19nbe8d1);
@@ -9731,7 +9737,7 @@
     font-size: var(--fontSizes-1__19nbe8d9);
     line-height: var(--sizes-5__19nbe8d2gc);
   }
-  .button_size_sm_2__hi3ya0g {
+  .button_size_sm_2__hi3ya0i {
     border-radius: var(--radii-2__19nbe8d2gi);
     height: var(--sizes-6__19nbe8d2gd);
     padding-left: var(--space-3__19nbe8d2);
@@ -9739,7 +9745,7 @@
     font-size: var(--fontSizes-3__19nbe8db);
     line-height: var(--lineHeights-6__19nbe8d2fv);
   }
-  .button_size_sm_3__hi3ya0h {
+  .button_size_sm_3__hi3ya0j {
     border-radius: var(--radii-2__19nbe8d2gi);
     height: var(--sizes-7__19nbe8d2ge);
     padding-left: var(--space-4__19nbe8d3);
@@ -9747,66 +9753,66 @@
     font-size: var(--fontSizes-4__19nbe8dc);
     line-height: var(--sizes-7__19nbe8d2ge);
   }
-  .button_variant_sm_primary__hi3ya0i {
+  .button_variant_sm_primary__hi3ya0k {
     background-color: var(--semanticColors-primary-primary4__19nbe8d2cl);
     color: var(--semanticColors-primary-primary11__19nbe8d2cs);
   }
-  .button_variant_sm_primary__hi3ya0i:hover {
+  .button_variant_sm_primary__hi3ya0k:hover {
     background-color: var(--semanticColors-primary-primary5__19nbe8d2cm);
   }
-  .button_variant_sm_primary__hi3ya0i:active {
+  .button_variant_sm_primary__hi3ya0k:active {
     background-color: var(--semanticColors-primary-primary6__19nbe8d2cn);
   }
-  .button_variant_sm_secondary__hi3ya0j {
+  .button_variant_sm_secondary__hi3ya0l {
     background-color: var(--semanticColors-secondary-secondary4__19nbe8d2d9);
     color: var(--semanticColors-secondary-secondary11__19nbe8d2dg);
   }
-  .button_variant_sm_secondary__hi3ya0j:hover {
+  .button_variant_sm_secondary__hi3ya0l:hover {
     background-color: var(--semanticColors-secondary-secondary5__19nbe8d2da);
   }
-  .button_variant_sm_secondary__hi3ya0j:active {
+  .button_variant_sm_secondary__hi3ya0l:active {
     background-color: var(--semanticColors-secondary-secondary6__19nbe8d2db);
   }
-  .button_variant_sm_outline__hi3ya0k {
+  .button_variant_sm_outline__hi3ya0m {
     background-color: transparent;
     box-shadow: inset 0 0 0 1px var(--semanticColors-line__19nbe8d2fe);
   }
-  .button_variant_sm_outline__hi3ya0k:hover {
+  .button_variant_sm_outline__hi3ya0m:hover {
     background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
   }
-  .button_variant_sm_outline__hi3ya0k:active {
+  .button_variant_sm_outline__hi3ya0m:active {
     background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
   }
-  .button_variant_sm_ghost__hi3ya0l {
+  .button_variant_sm_ghost__hi3ya0n {
     background-color: transparent;
   }
-  .button_variant_sm_ghost__hi3ya0l:hover {
+  .button_variant_sm_ghost__hi3ya0n:hover {
     background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
   }
-  .button_variant_sm_ghost__hi3ya0l:active {
+  .button_variant_sm_ghost__hi3ya0n:active {
     background-color: var(--semanticColors-transparentActive__19nbe8d2fg);
   }
-  .button_variant_sm_error__hi3ya0m {
+  .button_variant_sm_error__hi3ya0o {
     background-color: var(--semanticColors-error-error4__19nbe8d2dx);
     color: var(--semanticColors-error-error11__19nbe8d2e4);
   }
-  .button_variant_sm_error__hi3ya0m:hover {
+  .button_variant_sm_error__hi3ya0o:hover {
     background-color: var(--semanticColors-error-error5__19nbe8d2dy);
   }
-  .button_variant_sm_error__hi3ya0m:active {
+  .button_variant_sm_error__hi3ya0o:active {
     background-color: var(--semanticColors-error-error6__19nbe8d2dz);
   }
-  .button_variant_sm_success__hi3ya0n {
+  .button_variant_sm_success__hi3ya0p {
     background-color: var(--semanticColors-success-success4__19nbe8d2el);
     color: var(--semanticColors-success-success11__19nbe8d2es);
   }
-  .button_variant_sm_success__hi3ya0n:hover {
+  .button_variant_sm_success__hi3ya0p:hover {
     background-color: var(--semanticColors-success-success5__19nbe8d2em);
   }
-  .button_variant_sm_success__hi3ya0n:active {
+  .button_variant_sm_success__hi3ya0p:active {
     background-color: var(--semanticColors-success-success6__19nbe8d2en);
   }
-  .button_round_sm_true__hi3ya0o {
+  .button_round_sm_true__hi3ya0q {
     border-radius: var(--radii-full__19nbe8d2go);
   }
 }