@ctlyst.id/internal-ui 2.0.29-canary.0 → 2.0.29-canary.1
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/components/loader.d.ts +1 -1
- 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
package/dist/internal-ui.esm.js
CHANGED
@@ -4,7 +4,7 @@ import React__default, { createElement, forwardRef as forwardRef$2, useMemo, use
|
|
4
4
|
import { createContext } from '@chakra-ui/react-context';
|
5
5
|
import { CheckCircle, Info, AlertTriangle, Close, EyeOff, Eye, Rating as Rating$1, Check } from '@ctlyst.id/internal-icon';
|
6
6
|
import { cx as cx$1 } from '@chakra-ui/utils';
|
7
|
-
import { forwardRef as forwardRef$1, useStyleConfig, Box, Button as Button$2, Badge as Badge$2, useToken, Text, useColorModeValue, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Card, Checkbox as Checkbox$1, FormControl, FormLabel as FormLabel$1, FormHelperText, FormErrorMessage, CheckboxGroup, Stack, Flex, Spinner, Table, Thead, Tr, Th, Tbody, Td, defineStyle, InputGroup, Input as Input$1, InputRightAddon, InputRightElement, InputLeftAddon, Textarea as Textarea$1, Image, useDisclosure, Popover as Popover$1, HStack, VStack, PopoverTrigger, Avatar, PopoverContent, PopoverArrow, PopoverBody, useColorMode as useColorMode$1, ModalBody as ModalBody$1, ModalCloseButton as ModalCloseButton$1, ModalFooter as ModalFooter$1, ModalHeader as ModalHeader$1, createIcon, Icon, Portal, Link, VisuallyHidden, Select as Select$1, Radio as Radio$1, RadioGroup, Grid,
|
7
|
+
import { forwardRef as forwardRef$1, useStyleConfig, Box, Button as Button$2, Badge as Badge$2, useToken, Text, useColorModeValue, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Card, Checkbox as Checkbox$1, FormControl, FormLabel as FormLabel$1, FormHelperText, FormErrorMessage, CheckboxGroup, Stack, Flex, Spinner, Table, Thead, Tr, Th, Tbody, Td, defineStyle, InputGroup, Input as Input$1, InputRightAddon, InputRightElement, InputLeftAddon, Textarea as Textarea$1, Image, useDisclosure, Popover as Popover$1, HStack, VStack, PopoverTrigger, Avatar, PopoverContent, PopoverArrow, PopoverBody, useColorMode as useColorMode$1, ModalBody as ModalBody$1, ModalCloseButton as ModalCloseButton$1, ModalFooter as ModalFooter$1, ModalHeader as ModalHeader$1, createIcon, Icon, Portal, Link, VisuallyHidden, Select as Select$1, Radio as Radio$1, RadioGroup, Grid, useMultiStyleConfig as useMultiStyleConfig$1, omitThemingProps as omitThemingProps$1, useCheckbox, chakra as chakra$1, useTab, TabList as TabList$1, TabPanel as TabPanel$1, Heading, createMultiStyleConfigHelpers as createMultiStyleConfigHelpers$1, defineStyleConfig as defineStyleConfig$1, extendTheme } from '@chakra-ui/react';
|
8
8
|
export { AlertDialog, ModalBody as AlertDialogBody, ModalCloseButton as AlertDialogCloseButton, AlertDialogContent, ModalFooter as AlertDialogFooter, ModalHeader as AlertDialogHeader, ModalOverlay as AlertDialogOverlay, Box, ButtonGroup, Center, ChakraProvider, Table as ChakraTable, CloseButton, Code, Collapse, ColorModeScript, Container, Divider, Drawer, ModalBody as DrawerBody, ModalCloseButton as DrawerCloseButton, DrawerContent, ModalFooter as DrawerFooter, ModalHeader as DrawerHeader, ModalOverlay as DrawerOverlay, Flex, FormControl, FormErrorMessage, FormHelperText, FormLabel, Grid, GridItem, HStack, Heading, Icon, IconButton, Image, InputLeftElement as InputElementLeft, InputRightElement as InputElementRight, InputGroup, InputLeftAddon, InputLeftElement, InputRightAddon, InputRightElement, Link, List, ListIcon, ListItem, Modal, ModalContent, ModalContextProvider, ModalFocusScope, ModalOverlay, OrderedList, Popover, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger, Portal, RequiredIndicator, ScaleFade, SimpleGrid, Skeleton, Spacer, Stack, TabIndicator, TabPanels, Tabs, TabsDescendantsProvider, TabsProvider, Tbody, Td, Text, Th, Thead, Tooltip, Tr, UnorderedList, VStack, Wrap, WrapItem, extendTheme, forwardRef, useBoolean, useColorMode, useColorModeValue, useDisclosure, useDrawerContext, useModal, useModalContext, useModalStyles, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, useTabsStyles, useToken } from '@chakra-ui/react';
|
9
9
|
import { FiChevronsRight, FiHome, FiCalendar, FiX, FiPower, FiMoon, FiSun, FiShoppingBag, FiShoppingCart, FiRepeat, FiBox, FiLayers, FiDollarSign, FiUsers, FiRotateCcw, FiSettings, FiLayout, FiGift, FiChevronDown } from 'react-icons/fi';
|
10
10
|
import { ChevronUpIcon, ChevronDownIcon, UpDownIcon, ArrowLeftIcon, ChevronLeftIcon, ChevronRightIcon, ArrowRightIcon } from '@chakra-ui/icons';
|
@@ -2614,43 +2614,6 @@ SelectWrapper.defaultProps = {
|
|
2614
2614
|
isError: false
|
2615
2615
|
};
|
2616
2616
|
|
2617
|
-
const radius = {
|
2618
|
-
none: 0,
|
2619
|
-
sm: '2px',
|
2620
|
-
md: '4px',
|
2621
|
-
lg: '8px',
|
2622
|
-
full: '9999px'
|
2623
|
-
};
|
2624
|
-
|
2625
|
-
const shadows = {
|
2626
|
-
...theme$1.shadows,
|
2627
|
-
raised: '0px 4px 20px rgba(0, 0, 0, 0.05)'
|
2628
|
-
};
|
2629
|
-
|
2630
|
-
const sizes = {
|
2631
|
-
...theme$1.sizes,
|
2632
|
-
4.5: '1.125rem',
|
2633
|
-
9.5: '2.375rem',
|
2634
|
-
18: '4.5rem',
|
2635
|
-
22: '5.5rem',
|
2636
|
-
26: '6.5rem',
|
2637
|
-
30: '7.5rem'
|
2638
|
-
};
|
2639
|
-
|
2640
|
-
const spacing = {
|
2641
|
-
...theme$1.space,
|
2642
|
-
4.5: '1.125rem',
|
2643
|
-
9.5: '2.375rem',
|
2644
|
-
18: '4.5rem',
|
2645
|
-
22: '5.5rem',
|
2646
|
-
26: '6.5rem',
|
2647
|
-
30: '7.5rem'
|
2648
|
-
};
|
2649
|
-
|
2650
|
-
const fonts = {
|
2651
|
-
heading: `'Poppins', sans-serif`,
|
2652
|
-
body: `'Poppins', sans-serif`
|
2653
|
-
};
|
2654
2617
|
const fontWeights = {
|
2655
2618
|
hairline: 100,
|
2656
2619
|
thin: 200,
|
@@ -2842,21 +2805,6 @@ const textStyles = {
|
|
2842
2805
|
field
|
2843
2806
|
};
|
2844
2807
|
|
2845
|
-
|
2846
|
-
|
2847
|
-
var foundations = {
|
2848
|
-
__proto__: null,
|
2849
|
-
radii: radius,
|
2850
|
-
shadows: shadows,
|
2851
|
-
sizes: sizes,
|
2852
|
-
space: spacing,
|
2853
|
-
fonts: fonts,
|
2854
|
-
fontSizes: fontSizes,
|
2855
|
-
letterSpacings: letterSpacings,
|
2856
|
-
lineHeights: lineHeights,
|
2857
|
-
textStyles: textStyles
|
2858
|
-
};
|
2859
|
-
|
2860
2808
|
const styleMd = textStyles.text.sm;
|
2861
2809
|
const selectStyle = {
|
2862
2810
|
fontSize: styleMd.fontSize,
|
@@ -3941,7 +3889,7 @@ const size = {
|
|
3941
3889
|
borderRadius: 'md'
|
3942
3890
|
})
|
3943
3891
|
};
|
3944
|
-
const sizes
|
3892
|
+
const sizes = {
|
3945
3893
|
lg: /*#__PURE__*/definePartsStyle$2({
|
3946
3894
|
field: size.lg,
|
3947
3895
|
addon: size.lg
|
@@ -3991,7 +3939,7 @@ const variants$2 = {
|
|
3991
3939
|
};
|
3992
3940
|
const Input = /*#__PURE__*/defineMultiStyleConfig$2({
|
3993
3941
|
baseStyle: baseStyle$3,
|
3994
|
-
sizes
|
3942
|
+
sizes,
|
3995
3943
|
variants: variants$2,
|
3996
3944
|
defaultProps: {
|
3997
3945
|
size: 'sm',
|
@@ -4253,7 +4201,7 @@ const baseStyle$5 = /*#__PURE__*/definePartsStyle$5(() => ({
|
|
4253
4201
|
},
|
4254
4202
|
thumb: baseStyleThumb
|
4255
4203
|
}));
|
4256
|
-
const sizes$
|
4204
|
+
const sizes$1 = {
|
4257
4205
|
sm: /*#__PURE__*/definePartsStyle$5({
|
4258
4206
|
container: {
|
4259
4207
|
[$width.variable]: '2.125rem',
|
@@ -4275,7 +4223,7 @@ const sizes$2 = {
|
|
4275
4223
|
};
|
4276
4224
|
const Switch$1 = /*#__PURE__*/defineMultiStyleConfig$4({
|
4277
4225
|
baseStyle: baseStyle$5,
|
4278
|
-
sizes: sizes$
|
4226
|
+
sizes: sizes$1,
|
4279
4227
|
defaultProps: {
|
4280
4228
|
size: 'md'
|
4281
4229
|
}
|
@@ -4396,7 +4344,7 @@ const variants$4 = {
|
|
4396
4344
|
striped: variantStripe,
|
4397
4345
|
unstyled: /*#__PURE__*/defineStyle$1({})
|
4398
4346
|
};
|
4399
|
-
const sizes$
|
4347
|
+
const sizes$2 = {
|
4400
4348
|
sm: /*#__PURE__*/definePartsStyle$6({
|
4401
4349
|
th: {
|
4402
4350
|
px: '4',
|
@@ -4468,7 +4416,7 @@ const sizes$3 = {
|
|
4468
4416
|
const tableTheme = /*#__PURE__*/defineMultiStyleConfig$5({
|
4469
4417
|
baseStyle: baseStyle$6,
|
4470
4418
|
variants: variants$4,
|
4471
|
-
sizes: sizes$
|
4419
|
+
sizes: sizes$2,
|
4472
4420
|
defaultProps: {
|
4473
4421
|
variant: 'simple',
|
4474
4422
|
size: 'md',
|
@@ -4579,9 +4527,8 @@ const config = {
|
|
4579
4527
|
initialColorMode: 'light',
|
4580
4528
|
useSystemColorMode: false
|
4581
4529
|
};
|
4582
|
-
const getTheme =
|
4530
|
+
const getTheme = foundations => {
|
4583
4531
|
return extendTheme({
|
4584
|
-
colors: colorScheme,
|
4585
4532
|
...foundations,
|
4586
4533
|
components: {
|
4587
4534
|
...components
|
@@ -4601,7 +4548,6 @@ const getTheme = colorScheme => {
|
|
4601
4548
|
});
|
4602
4549
|
};
|
4603
4550
|
const theme = /*#__PURE__*/extendTheme({
|
4604
|
-
...foundations,
|
4605
4551
|
components: {
|
4606
4552
|
...components
|
4607
4553
|
},
|
@@ -4683,5 +4629,5 @@ function useFetcher() {
|
|
4683
4629
|
};
|
4684
4630
|
}
|
4685
4631
|
|
4686
|
-
export { Alert, AlertAction, AlertClose, AlertDescription, AlertIcon, AlertTitle, Badge, BreadCrumb, Button, CardCustom as Card, CheckboxComponent as Checkbox, CheckboxGroupComponent as CheckboxGroup, Chips, DataTable, DatePickerMonth, Datepicker, Field, Header, InputAddonLeft, InputAddonRight, InputField, Loader, Navigation as MainMenu, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, MultiDatePickerMonth, Pagination, PaginationDetail, PaginationFilter, Provider, ProviderContext, RadioComponent as Radio, RadioGroupComponent as RadioGroup, Rating, Select, SelectAsync, SelectAsyncCreatable, SelectCreatable, Switch, Tab, TabList, TabPanel, TextareaField, Uploader,
|
4632
|
+
export { Alert, AlertAction, AlertClose, AlertDescription, AlertIcon, AlertTitle, Badge, BreadCrumb, Button, CardCustom as Card, CheckboxComponent as Checkbox, CheckboxGroupComponent as CheckboxGroup, Chips, DataTable, DatePickerMonth, Datepicker, Field, Header, InputAddonLeft, InputAddonRight, InputField, Loader, Navigation as MainMenu, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, MultiDatePickerMonth, Pagination, PaginationDetail, PaginationFilter, Provider, ProviderContext, RadioComponent as Radio, RadioGroupComponent as RadioGroup, Rating, Select, SelectAsync, SelectAsyncCreatable, SelectCreatable, Switch, Tab, TabList, TabPanel, TextareaField, Uploader, getTheme, theme, useAlertStyles, useFetcher, useInternalUI };
|
4687
4633
|
//# sourceMappingURL=internal-ui.esm.js.map
|