@protonradio/proton-ui 0.11.3 → 0.11.5-beta.1
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 +2 -42
- package/dist/color2k-CpDB_dpw.mjs +168 -0
- package/dist/color2k-CpDB_dpw.mjs.map +1 -0
- package/dist/color2k-DCgwXUem.js +2 -0
- package/dist/color2k-DCgwXUem.js.map +1 -0
- package/dist/{colors.es.js → colors-CWaj9dFz.mjs} +7 -7
- package/dist/colors-CWaj9dFz.mjs.map +1 -0
- package/dist/colors-CebzFjpe.js +2 -0
- package/dist/colors-CebzFjpe.js.map +1 -0
- package/dist/colors-Ceyo4oCJ.mjs +34 -0
- package/dist/colors-Ceyo4oCJ.mjs.map +1 -0
- package/dist/colors-CmSJBHaf.js +2 -0
- package/dist/colors-CmSJBHaf.js.map +1 -0
- package/dist/colors-DL1dYffC.js +2 -0
- package/dist/colors-DL1dYffC.js.map +1 -0
- package/dist/colors-DMkDnu4U.mjs +34 -0
- package/dist/colors-DMkDnu4U.mjs.map +1 -0
- package/dist/constants.cjs.js +1 -1
- package/dist/constants.cjs.js.map +1 -1
- package/dist/constants.d.ts +0 -12
- package/dist/constants.es.js +0 -3
- package/dist/constants.es.js.map +1 -1
- package/dist/copy-B-xGO04t.mjs +43 -0
- package/dist/copy-B-xGO04t.mjs.map +1 -0
- package/dist/copy-CNHg70jK.js +2 -0
- package/dist/copy-CNHg70jK.js.map +1 -0
- package/dist/dark.d.ts +87 -0
- package/dist/hooks.cjs.js +1 -1
- package/dist/hooks.cjs.js.map +1 -1
- package/dist/hooks.es.js +17 -16
- package/dist/hooks.es.js.map +1 -1
- package/dist/image-CUSfY1_T.js +2 -0
- package/dist/image-CUSfY1_T.js.map +1 -0
- package/dist/{image-GZPhSCuF.mjs → image-DFyN0Kd9.mjs} +47 -45
- package/dist/image-DFyN0Kd9.mjs.map +1 -0
- package/dist/index.cjs.js +32 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +9 -31
- package/dist/index.es.js +3262 -2646
- package/dist/index.es.js.map +1 -1
- package/dist/light.d.ts +78 -0
- package/dist/theme/dark.cjs.js +2 -0
- package/dist/theme/dark.cjs.js.map +1 -0
- package/dist/theme/dark.d.ts +2 -0
- package/dist/theme/dark.es.js +58 -0
- package/dist/theme/dark.es.js.map +1 -0
- package/dist/theme/light.cjs.js +2 -0
- package/dist/theme/light.cjs.js.map +1 -0
- package/dist/theme/light.d.ts +2 -0
- package/dist/theme/light.es.js +58 -0
- package/dist/theme/light.es.js.map +1 -0
- package/dist/theme.cjs.js +2 -0
- package/dist/theme.cjs.js.map +1 -0
- package/dist/{themes.d.ts → theme.d.ts} +12 -33
- package/dist/theme.es.js +19 -0
- package/dist/theme.es.js.map +1 -0
- package/dist/{useBreakpoint-CA9tMMV8.js → useBreakpoint-DA-JqOu3.js} +2 -2
- package/dist/{useBreakpoint-CA9tMMV8.js.map → useBreakpoint-DA-JqOu3.js.map} +1 -1
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.es.js +9 -10
- package/dist/utils.es.js.map +1 -1
- package/package.json +26 -24
- package/dist/Button-D5vY_uZz.js +0 -31
- package/dist/Button-D5vY_uZz.js.map +0 -1
- package/dist/Button-R07nvJbw.mjs +0 -727
- package/dist/Button-R07nvJbw.mjs.map +0 -1
- package/dist/Button.cjs.js +0 -2
- package/dist/Button.cjs.js.map +0 -1
- package/dist/Button.d.ts +0 -53
- package/dist/Button.es.js +0 -9
- package/dist/Button.es.js.map +0 -1
- package/dist/colors.cjs.js +0 -2
- package/dist/colors.cjs.js.map +0 -1
- package/dist/colors.d.ts +0 -42
- package/dist/colors.es.js.map +0 -1
- package/dist/copy-DxIZCnfT.js +0 -2
- package/dist/copy-DxIZCnfT.js.map +0 -1
- package/dist/copy-qSgElu2b.mjs +0 -31
- package/dist/copy-qSgElu2b.mjs.map +0 -1
- package/dist/image-C7s3ABus.js +0 -2
- package/dist/image-C7s3ABus.js.map +0 -1
- package/dist/image-GZPhSCuF.mjs.map +0 -1
- package/dist/index-CMjT6Imo.js +0 -2
- package/dist/index-CMjT6Imo.js.map +0 -1
- package/dist/index-Clgyr6Mk.mjs +0 -317
- package/dist/index-Clgyr6Mk.mjs.map +0 -1
- package/dist/navigation-DdxS0JoV.js +0 -2
- package/dist/navigation-DdxS0JoV.js.map +0 -1
- package/dist/navigation-DsfDNfej.mjs +0 -16
- package/dist/navigation-DsfDNfej.mjs.map +0 -1
- package/dist/theme-DQsfWeLo.mjs +0 -12
- package/dist/theme-DQsfWeLo.mjs.map +0 -1
- package/dist/theme-Dc0Ahjq9.js +0 -2
- package/dist/theme-Dc0Ahjq9.js.map +0 -1
- package/dist/themes.cjs.js +0 -2
- package/dist/themes.cjs.js.map +0 -1
- package/dist/themes.es.js +0 -23
- package/dist/themes.es.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -12,7 +12,6 @@ import { ReactElement } from 'react';
|
|
|
12
12
|
import { ReactNode } from 'react';
|
|
13
13
|
import { RefAttributes } from 'react';
|
|
14
14
|
import { Selection as Selection_2 } from '@react-types/shared';
|
|
15
|
-
import { TableColumnData as TableColumnData_2 } from '../Table';
|
|
16
15
|
import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
|
|
17
16
|
import { TooltipTriggerComponentProps } from 'react-aria-components';
|
|
18
17
|
|
|
@@ -807,6 +806,8 @@ declare interface ProtonStyleSheet {
|
|
|
807
806
|
"--proton-color__white": string;
|
|
808
807
|
}
|
|
809
808
|
|
|
809
|
+
declare type ProtonTheme = (typeof THEMES)[keyof typeof THEMES];
|
|
810
|
+
|
|
810
811
|
/**
|
|
811
812
|
* Base Overlay component for creating modal-like backgrounds.
|
|
812
813
|
*
|
|
@@ -994,7 +995,7 @@ export declare const Table: (({ children, name }: TableProps) => JSX_2.Element)
|
|
|
994
995
|
Cell: ({ ...props }: TableCellProps) => any;
|
|
995
996
|
};
|
|
996
997
|
|
|
997
|
-
|
|
998
|
+
declare interface TableBodyProps {
|
|
998
999
|
children: TableRowElement | TableRowElement[];
|
|
999
1000
|
}
|
|
1000
1001
|
|
|
@@ -1008,14 +1009,12 @@ export declare type TableCellData = {
|
|
|
1008
1009
|
|
|
1009
1010
|
declare type TableCellElement = ReactElement<TableCellProps, typeof TableCell>;
|
|
1010
1011
|
|
|
1011
|
-
|
|
1012
|
+
declare interface TableCellProps {
|
|
1012
1013
|
columnKey?: string;
|
|
1013
1014
|
children?: ReactNode;
|
|
1014
1015
|
colSpan?: number;
|
|
1015
1016
|
}
|
|
1016
1017
|
|
|
1017
|
-
export declare type TableCollection = ReturnType<typeof useTableCollection>;
|
|
1018
|
-
|
|
1019
1018
|
declare const TableColumn: ({ ...props }: TableColumnProps) => any;
|
|
1020
1019
|
|
|
1021
1020
|
export declare type TableColumnData = {
|
|
@@ -1027,7 +1026,7 @@ export declare type TableColumnData = {
|
|
|
1027
1026
|
|
|
1028
1027
|
declare type TableColumnElement = ReactElement<TableColumnProps, typeof TableColumn>;
|
|
1029
1028
|
|
|
1030
|
-
|
|
1029
|
+
declare interface TableColumnProps {
|
|
1031
1030
|
id: string;
|
|
1032
1031
|
children: ReactNode;
|
|
1033
1032
|
"aria-sort"?: AriaAttributes["aria-sort"];
|
|
@@ -1038,7 +1037,7 @@ export declare type TableData = {
|
|
|
1038
1037
|
rows: TableRowData[];
|
|
1039
1038
|
};
|
|
1040
1039
|
|
|
1041
|
-
|
|
1040
|
+
declare interface TableHeaderProps {
|
|
1042
1041
|
children: TableColumnElement | TableColumnElement[];
|
|
1043
1042
|
isHidden?: boolean;
|
|
1044
1043
|
}
|
|
@@ -1059,7 +1058,7 @@ export declare type TableRowData = {
|
|
|
1059
1058
|
|
|
1060
1059
|
declare type TableRowElement = ReactElement<TableRowProps, typeof TableRow>;
|
|
1061
1060
|
|
|
1062
|
-
|
|
1061
|
+
declare interface TableRowProps {
|
|
1063
1062
|
key?: string | number;
|
|
1064
1063
|
children: TableCellElement | TableCellElement[];
|
|
1065
1064
|
onClick?: () => void;
|
|
@@ -1132,10 +1131,8 @@ declare interface TextEmphasisProps extends React.HTMLAttributes<HTMLSpanElement
|
|
|
1132
1131
|
"data-testid"?: string;
|
|
1133
1132
|
}
|
|
1134
1133
|
|
|
1135
|
-
declare type Theme = (typeof THEMES)[keyof typeof THEMES];
|
|
1136
|
-
|
|
1137
1134
|
declare interface ThemeContextType {
|
|
1138
|
-
theme:
|
|
1135
|
+
theme: ProtonTheme;
|
|
1139
1136
|
className: string;
|
|
1140
1137
|
style: ProtonStyleSheet;
|
|
1141
1138
|
palette: ProtonPalette;
|
|
@@ -1145,7 +1142,7 @@ declare interface ThemeContextType {
|
|
|
1145
1142
|
export declare const ThemeProvider: default_2.FC<ThemeProviderProps>;
|
|
1146
1143
|
|
|
1147
1144
|
declare interface ThemeProviderProps {
|
|
1148
|
-
theme:
|
|
1145
|
+
theme: ProtonTheme;
|
|
1149
1146
|
children: ReactNode;
|
|
1150
1147
|
palette?: ProtonPalette;
|
|
1151
1148
|
}
|
|
@@ -1268,25 +1265,6 @@ export declare function usePopoverTrigger(props?: OverlayTriggerProps): {
|
|
|
1268
1265
|
state: OverlayTriggerState;
|
|
1269
1266
|
};
|
|
1270
1267
|
|
|
1271
|
-
/**
|
|
1272
|
-
* Hook for managing table data structure and providing navigation methods
|
|
1273
|
-
*/
|
|
1274
|
-
export declare function useTableCollection(data: TableData): {
|
|
1275
|
-
columns: TableColumnData_2[];
|
|
1276
|
-
rows: TableRowData[];
|
|
1277
|
-
size: number;
|
|
1278
|
-
firstItem: TableRowData;
|
|
1279
|
-
lastItem: TableRowData;
|
|
1280
|
-
isHeaderHidden: boolean;
|
|
1281
|
-
hasVisibleHeader: boolean;
|
|
1282
|
-
getTotalRowCount: number;
|
|
1283
|
-
getRowAriaIndex: (rowIndex: number) => number;
|
|
1284
|
-
getItemByKey: (key: string | number) => TableRowData | null;
|
|
1285
|
-
getItemAfter: (key: string | number) => TableRowData | null;
|
|
1286
|
-
getItemBefore: (key: string | number) => TableRowData | null;
|
|
1287
|
-
getItemIndex: (key: string | number) => number;
|
|
1288
|
-
};
|
|
1289
|
-
|
|
1290
1268
|
export declare const useTheme: () => ThemeContextType;
|
|
1291
1269
|
|
|
1292
1270
|
/**
|