@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.
@@ -1,8 +1,5 @@
1
1
  import * as React from 'react';
2
2
  declare const _default: {
3
- chakra: {
4
- theme: Record<string, any>;
5
- };
6
3
  title: string;
7
4
  decorators: ((Story: React.ElementType) => JSX.Element)[];
8
5
  };
@@ -1,8 +1,6 @@
1
- import * as foundations from './foundations';
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
- declare type Foundations = typeof foundations;
6
- export type { Foundations, Theme };
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$1 = {
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: sizes$1,
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$2 = {
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$2,
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$3 = {
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$3,
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 = colorScheme => {
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;