@ctlyst.id/internal-ui 2.0.29-canary.0 → 2.0.29-canary.1

package/dist/components/alert/__stories__/alert.stories.d.ts

@@ -1,8 +1,5 @@
 import * as React from 'react';
 declare const _default: {
-    chakra: {
-        theme: Record<string, any>;
-    };
     title: string;
     decorators: ((Story: React.ElementType) => JSX.Element)[];
 };

package/dist/config/theme/components/loader.d.ts

@@ -77,7 +77,7 @@ declare const LoaderStyle: {
         [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
     } | undefined;
     defaultProps?: {
-        size?: "lg" | "xs" | "sm" | "md" | "xl" | "xxl" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | "xs" | "xxl" | undefined;
         variant?: string | number | undefined;
         colorScheme?: string | undefined;
     } | undefined;

package/dist/config/theme/themeConfiguration.d.ts

@@ -1,8 +1,6 @@
-import * as foundations from './foundations';
-export declare const getTheme: (colorScheme: Record<string, any>) => Record<string, any>;
+export declare const getTheme: (foundations: Record<string, any>) => Record<string, any>;
 declare const theme: Record<string, any>;
 declare type Theme = typeof theme;
-declare type Foundations = typeof foundations;
-export type { Foundations, Theme };
-export { foundations, theme };
+export type { Theme };
+export { theme };
 export { ThemeTypings } from '@chakra-ui/styled-system';

package/dist/internal-ui.cjs.development.js

@@ -2620,43 +2620,6 @@ SelectWrapper.defaultProps = {
   isError: false
 };
 
-const radius = {
-  none: 0,
-  sm: '2px',
-  md: '4px',
-  lg: '8px',
-  full: '9999px'
-};
-
-const shadows = {
-  ...react.theme.shadows,
-  raised: '0px 4px 20px rgba(0, 0, 0, 0.05)'
-};
-
-const sizes = {
-  ...react.theme.sizes,
-  4.5: '1.125rem',
-  9.5: '2.375rem',
-  18: '4.5rem',
-  22: '5.5rem',
-  26: '6.5rem',
-  30: '7.5rem'
-};
-
-const spacing = {
-  ...react.theme.space,
-  4.5: '1.125rem',
-  9.5: '2.375rem',
-  18: '4.5rem',
-  22: '5.5rem',
-  26: '6.5rem',
-  30: '7.5rem'
-};
-
-const fonts = {
-  heading: `'Poppins', sans-serif`,
-  body: `'Poppins', sans-serif`
-};
 const fontWeights = {
   hairline: 100,
   thin: 200,
@@ -2848,21 +2811,6 @@ const textStyles = {
   field
 };
 
-
-
-var foundations = {
-  __proto__: null,
-  radii: radius,
-  shadows: shadows,
-  sizes: sizes,
-  space: spacing,
-  fonts: fonts,
-  fontSizes: fontSizes,
-  letterSpacings: letterSpacings,
-  lineHeights: lineHeights,
-  textStyles: textStyles
-};
-
 const styleMd = textStyles.text.sm;
 const selectStyle = {
   fontSize: styleMd.fontSize,
@@ -3947,7 +3895,7 @@ const size = {
     borderRadius: 'md'
   })
 };
-const sizes$1 = {
+const sizes = {
   lg: /*#__PURE__*/definePartsStyle$2({
     field: size.lg,
     addon: size.lg
@@ -3997,7 +3945,7 @@ const variants$2 = {
 };
 const Input = /*#__PURE__*/defineMultiStyleConfig$2({
   baseStyle: baseStyle$3,
-  sizes: sizes$1,
+  sizes,
   variants: variants$2,
   defaultProps: {
     size: 'sm',
@@ -4259,7 +4207,7 @@ const baseStyle$5 = /*#__PURE__*/definePartsStyle$5(() => ({
   },
   thumb: baseStyleThumb
 }));
-const sizes$2 = {
+const sizes$1 = {
   sm: /*#__PURE__*/definePartsStyle$5({
     container: {
       [$width.variable]: '2.125rem',
@@ -4281,7 +4229,7 @@ const sizes$2 = {
 };
 const Switch$1 = /*#__PURE__*/defineMultiStyleConfig$4({
   baseStyle: baseStyle$5,
-  sizes: sizes$2,
+  sizes: sizes$1,
   defaultProps: {
     size: 'md'
   }
@@ -4402,7 +4350,7 @@ const variants$4 = {
   striped: variantStripe,
   unstyled: /*#__PURE__*/styledSystem.defineStyle({})
 };
-const sizes$3 = {
+const sizes$2 = {
   sm: /*#__PURE__*/definePartsStyle$6({
     th: {
       px: '4',
@@ -4474,7 +4422,7 @@ const sizes$3 = {
 const tableTheme = /*#__PURE__*/defineMultiStyleConfig$5({
   baseStyle: baseStyle$6,
   variants: variants$4,
-  sizes: sizes$3,
+  sizes: sizes$2,
   defaultProps: {
     variant: 'simple',
     size: 'md',
@@ -4585,9 +4533,8 @@ const config = {
   initialColorMode: 'light',
   useSystemColorMode: false
 };
-const getTheme = colorScheme => {
+const getTheme = foundations => {
   return react.extendTheme({
-    colors: colorScheme,
     ...foundations,
     components: {
       ...components
@@ -4607,7 +4554,6 @@ const getTheme = colorScheme => {
   });
 };
 const theme = /*#__PURE__*/react.extendTheme({
-  ...foundations,
   components: {
     ...components
   },
@@ -5383,7 +5329,6 @@ exports.TabList = TabList;
 exports.TabPanel = TabPanel;
 exports.TextareaField = TextareaField;
 exports.Uploader = Uploader;
-exports.foundations = foundations;
 exports.getTheme = getTheme;
 exports.theme = theme;
 exports.useAlertStyles = useAlertStyles;