@ctlyst.id/internal-ui 2.0.29-canary.0 → 2.1.0
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/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;
|