@kwantis-id3/frontend-library 1.0.0-rc.11 → 1.0.0-rc.12

package/dist/esm/types/utils/index.d.ts

@@ -1,5 +1,4 @@
-import useIsMobile from "./isMobile";
-export { transientOptions } from "./transientOptions";
-export { styled } from "./styled";
-export { useIsMobile };
-export { getContrastColor, darkenColor, lightenColor, getHoverColor, getActiveColor } from "./colors";
+export * from "./transientOptions";
+export * from "./isMobile";
+export * from "./colors";
+export * from "./usePrefersColorScheme";

package/dist/esm/types/utils/isMobile.d.ts

@@ -3,5 +3,4 @@
  * @param {number=} mobileBreakpoint breakpoint width to check against
  * @returns boolean
  */
-declare const useIsMobile: (mobileBreakpoint?: number) => boolean;
-export default useIsMobile;
+export declare const useIsMobile: (mobileBreakpoint?: number) => boolean;

package/dist/index.d.ts

@@ -566,13 +566,6 @@ type TDrawerProps = {
 
 declare const Drawer: ({ anchor, openContent, closedContent, openTrigger, closedTrigger, minOpen, maxOpen, bgColor, triggerHoverColor, }: TDrawerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-/**
- * Hook to check if the screen is mobile. The default breakpoint is 768px.
- * @param {number=} mobileBreakpoint breakpoint width to check against
- * @returns boolean
- */
-declare const useIsMobile: (mobileBreakpoint?: number) => boolean;
-
 /**
  * emotion.js doesn't support transient options out of the box.
  *
@@ -582,7 +575,12 @@ declare const useIsMobile: (mobileBreakpoint?: number) => boolean;
  */
 declare const transientOptions: Parameters<CreateStyled>[1];
 
-declare const styled: CreateStyled;
+/**
+ * Hook to check if the screen is mobile. The default breakpoint is 768px.
+ * @param {number=} mobileBreakpoint breakpoint width to check against
+ * @returns boolean
+ */
+declare const useIsMobile: (mobileBreakpoint?: number) => boolean;
 
 /**
  *
@@ -615,4 +613,6 @@ declare const getHoverColor: (color: string) => string;
  */
 declare const getActiveColor: (color: string) => string;
 
-export { Accordion, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, ControlledTreeView, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewList, SingleSelect, SingleSelectProps, Slider, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewListProps, TRenderTriggerProps, TSliderProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, UncontrolledTreeView, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, styled, transientOptions, useIsMobile, useThemeContext };
+declare function usePrefersColorScheme(): "light" | "dark";
+
+export { Accordion, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, ControlledTreeView, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewList, SingleSelect, SingleSelectProps, Slider, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewListProps, TRenderTriggerProps, TSliderProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, UncontrolledTreeView, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, transientOptions, useIsMobile, usePrefersColorScheme, useThemeContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwantis-id3/frontend-library",
-  "version": "1.0.0-rc.11",
+  "version": "1.0.0-rc.12",
   "description": "Kwantis frontend components collection",
   "scriptsComments": {
     "storybook": "Starts storybook in development mode",
@@ -80,12 +80,15 @@
     "ts-node": "^10.9.1",
     "tslib": "^2.5.0",
     "typescript": "^5.7.3",
-    "vitest": "^3.0.5"
+    "vitest": "^3.0.5",
+    "@emotion/jest": "^11.11.0"
   },
   "peerDependencies": {
     "@tanstack/react-table": "^8.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0"
   },
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -95,9 +98,6 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@emotion/jest": "^11.11.0",
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
     "@iconify/react": "^5.2.0",
     "react-range": "^1.8.14",
     "react-select": "^5.7.3",

package/dist/esm/types/utils/styled.d.ts

@@ -1,2 +0,0 @@
-import { CreateStyled } from "@emotion/styled";
-export declare const styled: CreateStyled;