@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.
- package/dist/config/theme/components/badge.d.ts +3 -0
- package/dist/config/theme/components/index.d.ts +1 -0
- package/dist/internal-ui.cjs.development.js +68 -3
- package/dist/internal-ui.cjs.development.js.map +1 -1
- package/dist/internal-ui.cjs.production.min.js +2 -2
- package/dist/internal-ui.cjs.production.min.js.map +1 -1
- package/dist/internal-ui.esm.js +71 -6
- package/dist/internal-ui.esm.js.map +1 -1
- package/package.json +2 -2
@@ -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,
|