@ctlyst.id/internal-ui 2.0.0 → 2.0.1

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './badge';
 export * from './breadcrumb';
 export * from './button';
 export * from './card';

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

@@ -27,6 +27,29 @@ var styledSystem = require('@chakra-ui/styled-system');
 var themeTools = require('@chakra-ui/theme-tools');
 var axios = _interopDefault(require('axios'));
 
+const Badge = props => {
+  const {
+    children,
+    pill,
+    ...rest
+  } = props;
+  return /*#__PURE__*/React__default.createElement(react.Badge, Object.assign({
+    borderRadius: pill ? 10 : 4,
+    variant: "solid",
+    color: "white",
+    fontSize: "10px",
+    padding: "0 8px",
+    height: "18px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    textTransform: "none"
+  }, rest), children);
+};
+Badge.defaultProps = {
+  pill: false
+};
+
 /* eslint-disable react-hooks/rules-of-hooks */
 const BreadCrumb = props => {
   const {
@@ -2088,7 +2111,7 @@ const XMSLogo = () => /*#__PURE__*/React__default.createElement(react.Image, {
   src: react.useColorModeValue('https://assets.voila.id/xms/logo-xms.jpg', 'https://assets.voila.id/xms/logo-xms-dark.png')
 });
 const VoilaLogo = () => /*#__PURE__*/React__default.createElement(react.Image, {
-  src: "https://s3.ap-southeast-1.amazonaws.com/assets.voila.id/xms/logo-voila-black.png?v=1",
+  src: "https://assets.voila.id/xms/logo-voila-black.png?v=1",
   filter: react.useColorModeValue('none', 'invert(1)'),
   maxW: 24
 });
@@ -3306,14 +3329,15 @@ const Button$1 = /*#__PURE__*/styledSystem.defineStyleConfig({
         variant
       } = props;
       const base = {
-        fontSize: 'text.xs',
-        h: 6,
+        fontSize: 'text.sm',
+        h: '26px',
+        lineHeight: 4,
         px: 2,
         py: '5px'
       };
       const icon = {
-        h: 6,
-        w: 6,
+        h: '26px',
+        w: '26px',
         p: 0
       };
       return variant === 'icon' ? icon : base;
@@ -4447,6 +4471,7 @@ Object.defineProperty(exports, 'useTabsStyles', {
     return react.useTabsStyles;
   }
 });
+exports.Badge = Badge;
 exports.Box = react.Box;
 exports.BreadCrumb = BreadCrumb;
 exports.Button = Button;