@rabex-kit/rabex-ui 0.1.37 → 0.1.40
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/IconButton/index.d.ts +1 -0
- package/dist/Theme/IconButton/index.d.ts +41 -3
- package/dist/rabex-ui.cjs.development.js +91 -1
- package/dist/rabex-ui.cjs.development.js.map +1 -1
- package/dist/rabex-ui.cjs.production.min.js +1 -1
- package/dist/rabex-ui.cjs.production.min.js.map +1 -1
- package/dist/rabex-ui.esm.js +91 -1
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/rabex-ui.esm.js
CHANGED
@@ -3886,11 +3886,101 @@ var RabexIconButton = {
|
|
3886
3886
|
props: {
|
3887
3887
|
disableOpacity: true
|
3888
3888
|
},
|
3889
|
-
style: function style(
|
3889
|
+
style: function style() {
|
3890
3890
|
return {
|
3891
3891
|
color: 'inherit'
|
3892
3892
|
};
|
3893
3893
|
}
|
3894
|
+
}, {
|
3895
|
+
props: {
|
3896
|
+
size: 'xs'
|
3897
|
+
},
|
3898
|
+
style: function style(_ref3) {
|
3899
|
+
var theme = _ref3.theme;
|
3900
|
+
return {
|
3901
|
+
'& svg': {
|
3902
|
+
fontSize: '16px',
|
3903
|
+
width: '16px',
|
3904
|
+
height: '16px'
|
3905
|
+
},
|
3906
|
+
height: '24px',
|
3907
|
+
width: '24px',
|
3908
|
+
padding: theme.spacing(1),
|
3909
|
+
borderRadius: theme.spacing(1)
|
3910
|
+
};
|
3911
|
+
}
|
3912
|
+
}, {
|
3913
|
+
props: {
|
3914
|
+
size: 'sm'
|
3915
|
+
},
|
3916
|
+
style: function style(_ref4) {
|
3917
|
+
var theme = _ref4.theme;
|
3918
|
+
return {
|
3919
|
+
'& svg': {
|
3920
|
+
fontSize: '16px',
|
3921
|
+
width: '16px',
|
3922
|
+
height: '16px'
|
3923
|
+
},
|
3924
|
+
height: '32',
|
3925
|
+
width: '32',
|
3926
|
+
padding: theme.spacing(2),
|
3927
|
+
borderRadius: theme.spacing(2)
|
3928
|
+
};
|
3929
|
+
}
|
3930
|
+
}, {
|
3931
|
+
props: {
|
3932
|
+
size: 'md'
|
3933
|
+
},
|
3934
|
+
style: function style(_ref5) {
|
3935
|
+
var theme = _ref5.theme;
|
3936
|
+
return {
|
3937
|
+
'& svg': {
|
3938
|
+
fontSize: '24px',
|
3939
|
+
width: '24px',
|
3940
|
+
height: '24px'
|
3941
|
+
},
|
3942
|
+
height: '40px',
|
3943
|
+
width: '40px',
|
3944
|
+
padding: theme.spacing(2),
|
3945
|
+
borderRadius: theme.spacing(2)
|
3946
|
+
};
|
3947
|
+
}
|
3948
|
+
}, {
|
3949
|
+
props: {
|
3950
|
+
size: 'lg'
|
3951
|
+
},
|
3952
|
+
style: function style(_ref6) {
|
3953
|
+
var theme = _ref6.theme;
|
3954
|
+
return {
|
3955
|
+
'& svg': {
|
3956
|
+
fontSize: '24px',
|
3957
|
+
width: '24px',
|
3958
|
+
height: '24px'
|
3959
|
+
},
|
3960
|
+
height: '48px',
|
3961
|
+
width: '48px',
|
3962
|
+
padding: theme.spacing(3),
|
3963
|
+
borderRadius: theme.spacing(2)
|
3964
|
+
};
|
3965
|
+
}
|
3966
|
+
}, {
|
3967
|
+
props: {
|
3968
|
+
size: 'xl'
|
3969
|
+
},
|
3970
|
+
style: function style(_ref7) {
|
3971
|
+
var theme = _ref7.theme;
|
3972
|
+
return {
|
3973
|
+
'& svg': {
|
3974
|
+
fontSize: '24px',
|
3975
|
+
width: '24px',
|
3976
|
+
height: '24px'
|
3977
|
+
},
|
3978
|
+
height: '56px',
|
3979
|
+
width: '56px',
|
3980
|
+
borderRadius: theme.spacing(2),
|
3981
|
+
padding: theme.spacing(4)
|
3982
|
+
};
|
3983
|
+
}
|
3894
3984
|
}]
|
3895
3985
|
}
|
3896
3986
|
};
|