@crystallize/design-system 1.16.2 → 1.16.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @crystallize/design-system
 
+## 1.16.3
+
+### Patch Changes
+
+- dfe2f9d: Fix button stlyes for xs-button and storybook for all buttons
+
 ## 1.16.2
 
 ### Patch Changes

package/dist/index.css

@@ -935,13 +935,15 @@ button {
 }
 .c-btn-xs {
   height: 1.5rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
   padding-left: 1rem;
   padding-right: 1rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  font-size: 12px;
+  line-height: 0;
 }
 .c-btn-xs .c-btn__loading-spinner {
-  left: 3px;
+  left: 2px;
 }
 .c-btn-sm {
   height: 2.25rem;

package/dist/index.js

@@ -167,6 +167,11 @@ var buttonStyles = (0, import_class_variance_authority2.cva)("c-btn", {
       intent: "danger",
       variant: "elevate",
       class: "c-btn-danger c-btn-elevate"
+    },
+    {
+      intent: "action",
+      variant: "elevate",
+      class: "c-btn-action c-btn-elevate"
     }
   ],
   defaultVariants: {

package/dist/index.mjs

@@ -107,6 +107,11 @@ var buttonStyles = cva("c-btn", {
       intent: "danger",
       variant: "elevate",
       class: "c-btn-danger c-btn-elevate"
+    },
+    {
+      intent: "action",
+      variant: "elevate",
+      class: "c-btn-action c-btn-elevate"
     }
   ],
   defaultVariants: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystallize/design-system",
-  "version": "1.16.2",
+  "version": "1.16.3",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/button/button.css

@@ -92,10 +92,10 @@
 }
 
 .c-btn-xs {
-  @apply h-6 py-2 px-4;
+  @apply h-6 px-4 py-2 text-[12px] leading-[0];
 
   .c-btn__loading-spinner {
-    @apply left-[3px];
+    @apply left-[2px];
   }
 }
 

package/src/button/button.tsx

@@ -65,6 +65,11 @@ const buttonStyles = cva('c-btn', {
       variant: 'elevate',
       class: 'c-btn-danger c-btn-elevate',
     },
+    {
+      intent: 'action',
+      variant: 'elevate',
+      class: 'c-btn-action c-btn-elevate',
+    },
   ],
   defaultVariants: {
     intent: 'default',