@ctlyst.id/internal-ui 2.0.1 → 2.0.2

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.
@@ -0,0 +1,3 @@
1
+ import type { ComponentStyleConfig } from '@chakra-ui/theme';
2
+ declare const Badge: ComponentStyleConfig;
3
+ export default Badge;
@@ -1,4 +1,5 @@
1
1
  export { default as Alert } from './alert';
2
+ export { default as Badge } from './badge';
2
3
  export { default as Button } from './button';
3
4
  export { default as Card } from './card';
4
5
  export { default as Checkbox } from './checkbox';
@@ -35,9 +35,7 @@ const Badge = props => {
35
35
  } = props;
36
36
  return /*#__PURE__*/React__default.createElement(react.Badge, Object.assign({
37
37
  borderRadius: pill ? 10 : 4,
38
- variant: "solid",
39
- color: "white",
40
- fontSize: "10px",
38
+ variant: "primary-solid",
41
39
  padding: "0 8px",
42
40
  height: "18px",
43
41
  display: "flex",
@@ -3267,6 +3265,72 @@ const alertTheme = /*#__PURE__*/defineMultiStyleConfig({
3267
3265
  }
3268
3266
  });
3269
3267
 
3268
+ const Badge$1 = {
3269
+ baseStyle: {
3270
+ display: 'inline-block',
3271
+ fontSize: 10,
3272
+ fontWeight: 600,
3273
+ lineHeight: '1.25',
3274
+ textTransform: 'none',
3275
+ px: 2,
3276
+ py: '0.5'
3277
+ },
3278
+ variants: {
3279
+ 'primary-solid': {
3280
+ bg: 'primary.500',
3281
+ color: 'white'
3282
+ },
3283
+ 'success-solid': {
3284
+ bg: 'success.500',
3285
+ color: 'white'
3286
+ },
3287
+ 'info-solid': {
3288
+ bg: 'info.500',
3289
+ color: 'white'
3290
+ },
3291
+ 'warning-solid': {
3292
+ bg: 'warning.500',
3293
+ color: 'white'
3294
+ },
3295
+ 'danger-solid': {
3296
+ bg: 'danger.500',
3297
+ color: 'white'
3298
+ },
3299
+ 'neutral-solid': {
3300
+ bg: 'neutral.600',
3301
+ color: 'white'
3302
+ },
3303
+ 'primary-light': {
3304
+ bg: 'primary.50',
3305
+ color: 'primary.500'
3306
+ },
3307
+ 'success-light': {
3308
+ bg: 'success.50',
3309
+ color: 'success.500'
3310
+ },
3311
+ 'info-light': {
3312
+ bg: 'info.50',
3313
+ color: 'info.500'
3314
+ },
3315
+ 'warning-light': {
3316
+ bg: 'warning.50',
3317
+ color: 'warning.500'
3318
+ },
3319
+ 'danger-light': {
3320
+ bg: 'danger.50',
3321
+ color: 'danger.500'
3322
+ },
3323
+ 'neutral-light': {
3324
+ bg: 'neutral.100',
3325
+ color: 'neutral.600'
3326
+ }
3327
+ },
3328
+ // The default size and variant values
3329
+ defaultProps: {
3330
+ variant: 'primary-solid'
3331
+ }
3332
+ };
3333
+
3270
3334
  // You can also use the more specific type for
3271
3335
  // a single part component: ComponentSingleStyleConfig
3272
3336
  const Button$1 = /*#__PURE__*/styledSystem.defineStyleConfig({
@@ -4166,6 +4230,7 @@ const Textarea = /*#__PURE__*/react.defineStyleConfig({
4166
4230
  var components = {
4167
4231
  __proto__: null,
4168
4232
  Alert: alertTheme,
4233
+ Badge: Badge$1,
4169
4234
  Button: Button$1,
4170
4235
  Card: CardStyle,
4171
4236
  Checkbox: Checkbox,