@xqmsg/ui-core 0.24.0 → 0.24.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/theme/components/button.d.ts +64 -0
- package/dist/ui-core.cjs.development.js +47 -1
- package/dist/ui-core.cjs.development.js.map +1 -1
- package/dist/ui-core.cjs.production.min.js +1 -1
- package/dist/ui-core.cjs.production.min.js.map +1 -1
- package/dist/ui-core.esm.js +47 -1
- package/dist/ui-core.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.stories.tsx +27 -0
- package/src/theme/components/button.ts +49 -0
package/dist/ui-core.esm.js
CHANGED
|
@@ -3768,6 +3768,28 @@ var variantTertiary = function variantTertiary() {
|
|
|
3768
3768
|
}
|
|
3769
3769
|
});
|
|
3770
3770
|
};
|
|
3771
|
+
var variantDanger = function variantDanger() {
|
|
3772
|
+
return _extends$6({}, baseStyle$2, {
|
|
3773
|
+
fontWeight: '400',
|
|
3774
|
+
color: colors.label.primary.dark,
|
|
3775
|
+
bg: colors.label.error,
|
|
3776
|
+
_hover: {
|
|
3777
|
+
bg: colors.label.error
|
|
3778
|
+
},
|
|
3779
|
+
_active: {
|
|
3780
|
+
color: colors.label.primary.dark,
|
|
3781
|
+
bg: colors.label.error
|
|
3782
|
+
},
|
|
3783
|
+
_focus: {
|
|
3784
|
+
color: colors.label.primary.dark,
|
|
3785
|
+
bg: colors.label.error
|
|
3786
|
+
},
|
|
3787
|
+
_disabled: {
|
|
3788
|
+
backgroundColor: colors.label.error,
|
|
3789
|
+
color: colors.label.secondary.light
|
|
3790
|
+
}
|
|
3791
|
+
});
|
|
3792
|
+
};
|
|
3771
3793
|
var variantPrimaryFlat = function variantPrimaryFlat() {
|
|
3772
3794
|
return _extends$6({}, baseStyle$2, {
|
|
3773
3795
|
bg: colors.fill.action,
|
|
@@ -3827,13 +3849,37 @@ var variantTertiaryFlat = function variantTertiaryFlat() {
|
|
|
3827
3849
|
}
|
|
3828
3850
|
});
|
|
3829
3851
|
};
|
|
3852
|
+
var variantDangerFlat = function variantDangerFlat() {
|
|
3853
|
+
return _extends$6({}, variantPrimaryFlat(), {
|
|
3854
|
+
fontWeight: '400',
|
|
3855
|
+
color: colors.label.primary.dark,
|
|
3856
|
+
bg: colors.label.error,
|
|
3857
|
+
_hover: {
|
|
3858
|
+
bg: colors.label.error
|
|
3859
|
+
},
|
|
3860
|
+
_active: {
|
|
3861
|
+
color: colors.label.primary.dark,
|
|
3862
|
+
bg: colors.label.error
|
|
3863
|
+
},
|
|
3864
|
+
_focus: {
|
|
3865
|
+
color: colors.label.primary.dark,
|
|
3866
|
+
bg: colors.label.error
|
|
3867
|
+
},
|
|
3868
|
+
_disabled: {
|
|
3869
|
+
backgroundColor: colors.label.error,
|
|
3870
|
+
color: colors.label.secondary.light
|
|
3871
|
+
}
|
|
3872
|
+
});
|
|
3873
|
+
};
|
|
3830
3874
|
var variants$2 = {
|
|
3831
3875
|
primary: /*#__PURE__*/variantPrimary(),
|
|
3832
3876
|
secondary: /*#__PURE__*/variantSecondary(),
|
|
3833
3877
|
tertiary: /*#__PURE__*/variantTertiary(),
|
|
3878
|
+
danger: /*#__PURE__*/variantDanger(),
|
|
3834
3879
|
'flat-primary': /*#__PURE__*/variantPrimaryFlat(),
|
|
3835
3880
|
'flat-secondary': /*#__PURE__*/variantSecondaryFlat(),
|
|
3836
|
-
'flat-tertiary': /*#__PURE__*/variantTertiaryFlat()
|
|
3881
|
+
'flat-tertiary': /*#__PURE__*/variantTertiaryFlat(),
|
|
3882
|
+
'flat-danger': /*#__PURE__*/variantDangerFlat()
|
|
3837
3883
|
};
|
|
3838
3884
|
var defaultProps$2 = {
|
|
3839
3885
|
variant: 'primary'
|