@ctlyst.id/internal-ui 2.0.29-canary.0 → 2.1.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/alert/__stories__/alert.stories.d.ts +0 -3
- package/dist/config/theme/themeConfiguration.d.ts +3 -5
- package/dist/internal-ui.cjs.development.js +7 -62
- package/dist/internal-ui.cjs.development.js.map +1 -1
- package/dist/internal-ui.cjs.production.min.js +4 -4
- package/dist/internal-ui.cjs.production.min.js.map +1 -1
- package/dist/internal-ui.esm.js +9 -63
- package/dist/internal-ui.esm.js.map +1 -1
- package/package.json +3 -3
@@ -1,8 +1,6 @@
|
|
1
|
-
|
2
|
-
export declare const getTheme: (colorScheme: Record<string, any>) => Record<string, any>;
|
1
|
+
export declare const getTheme: (foundations: Record<string, any>) => Record<string, any>;
|
3
2
|
declare const theme: Record<string, any>;
|
4
3
|
declare type Theme = typeof theme;
|
5
|
-
|
6
|
-
export
|
7
|
-
export { foundations, theme };
|
4
|
+
export type { Theme };
|
5
|
+
export { theme };
|
8
6
|
export { ThemeTypings } from '@chakra-ui/styled-system';
|
@@ -2620,43 +2620,6 @@ SelectWrapper.defaultProps = {
|
|
2620
2620
|
isError: false
|
2621
2621
|
};
|
2622
2622
|
|
2623
|
-
const radius = {
|
2624
|
-
none: 0,
|
2625
|
-
sm: '2px',
|
2626
|
-
md: '4px',
|
2627
|
-
lg: '8px',
|
2628
|
-
full: '9999px'
|
2629
|
-
};
|
2630
|
-
|
2631
|
-
const shadows = {
|
2632
|
-
...react.theme.shadows,
|
2633
|
-
raised: '0px 4px 20px rgba(0, 0, 0, 0.05)'
|
2634
|
-
};
|
2635
|
-
|
2636
|
-
const sizes = {
|
2637
|
-
...react.theme.sizes,
|
2638
|
-
4.5: '1.125rem',
|
2639
|
-
9.5: '2.375rem',
|
2640
|
-
18: '4.5rem',
|
2641
|
-
22: '5.5rem',
|
2642
|
-
26: '6.5rem',
|
2643
|
-
30: '7.5rem'
|
2644
|
-
};
|
2645
|
-
|
2646
|
-
const spacing = {
|
2647
|
-
...react.theme.space,
|
2648
|
-
4.5: '1.125rem',
|
2649
|
-
9.5: '2.375rem',
|
2650
|
-
18: '4.5rem',
|
2651
|
-
22: '5.5rem',
|
2652
|
-
26: '6.5rem',
|
2653
|
-
30: '7.5rem'
|
2654
|
-
};
|
2655
|
-
|
2656
|
-
const fonts = {
|
2657
|
-
heading: `'Poppins', sans-serif`,
|
2658
|
-
body: `'Poppins', sans-serif`
|
2659
|
-
};
|
2660
2623
|
const fontWeights = {
|
2661
2624
|
hairline: 100,
|
2662
2625
|
thin: 200,
|
@@ -2848,21 +2811,6 @@ const textStyles = {
|
|
2848
2811
|
field
|
2849
2812
|
};
|
2850
2813
|
|
2851
|
-
|
2852
|
-
|
2853
|
-
var foundations = {
|
2854
|
-
__proto__: null,
|
2855
|
-
radii: radius,
|
2856
|
-
shadows: shadows,
|
2857
|
-
sizes: sizes,
|
2858
|
-
space: spacing,
|
2859
|
-
fonts: fonts,
|
2860
|
-
fontSizes: fontSizes,
|
2861
|
-
letterSpacings: letterSpacings,
|
2862
|
-
lineHeights: lineHeights,
|
2863
|
-
textStyles: textStyles
|
2864
|
-
};
|
2865
|
-
|
2866
2814
|
const styleMd = textStyles.text.sm;
|
2867
2815
|
const selectStyle = {
|
2868
2816
|
fontSize: styleMd.fontSize,
|
@@ -3947,7 +3895,7 @@ const size = {
|
|
3947
3895
|
borderRadius: 'md'
|
3948
3896
|
})
|
3949
3897
|
};
|
3950
|
-
const sizes
|
3898
|
+
const sizes = {
|
3951
3899
|
lg: /*#__PURE__*/definePartsStyle$2({
|
3952
3900
|
field: size.lg,
|
3953
3901
|
addon: size.lg
|
@@ -3997,7 +3945,7 @@ const variants$2 = {
|
|
3997
3945
|
};
|
3998
3946
|
const Input = /*#__PURE__*/defineMultiStyleConfig$2({
|
3999
3947
|
baseStyle: baseStyle$3,
|
4000
|
-
sizes
|
3948
|
+
sizes,
|
4001
3949
|
variants: variants$2,
|
4002
3950
|
defaultProps: {
|
4003
3951
|
size: 'sm',
|
@@ -4259,7 +4207,7 @@ const baseStyle$5 = /*#__PURE__*/definePartsStyle$5(() => ({
|
|
4259
4207
|
},
|
4260
4208
|
thumb: baseStyleThumb
|
4261
4209
|
}));
|
4262
|
-
const sizes$
|
4210
|
+
const sizes$1 = {
|
4263
4211
|
sm: /*#__PURE__*/definePartsStyle$5({
|
4264
4212
|
container: {
|
4265
4213
|
[$width.variable]: '2.125rem',
|
@@ -4281,7 +4229,7 @@ const sizes$2 = {
|
|
4281
4229
|
};
|
4282
4230
|
const Switch$1 = /*#__PURE__*/defineMultiStyleConfig$4({
|
4283
4231
|
baseStyle: baseStyle$5,
|
4284
|
-
sizes: sizes$
|
4232
|
+
sizes: sizes$1,
|
4285
4233
|
defaultProps: {
|
4286
4234
|
size: 'md'
|
4287
4235
|
}
|
@@ -4402,7 +4350,7 @@ const variants$4 = {
|
|
4402
4350
|
striped: variantStripe,
|
4403
4351
|
unstyled: /*#__PURE__*/styledSystem.defineStyle({})
|
4404
4352
|
};
|
4405
|
-
const sizes$
|
4353
|
+
const sizes$2 = {
|
4406
4354
|
sm: /*#__PURE__*/definePartsStyle$6({
|
4407
4355
|
th: {
|
4408
4356
|
px: '4',
|
@@ -4474,7 +4422,7 @@ const sizes$3 = {
|
|
4474
4422
|
const tableTheme = /*#__PURE__*/defineMultiStyleConfig$5({
|
4475
4423
|
baseStyle: baseStyle$6,
|
4476
4424
|
variants: variants$4,
|
4477
|
-
sizes: sizes$
|
4425
|
+
sizes: sizes$2,
|
4478
4426
|
defaultProps: {
|
4479
4427
|
variant: 'simple',
|
4480
4428
|
size: 'md',
|
@@ -4585,9 +4533,8 @@ const config = {
|
|
4585
4533
|
initialColorMode: 'light',
|
4586
4534
|
useSystemColorMode: false
|
4587
4535
|
};
|
4588
|
-
const getTheme =
|
4536
|
+
const getTheme = foundations => {
|
4589
4537
|
return react.extendTheme({
|
4590
|
-
colors: colorScheme,
|
4591
4538
|
...foundations,
|
4592
4539
|
components: {
|
4593
4540
|
...components
|
@@ -4607,7 +4554,6 @@ const getTheme = colorScheme => {
|
|
4607
4554
|
});
|
4608
4555
|
};
|
4609
4556
|
const theme = /*#__PURE__*/react.extendTheme({
|
4610
|
-
...foundations,
|
4611
4557
|
components: {
|
4612
4558
|
...components
|
4613
4559
|
},
|
@@ -5383,7 +5329,6 @@ exports.TabList = TabList;
|
|
5383
5329
|
exports.TabPanel = TabPanel;
|
5384
5330
|
exports.TextareaField = TextareaField;
|
5385
5331
|
exports.Uploader = Uploader;
|
5386
|
-
exports.foundations = foundations;
|
5387
5332
|
exports.getTheme = getTheme;
|
5388
5333
|
exports.theme = theme;
|
5389
5334
|
exports.useAlertStyles = useAlertStyles;
|