@reapit/elements 5.0.0-beta.3 → 5.0.0-beta.6
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/README.md +1 -0
- package/dist/cjs/components/accordion/__styles__/index.d.ts +1 -1
- package/dist/cjs/components/accordion/accordion.d.ts +4 -2
- package/dist/cjs/components/avatar/__styles__/index.d.ts +1 -1
- package/dist/cjs/components/avatar/avatar.d.ts +1 -0
- package/dist/cjs/components/breadcrumb/__styles__/index.d.ts +1 -1
- package/dist/cjs/components/breadcrumb/breadcrumb.d.ts +3 -3
- package/dist/cjs/components/button/__styles__/index.d.ts +0 -5
- package/dist/cjs/components/button/button.d.ts +3 -1
- package/dist/cjs/components/button/button.stories.d.ts +1 -0
- package/dist/cjs/components/card/__styles__/index.d.ts +1 -1
- package/dist/cjs/components/card/card-components.d.ts +1 -2
- package/dist/cjs/components/drawer/drawer.d.ts +2 -1
- package/dist/cjs/components/drawer/drawer.stories.d.ts +3 -0
- package/dist/cjs/components/file-input/file-input.d.ts +1 -1
- package/dist/cjs/components/form-layout/__styles__/index.d.ts +1 -0
- package/dist/cjs/components/form-layout/form-layout.d.ts +1 -0
- package/dist/cjs/components/icon/__styles__/index.d.ts +0 -1
- package/dist/cjs/components/icon/icon-component.d.ts +0 -1
- package/dist/cjs/components/input-group/input-group.stories.d.ts +0 -6
- package/dist/cjs/components/layout/__styles__/index.d.ts +4 -5
- package/dist/cjs/components/layout/layout.d.ts +7 -0
- package/dist/cjs/components/layout/layout.stories.d.ts +3 -0
- package/dist/cjs/components/modal/modal.d.ts +2 -1
- package/dist/cjs/components/multi-select/multi-select.d.ts +2 -1
- package/dist/cjs/components/nav/__styles__/index.d.ts +0 -1
- package/dist/cjs/components/nav/nav-responsive.d.ts +2 -2
- package/dist/cjs/components/pagination/pagination.d.ts +1 -1
- package/dist/cjs/components/progress-bar/__styles__/index.d.ts +0 -7
- package/dist/cjs/components/searchable-dropdown/__styles__/index.d.ts +5 -5
- package/dist/cjs/components/searchable-dropdown/searchable-dropdown.d.ts +2 -2
- package/dist/cjs/components/select/select.stories.d.ts +0 -4
- package/dist/cjs/components/steps/steps.d.ts +1 -0
- package/dist/cjs/components/table/molecules.d.ts +1 -0
- package/dist/cjs/components/tabs/tabs.d.ts +2 -1
- package/dist/cjs/components/toggle/toggle.d.ts +1 -0
- package/dist/cjs/components/typography/__styles__/index.d.ts +12 -27
- package/dist/cjs/components/typography/typography.d.ts +6 -0
- package/dist/cjs/components/typography/typography.stories.d.ts +3 -0
- package/dist/cjs/hooks/use-media-query/index.d.ts +3 -3
- package/dist/cjs/hooks/use-media-query/media.stories.d.ts +1 -3
- package/dist/cjs/hooks/use-nav-state/index.d.ts +3 -3
- package/dist/cjs/hooks/use-snack/index.d.ts +3 -3
- package/dist/cjs/hooks/use-theme/index.d.ts +2 -2
- package/dist/cjs/index.js +11 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/storybook/deprecate-var.d.ts +0 -2
- package/dist/cjs/storybook/docs-helpers.d.ts +2 -0
- package/dist/cjs/storybook/handle-keyboard-event.d.ts +4 -0
- package/dist/cjs/storybook/random-id.d.ts +1 -0
- package/dist/cjs/storybook/welcome.d.ts +2 -2
- package/dist/cjs/styles/__tests__/theme-provider.test.d.ts +1 -0
- package/dist/cjs/styles/borders.d.ts +7 -7
- package/dist/cjs/styles/globals.d.ts +1 -0
- package/dist/cjs/styles/intent.d.ts +0 -3
- package/dist/cjs/styles/theme-provider.d.ts +8 -0
- package/dist/cjs/styles/theming.stories.d.ts +1 -1
- package/dist/esm/components/accordion/__styles__/index.d.ts +1 -1
- package/dist/esm/components/accordion/accordion.d.ts +4 -2
- package/dist/esm/components/avatar/__styles__/index.d.ts +1 -1
- package/dist/esm/components/avatar/avatar.d.ts +1 -0
- package/dist/esm/components/breadcrumb/__styles__/index.d.ts +1 -1
- package/dist/esm/components/breadcrumb/breadcrumb.d.ts +3 -3
- package/dist/esm/components/button/__styles__/index.d.ts +0 -5
- package/dist/esm/components/button/button.d.ts +3 -1
- package/dist/esm/components/button/button.stories.d.ts +1 -0
- package/dist/esm/components/card/__styles__/index.d.ts +1 -1
- package/dist/esm/components/card/card-components.d.ts +1 -2
- package/dist/esm/components/drawer/drawer.d.ts +2 -1
- package/dist/esm/components/drawer/drawer.stories.d.ts +3 -0
- package/dist/esm/components/file-input/file-input.d.ts +1 -1
- package/dist/esm/components/form-layout/__styles__/index.d.ts +1 -0
- package/dist/esm/components/form-layout/form-layout.d.ts +1 -0
- package/dist/esm/components/icon/__styles__/index.d.ts +0 -1
- package/dist/esm/components/icon/icon-component.d.ts +0 -1
- package/dist/esm/components/input-group/input-group.stories.d.ts +0 -6
- package/dist/esm/components/layout/__styles__/index.d.ts +4 -5
- package/dist/esm/components/layout/layout.d.ts +7 -0
- package/dist/esm/components/layout/layout.stories.d.ts +3 -0
- package/dist/esm/components/modal/modal.d.ts +2 -1
- package/dist/esm/components/multi-select/multi-select.d.ts +2 -1
- package/dist/esm/components/nav/__styles__/index.d.ts +0 -1
- package/dist/esm/components/nav/nav-responsive.d.ts +2 -2
- package/dist/esm/components/pagination/pagination.d.ts +1 -1
- package/dist/esm/components/progress-bar/__styles__/index.d.ts +0 -7
- package/dist/esm/components/searchable-dropdown/__styles__/index.d.ts +5 -5
- package/dist/esm/components/searchable-dropdown/searchable-dropdown.d.ts +2 -2
- package/dist/esm/components/select/select.stories.d.ts +0 -4
- package/dist/esm/components/steps/steps.d.ts +1 -0
- package/dist/esm/components/table/molecules.d.ts +1 -0
- package/dist/esm/components/tabs/tabs.d.ts +2 -1
- package/dist/esm/components/toggle/toggle.d.ts +1 -0
- package/dist/esm/components/typography/__styles__/index.d.ts +12 -27
- package/dist/esm/components/typography/typography.d.ts +6 -0
- package/dist/esm/components/typography/typography.stories.d.ts +3 -0
- package/dist/esm/hooks/use-media-query/index.d.ts +3 -3
- package/dist/esm/hooks/use-media-query/media.stories.d.ts +1 -3
- package/dist/esm/hooks/use-nav-state/index.d.ts +3 -3
- package/dist/esm/hooks/use-snack/index.d.ts +3 -3
- package/dist/esm/hooks/use-theme/index.d.ts +2 -2
- package/dist/esm/index.js +11 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/storybook/deprecate-var.d.ts +0 -2
- package/dist/esm/storybook/docs-helpers.d.ts +2 -0
- package/dist/esm/storybook/handle-keyboard-event.d.ts +4 -0
- package/dist/esm/storybook/random-id.d.ts +1 -0
- package/dist/esm/storybook/welcome.d.ts +2 -2
- package/dist/esm/styles/__tests__/theme-provider.test.d.ts +1 -0
- package/dist/esm/styles/borders.d.ts +7 -7
- package/dist/esm/styles/globals.d.ts +1 -0
- package/dist/esm/styles/intent.d.ts +0 -3
- package/dist/esm/styles/theme-provider.d.ts +8 -0
- package/dist/esm/styles/theming.stories.d.ts +1 -1
- package/dist/index.css +473 -489
- package/package.json +74 -67
- /package/dist/esm/assets/{asset-5a3e61e0 → asset-BDb_LRz7} +0 -0
|
@@ -7,6 +7,9 @@ export default _default;
|
|
|
7
7
|
export declare const BaseScale: {
|
|
8
8
|
render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
};
|
|
10
|
+
export declare const TaggedTypography: {
|
|
11
|
+
render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
};
|
|
10
13
|
export declare const TypographyModifiers: {
|
|
11
14
|
render: ({}: {}) => import("react/jsx-runtime").JSX.Element;
|
|
12
15
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
export interface MediaType {
|
|
3
3
|
isMobile: boolean;
|
|
4
4
|
isTablet: boolean;
|
|
@@ -12,6 +12,6 @@ export declare const TABLET_BREAKPOINT = 1024;
|
|
|
12
12
|
export declare const DESKTOP_BREAKPOINT = 1440;
|
|
13
13
|
export declare const WIDESCREEN_BREAKPOINT = 1920;
|
|
14
14
|
export declare const SUPER_WIDESCREEN_BREAKPOINT = 2560;
|
|
15
|
-
export declare const MediaStateContext:
|
|
16
|
-
export declare const MediaStateProvider: FC
|
|
15
|
+
export declare const MediaStateContext: import("react").Context<MediaType>;
|
|
16
|
+
export declare const MediaStateProvider: FC;
|
|
17
17
|
export declare const useMediaQuery: () => MediaType;
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare const _default: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: import("react").FC
|
|
5
|
-
children?: import("react").ReactNode;
|
|
6
|
-
}>;
|
|
4
|
+
component: import("react").FC;
|
|
7
5
|
};
|
|
8
6
|
export default _default;
|
|
9
7
|
export declare const MediaStateProviderUsage: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { Dispatch, SetStateAction, MouseEvent,
|
|
1
|
+
import React, { Dispatch, SetStateAction, MouseEvent, FC } from 'react';
|
|
2
2
|
export interface NavState {
|
|
3
3
|
navItemIndex: number | null;
|
|
4
4
|
navMenuOpen: boolean;
|
|
@@ -12,8 +12,8 @@ export interface NavStateContextProps {
|
|
|
12
12
|
}
|
|
13
13
|
export interface UseNavState {
|
|
14
14
|
navState: NavState;
|
|
15
|
-
setNavState: (newState: Partial<NavState>) => (event
|
|
15
|
+
setNavState: (newState: Partial<NavState>) => (event?: MouseEvent<HTMLAnchorElement | HTMLDivElement | HTMLSpanElement>) => void;
|
|
16
16
|
}
|
|
17
17
|
export declare const NavStateContext: React.Context<NavStateContextProps>;
|
|
18
|
-
export declare const NavStateProvider: FC
|
|
18
|
+
export declare const NavStateProvider: FC;
|
|
19
19
|
export declare const useNavState: (defaultNavIndex?: number | null, defaultNavSubIndex?: number | null) => UseNavState;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { FC } from 'react';
|
|
2
2
|
import { SnackProps } from '../../components/snack';
|
|
3
3
|
export interface SnackContextProps {
|
|
4
4
|
addSnackWithTimeout: (snack: SnackProps, timeout: number) => void;
|
|
5
5
|
}
|
|
6
|
-
export declare const SnackContext:
|
|
7
|
-
export declare const SnackProvider: FC
|
|
6
|
+
export declare const SnackContext: import("react").Context<SnackContextProps>;
|
|
7
|
+
export declare const SnackProvider: FC;
|
|
8
8
|
export interface UseSnack {
|
|
9
9
|
custom: (snack: SnackProps, timeout?: number) => void;
|
|
10
10
|
success: (text: string, timeout?: number) => void;
|
|
@@ -3,7 +3,7 @@ export interface UseThemeInterface {
|
|
|
3
3
|
currentTheme: string;
|
|
4
4
|
}
|
|
5
5
|
export declare const THEME_BODY_CLASS = "reapit-theme";
|
|
6
|
-
export declare const THEME_LOCAL_STOREAGE_KEY
|
|
6
|
+
export declare const THEME_LOCAL_STOREAGE_KEY = "reapit-foundations-reapit-theme";
|
|
7
7
|
/**
|
|
8
8
|
*
|
|
9
9
|
* window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
|
|
@@ -12,5 +12,5 @@ export declare const THEME_LOCAL_STOREAGE_KEY: string;
|
|
|
12
12
|
*
|
|
13
13
|
*/
|
|
14
14
|
export declare const useTheme: ({ initialSelection }: {
|
|
15
|
-
initialSelection?: string
|
|
15
|
+
initialSelection?: string;
|
|
16
16
|
}) => UseThemeInterface;
|