@reapit/elements 3.8.0 → 3.8.4
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/assets/system-icons/bulletListSystem.svg +3 -0
- package/assets/system-icons/dollarSystem.svg +3 -0
- package/assets/system-icons/euroSystem.svg +3 -0
- package/assets/system-icons/poundSystem.svg +3 -0
- package/dist/cjs/components/card/card-components.d.ts +1 -0
- package/dist/cjs/components/icon/icons/index.d.ts +4 -0
- package/dist/cjs/components/icon/icons/system-icons/bulletListSystem.d.ts +3 -0
- package/dist/cjs/components/icon/icons/system-icons/dollarSystem.d.ts +3 -0
- package/dist/cjs/components/icon/icons/system-icons/euroSystem.d.ts +3 -0
- package/dist/cjs/components/icon/icons/system-icons/poundSystem.d.ts +3 -0
- package/dist/cjs/components/persistent-notification/__styles__/index.d.ts +9 -0
- package/dist/cjs/components/persistent-notification/__tests__/persistent-notification.test.d.ts +1 -0
- package/dist/cjs/components/persistent-notification/index.d.ts +2 -0
- package/dist/cjs/components/persistent-notification/persistent-notification.d.ts +14 -0
- package/dist/cjs/hooks/use-theme/__tests__/use-theme.test.d.ts +1 -0
- package/dist/cjs/hooks/use-theme/index.d.ts +9 -0
- package/dist/cjs/index.d.ts +3 -0
- package/dist/cjs/index.js +1 -16
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/card/card-components.d.ts +1 -0
- package/dist/esm/components/icon/icons/index.d.ts +4 -0
- package/dist/esm/components/icon/icons/system-icons/bulletListSystem.d.ts +3 -0
- package/dist/esm/components/icon/icons/system-icons/dollarSystem.d.ts +3 -0
- package/dist/esm/components/icon/icons/system-icons/euroSystem.d.ts +3 -0
- package/dist/esm/components/icon/icons/system-icons/poundSystem.d.ts +3 -0
- package/dist/esm/components/persistent-notification/__styles__/index.d.ts +9 -0
- package/dist/esm/components/persistent-notification/__tests__/persistent-notification.test.d.ts +1 -0
- package/dist/esm/components/persistent-notification/index.d.ts +2 -0
- package/dist/esm/components/persistent-notification/persistent-notification.d.ts +14 -0
- package/dist/esm/hooks/use-theme/__tests__/use-theme.test.d.ts +1 -0
- package/dist/esm/hooks/use-theme/index.d.ts +9 -0
- package/dist/esm/index.d.ts +3 -0
- package/dist/esm/index.js +1 -16
- package/dist/esm/index.js.map +1 -1
- package/dist/index.css +84 -78
- package/package.json +33 -36
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="1em" height="1em" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M6.00715 10.7143C5.61673 10.7143 5.30026 10.3944 5.30026 9.9998C5.30026 9.60518 5.61673 9.2853 6.00715 9.2853H19.2931C19.6835 9.2853 20 9.60518 20 9.9998C20 10.3944 19.6835 10.7143 19.2931 10.7143H6.00715ZM6.00715 17.2857C5.61673 17.2857 5.30026 16.9658 5.30026 16.5712C5.30026 16.1766 5.61673 15.8572 6.00715 15.8572H19.2931C19.6835 15.8572 20 16.1766 20 16.5712C20 16.9658 19.6835 17.2857 19.2931 17.2857H6.00715ZM6.00715 4.14263C5.61673 4.14263 5.30026 3.82325 5.30026 3.42863C5.30026 3.03401 5.61673 2.71413 6.00715 2.71413H19.2931C19.6835 2.71413 20 3.03401 20 3.42863C20 3.82325 19.6835 4.14263 19.2931 4.14263H6.00715ZM0 10.0001C0 9.20541 0.632946 8.57167 1.41377 8.57167C2.19954 8.57167 2.82703 9.21092 2.82703 10.0001C2.82703 10.7948 2.19408 11.4286 1.41377 11.4286C0.627507 11.4286 0 10.7893 0 10.0001ZM0 16.5715C0 15.7773 0.632946 15.1431 1.41377 15.1431C2.19954 15.1431 2.82703 15.7828 2.82703 16.5715C2.82703 17.3663 2.19408 18 1.41377 18C0.627507 18 0 17.3607 0 16.5715ZM0 3.42846C0 2.63375 0.632946 2 1.41377 2C2.19954 2 2.82703 2.63926 2.82703 3.42846C2.82703 4.22268 2.19408 4.85692 1.41377 4.85692C0.627507 4.85692 0 4.21717 0 3.42846Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="1em" height="1em" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 4.4666 4.4665 0 10 0C15.5334 0 20 4.4666 20 10C20 15.5334 15.5334 20 10 20C4.4666 20 0 15.5334 0 10ZM1.3335 10C1.3335 14.7999 5.2 18.6665 10 18.6665C14.7999 18.6665 18.6665 14.7999 18.6665 10C18.6665 5.2001 14.7999 1.3335 10 1.3335C5.2001 1.3335 1.3335 5.2001 1.3335 10ZM13.3331 6.6669C13.3331 7.0669 13.0665 7.3335 12.6665 7.3335L10.6665 7.33351V9.33351H10.9999C12.2665 9.33351 13.3333 10.4001 13.3333 11.6665C13.3333 12.9333 12.2665 13.9999 10.9999 13.9999H10.6665V15.3333C10.6665 15.7333 10.3999 15.9999 9.9999 15.9999C9.5999 15.9999 9.3333 15.7333 9.3333 15.3333V13.9999H7.3333C6.9333 13.9999 6.6667 13.7333 6.6667 13.3333C6.6667 12.9333 6.9333 12.6667 7.3333 12.6667H9.3333V10.6667L8.9999 10.6671C7.7331 10.6671 6.6665 9.6003 6.6665 8.3337C6.6665 7.0669 7.7333 6.0003 8.9999 6.0003H9.3333V4.6669C9.3333 4.2669 9.5999 4.0003 9.9999 4.0003C10.3999 4.0003 10.6665 4.2669 10.6665 4.6669V6.0003H12.6665C13.0665 6.0003 13.3331 6.2669 13.3331 6.6669ZM11.9999 11.6667C11.9999 11.1333 11.5333 10.6667 10.9999 10.6667H10.6665V12.6667H10.9999C11.5333 12.6667 11.9999 12.2001 11.9999 11.6667ZM8.9999 9.3335H9.3333V7.3335H8.9999C8.4665 7.3335 7.9999 7.8001 7.9999 8.3335C7.9999 8.8669 8.4665 9.3335 8.9999 9.3335Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="1em" height="1em" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 4.48421 4.48421 0 10 0C15.5158 0 20 4.48421 20 10C20 15.5158 15.5158 20 10 20C4.48421 20 0 15.5158 0 10ZM1.38947 10C1.38947 14.7368 5.26316 18.6105 10 18.6105C14.7368 18.6105 18.6105 14.7368 18.6105 10C18.6105 5.26316 14.7368 1.38947 10 1.38947C5.26316 1.38947 1.38947 5.26316 1.38947 10ZM12.6948 6.82107C12.0842 6.25261 11.3684 5.95788 10.6105 5.95788L10.6105 5.95791C9.36844 5.95791 8.29483 6.77896 7.70536 7.95787H11.3896C11.7686 7.95787 12.0843 8.27374 12.0843 8.65261C12.0843 9.03162 11.7684 9.34735 11.3896 9.34735H7.30536C7.28421 9.53678 7.26321 9.74721 7.26321 9.9578C7.26321 10.1703 7.28102 10.3474 7.30019 10.5379C7.3019 10.5549 7.30363 10.5721 7.30536 10.5894H11.3896C11.7686 10.5894 12.0843 10.9053 12.0843 11.2842C12.0843 11.6632 11.7684 11.9789 11.3896 11.9789H7.72637C8.29468 13.179 9.36848 14 10.6105 14C11.3473 14 12.0842 13.7053 12.6737 13.1368C12.9684 12.8631 13.3894 12.8841 13.6631 13.1578C13.9369 13.4526 13.9159 13.8736 13.6421 14.1473C12.7999 14.9472 11.7263 15.3894 10.6105 15.3894C8.61052 15.3894 6.90526 13.9788 6.21052 11.9789H5.09488C4.71588 11.9789 4.40015 11.663 4.40015 11.2841C4.40015 10.9051 4.71601 10.5894 5.09488 10.5894H5.91594C5.89479 10.3788 5.87379 10.1684 5.87379 9.95778C5.87379 9.76612 5.89134 9.59185 5.91033 9.40315C5.91219 9.3847 5.91406 9.3661 5.91594 9.34733H5.09488C4.71588 9.34733 4.40015 9.03147 4.40015 8.65259C4.40015 8.27359 4.71601 7.95786 5.09488 7.95786H6.23165C6.92642 5.95789 8.63169 4.54736 10.6316 4.54736C11.7474 4.54736 12.8001 4.98954 13.6633 5.8106C13.9369 6.08432 13.958 6.52634 13.6843 6.80007C13.4105 7.07366 12.9685 7.0948 12.6948 6.82107Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg width="1em" height="1em" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10C0 4.48421 4.48421 0 10 0C15.5158 0 20 4.48421 20 10C20 15.5158 15.5158 20 10 20C4.48421 20 0 15.5158 0 10ZM1.38947 10C1.38947 14.7368 5.26316 18.6105 10 18.6105C14.7368 18.6105 18.6105 14.7368 18.6105 10C18.6105 5.26316 14.7368 1.38947 10 1.38947C5.26316 1.38947 1.38947 5.26316 1.38947 10ZM9.22997 13.135H13.0948L13.0948 13.135C13.2638 13.135 13.4024 13.2734 13.3976 13.4451V14.5627H13.3953C13.3953 14.7319 13.259 14.868 13.09 14.868H6.73864C6.56946 14.868 6.43335 14.7317 6.43335 14.5627V13.7972C6.43335 13.6822 6.49674 13.5764 6.60008 13.5248C7.57459 13.0295 8.17799 12.1091 8.17799 11.1182C8.17799 10.8574 8.17095 10.625 8.14048 10.3526H6.83268C6.6635 10.3526 6.52739 10.2164 6.52739 10.0474V9.08233C6.52739 8.91314 6.66366 8.77704 6.83268 8.77704H7.90103C7.83765 8.34265 7.78605 7.88718 7.78605 7.42924C7.78605 5.48987 9.1196 4.13733 11.031 4.13733C12.0196 4.13733 12.6018 4.40724 12.8601 4.56693C12.9775 4.64211 13.0316 4.78526 12.9916 4.91678L12.6863 5.92633C12.6582 6.0156 12.5923 6.08602 12.5078 6.12124C12.4233 6.15645 12.3245 6.14941 12.2448 6.10486C12.024 5.98284 11.6366 5.83724 11.0308 5.83724C9.89202 5.83724 9.65257 6.71069 9.65257 7.44332C9.65257 7.96466 9.71136 8.37083 9.78409 8.77472H11.7329C11.9021 8.77472 12.0382 8.91099 12.0382 9.08001V10.045C12.0382 10.2142 11.902 10.3503 11.7329 10.3503H9.97897C10.0094 10.8387 10.0094 11.3458 9.88741 11.8319C9.76293 12.3108 9.5446 12.7476 9.22997 13.135Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -34,5 +34,6 @@ export declare const handleToggleContextMenu: (contextMenuOpen: boolean, setCont
|
|
|
34
34
|
export declare const handleToggleMainMobileOpen: (mainMobileOpen: boolean, setMainMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
|
|
35
35
|
export declare const handleToggleListMobileOpen: (listMobileOpen: boolean, setListMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
|
|
36
36
|
export declare const handleToggleBothMobileOpen: (mainMobileOpen: boolean, setMainMobileOpen: Dispatch<SetStateAction<boolean>>, listMobileOpen: boolean, setListMobileOpen: Dispatch<SetStateAction<boolean>>) => (event: MouseEvent) => void;
|
|
37
|
+
export declare const handleMouseHover: (hoverIndex: number | null, setHoverIndex: Dispatch<SetStateAction<number | null>>) => () => void;
|
|
37
38
|
export declare const CardContextMenu: FC<CardContextMenuProps>;
|
|
38
39
|
export declare const Card: FC<CardProps>;
|
|
@@ -139,4 +139,8 @@ export declare const iconSet: {
|
|
|
139
139
|
appMarketInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
140
140
|
editAppInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
141
141
|
lockedInfographic: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
142
|
+
poundSystem: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
143
|
+
bulletListSystem: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
144
|
+
dollarSystem: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
145
|
+
euroSystem: import("react").MemoExoticComponent<() => JSX.Element>;
|
|
142
146
|
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const elPersistentNotificationIsFullWidth: import("@linaria/core").LinariaClassName;
|
|
3
|
+
export declare const elPersistentNotificationIsFixed: import("@linaria/core").LinariaClassName;
|
|
4
|
+
export declare const elPersistentNotificationIsInline: import("@linaria/core").LinariaClassName;
|
|
5
|
+
export declare const elPersistentNotificationIcon: import("@linaria/core").LinariaClassName;
|
|
6
|
+
export declare const elPersistentNotificationContent: import("@linaria/core").LinariaClassName;
|
|
7
|
+
export declare const ElPersistentNotification: import("@linaria/core").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
8
|
+
as?: import("react").ElementType<any> | undefined;
|
|
9
|
+
}>;
|
package/dist/cjs/components/persistent-notification/__tests__/persistent-notification.test.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC, HTMLAttributes } from 'react';
|
|
2
|
+
import { IconNames } from '../icon';
|
|
3
|
+
import { Intent } from '../../helpers/intent';
|
|
4
|
+
export interface PersistentNotificationProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
icon?: IconNames;
|
|
6
|
+
intent?: Intent;
|
|
7
|
+
className?: string;
|
|
8
|
+
isExpanded?: boolean;
|
|
9
|
+
isFullWidth?: boolean;
|
|
10
|
+
isFixed?: boolean;
|
|
11
|
+
isInline?: boolean;
|
|
12
|
+
onExpansionToggle?: (newState: boolean) => void;
|
|
13
|
+
}
|
|
14
|
+
export declare const PersistentNotification: FC<PersistentNotificationProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface UseThemeInterface {
|
|
2
|
+
toggleTheme: (theme: string) => void;
|
|
3
|
+
currentTheme: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const THEME_BODY_CLASS = "reapit-theme";
|
|
6
|
+
export declare const THEME_LOCAL_STOREAGE_KEY: string;
|
|
7
|
+
export declare const useTheme: ({ initialSelection }: {
|
|
8
|
+
initialSelection?: string | undefined;
|
|
9
|
+
}) => UseThemeInterface;
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -6,6 +6,7 @@ export * from './styles/borders';
|
|
|
6
6
|
export * from './styles/typography';
|
|
7
7
|
export * from './styles/helpers';
|
|
8
8
|
export * from './styles/media';
|
|
9
|
+
export * from './styles/states';
|
|
9
10
|
export * from './components/button';
|
|
10
11
|
export * from './components/card';
|
|
11
12
|
export * from './components/grid';
|
|
@@ -21,6 +22,7 @@ export * from './components/multi-select';
|
|
|
21
22
|
export * from './components/nav';
|
|
22
23
|
export * from './components/pagination';
|
|
23
24
|
export * from './components/persistant-notification';
|
|
25
|
+
export * from './components/persistent-notification';
|
|
24
26
|
export * from './components/progress-bar';
|
|
25
27
|
export * from './components/secondary-nav';
|
|
26
28
|
export * from './components/select';
|
|
@@ -43,4 +45,5 @@ export * from './hooks/use-modal';
|
|
|
43
45
|
export * from './hooks/use-media-query';
|
|
44
46
|
export * from './hooks/use-nav-state';
|
|
45
47
|
export * from './hooks/use-snack';
|
|
48
|
+
export * from './hooks/use-theme';
|
|
46
49
|
export * from './helpers/intent';
|