@xqmsg/ui-core 0.24.0 → 0.24.1

package/dist/theme/components/button.d.ts

@@ -120,6 +120,34 @@ declare const _default: {
             bgGradient: string;
             shadow: string;
         };
+        danger: {
+            fontWeight: string;
+            color: string;
+            bg: string;
+            _hover: {
+                bg: string;
+            };
+            _active: {
+                color: string;
+                bg: string;
+            };
+            _focus: {
+                color: string;
+                bg: string;
+            };
+            _disabled: {
+                backgroundColor: string;
+                color: string;
+            };
+            borderRadius: string;
+            fontSize: string;
+            h: string;
+            border: string;
+            px: string;
+            py: string;
+            bgGradient: string;
+            shadow: string;
+        };
         'flat-primary': {
             bg: string;
             bgGradient: null;
@@ -233,6 +261,42 @@ declare const _default: {
             py: string;
             shadow: string;
         };
+        'flat-danger': {
+            fontWeight: string;
+            color: string;
+            bg: string;
+            _hover: {
+                bg: string;
+            };
+            _active: {
+                color: string;
+                bg: string;
+            };
+            _focus: {
+                color: string;
+                bg: string;
+            };
+            _disabled: {
+                backgroundColor: string;
+                color: string;
+            };
+            bgGradient: null;
+            minWidth: string;
+            padding: string;
+            borderRadius: string;
+            border: string;
+            gap: string;
+            height: string;
+            fontSize: string;
+            lineHeight: string;
+            letterSpacing: string;
+            textAlign: string;
+            boxShadow: string;
+            h: string;
+            px: string;
+            py: string;
+            shadow: string;
+        };
     };
     defaultProps: {
         variant: string;

package/dist/ui-core.cjs.development.js

@@ -3775,6 +3775,28 @@ var variantTertiary = function variantTertiary() {
     }
   });
 };
+var variantDanger = function variantDanger() {
+  return _extends$6({}, baseStyle$2, {
+    fontWeight: '400',
+    color: colors.label.primary.dark,
+    bg: colors.label.error,
+    _hover: {
+      bg: colors.label.error
+    },
+    _active: {
+      color: colors.label.primary.dark,
+      bg: colors.label.error
+    },
+    _focus: {
+      color: colors.label.primary.dark,
+      bg: colors.label.error
+    },
+    _disabled: {
+      backgroundColor: colors.label.error,
+      color: colors.label.secondary.light
+    }
+  });
+};
 var variantPrimaryFlat = function variantPrimaryFlat() {
   return _extends$6({}, baseStyle$2, {
     bg: colors.fill.action,
@@ -3834,13 +3856,37 @@ var variantTertiaryFlat = function variantTertiaryFlat() {
     }
   });
 };
+var variantDangerFlat = function variantDangerFlat() {
+  return _extends$6({}, variantPrimaryFlat(), {
+    fontWeight: '400',
+    color: colors.label.primary.dark,
+    bg: colors.label.error,
+    _hover: {
+      bg: colors.label.error
+    },
+    _active: {
+      color: colors.label.primary.dark,
+      bg: colors.label.error
+    },
+    _focus: {
+      color: colors.label.primary.dark,
+      bg: colors.label.error
+    },
+    _disabled: {
+      backgroundColor: colors.label.error,
+      color: colors.label.secondary.light
+    }
+  });
+};
 var variants$2 = {
   primary: /*#__PURE__*/variantPrimary(),
   secondary: /*#__PURE__*/variantSecondary(),
   tertiary: /*#__PURE__*/variantTertiary(),
+  danger: /*#__PURE__*/variantDanger(),
   'flat-primary': /*#__PURE__*/variantPrimaryFlat(),
   'flat-secondary': /*#__PURE__*/variantSecondaryFlat(),
-  'flat-tertiary': /*#__PURE__*/variantTertiaryFlat()
+  'flat-tertiary': /*#__PURE__*/variantTertiaryFlat(),
+  'flat-danger': /*#__PURE__*/variantDangerFlat()
 };
 var defaultProps$2 = {
   variant: 'primary'