@protonradio/proton-ui 0.6.1 → 0.6.2
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/dist/constants.cjs.js +2 -0
- package/dist/constants.cjs.js.map +1 -0
- package/dist/constants.d.ts +72 -0
- package/dist/constants.es.js +7 -0
- package/dist/constants.es.js.map +1 -0
- package/dist/index-BQ3T2g7K.mjs +74 -0
- package/dist/index-BQ3T2g7K.mjs.map +1 -0
- package/dist/index-BjFfiHOL.js +2 -0
- package/dist/index-BjFfiHOL.js.map +1 -0
- package/dist/index.cjs.js +31 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/{proton-ui.es.d.ts → index.d.ts} +119 -195
- package/dist/index.es.js +9596 -0
- package/dist/index.es.js.map +1 -0
- package/dist/style.css +1 -1
- package/dist/utils.cjs.js +2 -0
- package/dist/utils.cjs.js.map +1 -0
- package/dist/utils.d.ts +57 -0
- package/dist/utils.es.js +35 -0
- package/dist/utils.es.js.map +1 -0
- package/package.json +14 -4
- package/dist/proton-ui.es.js +0 -10045
- package/dist/proton-ui.es.js.map +0 -1
- package/dist/proton-ui.umd.js +0 -31
- package/dist/proton-ui.umd.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { Placement } from 'react-aria';
|
|
2
|
+
|
|
3
|
+
declare const BRAND: {
|
|
4
|
+
PRIMARY: string;
|
|
5
|
+
PRIMARY_LIGHT: string;
|
|
6
|
+
SECONDARY: string;
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export declare namespace COLORS {
|
|
10
|
+
export {
|
|
11
|
+
BRAND,
|
|
12
|
+
GRAYSCALE,
|
|
13
|
+
DANGER,
|
|
14
|
+
WARNING,
|
|
15
|
+
SUCCESS
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare const DANGER: {
|
|
20
|
+
SUPER_DARK: string;
|
|
21
|
+
DARK: string;
|
|
22
|
+
MEDIUM: string;
|
|
23
|
+
LIGHT: string;
|
|
24
|
+
SUPER_LIGHT: string;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
declare const GRAYSCALE: {
|
|
28
|
+
GRAY_SUPER_DARK: string;
|
|
29
|
+
GRAY_DARK: string;
|
|
30
|
+
GRAY_MEDIUM: string;
|
|
31
|
+
GRAY_MEDIUM_LIGHT: string;
|
|
32
|
+
GRAY_LIGHT: string;
|
|
33
|
+
GRAY_LIGHTEST: string;
|
|
34
|
+
GRAY_SUPER_LIGHT: string;
|
|
35
|
+
WHITE: string;
|
|
36
|
+
BORDER: string;
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
export declare const placements: Placement[];
|
|
40
|
+
|
|
41
|
+
declare const SUCCESS: {
|
|
42
|
+
DARK: string;
|
|
43
|
+
MEDIUM: string;
|
|
44
|
+
LIGHT: string;
|
|
45
|
+
SUPER_LIGHT: string;
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
export declare type Theme = (typeof THEMES)[keyof typeof THEMES];
|
|
49
|
+
|
|
50
|
+
export declare const THEMES: {
|
|
51
|
+
readonly DARK: "dark";
|
|
52
|
+
readonly LIGHT: "light";
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
declare const WARNING: {
|
|
56
|
+
DARK: string;
|
|
57
|
+
MEDIUM: string;
|
|
58
|
+
LIGHT: string;
|
|
59
|
+
SUPER_LIGHT: string;
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
export { }
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
declare namespace ActionMenu {
|
|
66
|
+
var Item: ({ name, to }: ActionMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
declare namespace ButtonGroup {
|
|
71
|
+
var Option: (props: ButtonGroupOptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
72
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
const o = {
|
|
2
|
+
PRIMARY: "#E26014",
|
|
3
|
+
PRIMARY_LIGHT: "#FBE5D7",
|
|
4
|
+
SECONDARY: "#F2F2F2"
|
|
5
|
+
}, t = "#DDDDDD", R = {
|
|
6
|
+
GRAY_SUPER_DARK: "#141211",
|
|
7
|
+
GRAY_DARK: "#4D4D4D",
|
|
8
|
+
GRAY_MEDIUM: "#7D7D7D",
|
|
9
|
+
GRAY_MEDIUM_LIGHT: "#B1B1B1",
|
|
10
|
+
GRAY_LIGHT: t,
|
|
11
|
+
GRAY_LIGHTEST: "#F0F1F2",
|
|
12
|
+
GRAY_SUPER_LIGHT: "#F7F8F9",
|
|
13
|
+
WHITE: "#FFFFFF",
|
|
14
|
+
BORDER: t
|
|
15
|
+
}, D = {
|
|
16
|
+
SUPER_DARK: "#991b1b",
|
|
17
|
+
DARK: "#b91c1c",
|
|
18
|
+
MEDIUM: "#e33939",
|
|
19
|
+
LIGHT: "#f87171",
|
|
20
|
+
SUPER_LIGHT: "#fef2f2"
|
|
21
|
+
}, e = {
|
|
22
|
+
DARK: "#854d0e",
|
|
23
|
+
MEDIUM: "#a16207",
|
|
24
|
+
LIGHT: "#facc15",
|
|
25
|
+
SUPER_LIGHT: "#fffbd2"
|
|
26
|
+
}, G = {
|
|
27
|
+
DARK: "#166534",
|
|
28
|
+
MEDIUM: "#15803d",
|
|
29
|
+
LIGHT: "#4ade80",
|
|
30
|
+
SUPER_LIGHT: "#f0fdf4"
|
|
31
|
+
}, s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
32
|
+
__proto__: null,
|
|
33
|
+
BRAND: o,
|
|
34
|
+
DANGER: D,
|
|
35
|
+
GRAYSCALE: R,
|
|
36
|
+
SUCCESS: G,
|
|
37
|
+
WARNING: e
|
|
38
|
+
}, Symbol.toStringTag, { value: "Module" })), A = {
|
|
39
|
+
DARK: "dark",
|
|
40
|
+
LIGHT: "light"
|
|
41
|
+
}, E = [
|
|
42
|
+
"bottom",
|
|
43
|
+
"bottom left",
|
|
44
|
+
"bottom right",
|
|
45
|
+
"bottom start",
|
|
46
|
+
"bottom end",
|
|
47
|
+
"top",
|
|
48
|
+
"top left",
|
|
49
|
+
"top right",
|
|
50
|
+
"top start",
|
|
51
|
+
"top end",
|
|
52
|
+
"left",
|
|
53
|
+
"left top",
|
|
54
|
+
"left bottom",
|
|
55
|
+
"start",
|
|
56
|
+
"start top",
|
|
57
|
+
"start bottom",
|
|
58
|
+
"right",
|
|
59
|
+
"right top",
|
|
60
|
+
"right bottom",
|
|
61
|
+
"end",
|
|
62
|
+
"end top",
|
|
63
|
+
"end bottom"
|
|
64
|
+
];
|
|
65
|
+
export {
|
|
66
|
+
D,
|
|
67
|
+
R as G,
|
|
68
|
+
G as S,
|
|
69
|
+
A as T,
|
|
70
|
+
e as W,
|
|
71
|
+
s as c,
|
|
72
|
+
E as p
|
|
73
|
+
};
|
|
74
|
+
//# sourceMappingURL=index-BQ3T2g7K.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-BQ3T2g7K.mjs","sources":["../src/constants/colors.ts","../src/constants/index.ts"],"sourcesContent":["export const BRAND = {\r\n PRIMARY: \"#E26014\",\r\n PRIMARY_LIGHT: \"#FBE5D7\",\r\n SECONDARY: \"#F2F2F2\",\r\n};\r\n\r\nconst LIGHT_GRAY = \"#DDDDDD\";\r\nexport const GRAYSCALE = {\r\n GRAY_SUPER_DARK: \"#141211\",\r\n GRAY_DARK: \"#4D4D4D\",\r\n GRAY_MEDIUM: \"#7D7D7D\",\r\n GRAY_MEDIUM_LIGHT: \"#B1B1B1\",\r\n GRAY_LIGHT: LIGHT_GRAY,\r\n GRAY_LIGHTEST: \"#F0F1F2\",\r\n GRAY_SUPER_LIGHT: \"#F7F8F9\",\r\n WHITE: \"#FFFFFF\",\r\n BORDER: LIGHT_GRAY,\r\n};\r\n\r\nexport const DANGER = {\r\n SUPER_DARK: \"#991b1b\",\r\n DARK: \"#b91c1c\",\r\n MEDIUM: \"#e33939\",\r\n LIGHT: \"#f87171\",\r\n SUPER_LIGHT: \"#fef2f2\",\r\n};\r\n\r\nexport const WARNING = {\r\n DARK: \"#854d0e\",\r\n MEDIUM: \"#a16207\",\r\n LIGHT: \"#facc15\",\r\n SUPER_LIGHT: \"#fffbd2\",\r\n};\r\n\r\nexport const SUCCESS = {\r\n DARK: \"#166534\",\r\n MEDIUM: \"#15803d\",\r\n LIGHT: \"#4ade80\",\r\n SUPER_LIGHT: \"#f0fdf4\",\r\n};\r\n","import { Placement } from \"react-aria\";\r\n\r\nexport * as COLORS from \"./colors\";\r\n\r\nexport const THEMES = {\r\n DARK: \"dark\",\r\n LIGHT: \"light\",\r\n} as const;\r\n\r\nexport type Theme = (typeof THEMES)[keyof typeof THEMES];\r\n\r\nexport const placements: Placement[] = [\r\n \"bottom\",\r\n \"bottom left\",\r\n \"bottom right\",\r\n \"bottom start\",\r\n \"bottom end\",\r\n \"top\",\r\n \"top left\",\r\n \"top right\",\r\n \"top start\",\r\n \"top end\",\r\n \"left\",\r\n \"left top\",\r\n \"left bottom\",\r\n \"start\",\r\n \"start top\",\r\n \"start bottom\",\r\n \"right\",\r\n \"right top\",\r\n \"right bottom\",\r\n \"end\",\r\n \"end top\",\r\n \"end bottom\",\r\n];\r\n"],"names":["BRAND","LIGHT_GRAY","GRAYSCALE","DANGER","WARNING","SUCCESS","THEMES","placements"],"mappings":"AAAO,MAAMA,IAAQ;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,WAAW;AACb,GAEMC,IAAa,WACNC,IAAY;AAAA,EACvB,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,YAAYD;AAAA,EACZ,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,QAAQA;AACV,GAEaE,IAAS;AAAA,EACpB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,GAEaC,IAAU;AAAA,EACrB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf,GAEaC,IAAU;AAAA,EACrB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AACf;;;;;;;8CCnCaC,IAAS;AAAA,EACpB,MAAM;AAAA,EACN,OAAO;AACT,GAIaC,IAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const A={PRIMARY:"#E26014",PRIMARY_LIGHT:"#FBE5D7",SECONDARY:"#F2F2F2"},t="#DDDDDD",o={GRAY_SUPER_DARK:"#141211",GRAY_DARK:"#4D4D4D",GRAY_MEDIUM:"#7D7D7D",GRAY_MEDIUM_LIGHT:"#B1B1B1",GRAY_LIGHT:t,GRAY_LIGHTEST:"#F0F1F2",GRAY_SUPER_LIGHT:"#F7F8F9",WHITE:"#FFFFFF",BORDER:t},R={SUPER_DARK:"#991b1b",DARK:"#b91c1c",MEDIUM:"#e33939",LIGHT:"#f87171",SUPER_LIGHT:"#fef2f2"},D={DARK:"#854d0e",MEDIUM:"#a16207",LIGHT:"#facc15",SUPER_LIGHT:"#fffbd2"},e={DARK:"#166534",MEDIUM:"#15803d",LIGHT:"#4ade80",SUPER_LIGHT:"#f0fdf4"},E=Object.freeze(Object.defineProperty({__proto__:null,BRAND:A,DANGER:R,GRAYSCALE:o,SUCCESS:e,WARNING:D},Symbol.toStringTag,{value:"Module"})),G={DARK:"dark",LIGHT:"light"},I=["bottom","bottom left","bottom right","bottom start","bottom end","top","top left","top right","top start","top end","left","left top","left bottom","start","start top","start bottom","right","right top","right bottom","end","end top","end bottom"];exports.DANGER=R;exports.GRAYSCALE=o;exports.SUCCESS=e;exports.THEMES=G;exports.WARNING=D;exports.colors=E;exports.placements=I;
|
|
2
|
+
//# sourceMappingURL=index-BjFfiHOL.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-BjFfiHOL.js","sources":["../src/constants/colors.ts","../src/constants/index.ts"],"sourcesContent":["export const BRAND = {\r\n PRIMARY: \"#E26014\",\r\n PRIMARY_LIGHT: \"#FBE5D7\",\r\n SECONDARY: \"#F2F2F2\",\r\n};\r\n\r\nconst LIGHT_GRAY = \"#DDDDDD\";\r\nexport const GRAYSCALE = {\r\n GRAY_SUPER_DARK: \"#141211\",\r\n GRAY_DARK: \"#4D4D4D\",\r\n GRAY_MEDIUM: \"#7D7D7D\",\r\n GRAY_MEDIUM_LIGHT: \"#B1B1B1\",\r\n GRAY_LIGHT: LIGHT_GRAY,\r\n GRAY_LIGHTEST: \"#F0F1F2\",\r\n GRAY_SUPER_LIGHT: \"#F7F8F9\",\r\n WHITE: \"#FFFFFF\",\r\n BORDER: LIGHT_GRAY,\r\n};\r\n\r\nexport const DANGER = {\r\n SUPER_DARK: \"#991b1b\",\r\n DARK: \"#b91c1c\",\r\n MEDIUM: \"#e33939\",\r\n LIGHT: \"#f87171\",\r\n SUPER_LIGHT: \"#fef2f2\",\r\n};\r\n\r\nexport const WARNING = {\r\n DARK: \"#854d0e\",\r\n MEDIUM: \"#a16207\",\r\n LIGHT: \"#facc15\",\r\n SUPER_LIGHT: \"#fffbd2\",\r\n};\r\n\r\nexport const SUCCESS = {\r\n DARK: \"#166534\",\r\n MEDIUM: \"#15803d\",\r\n LIGHT: \"#4ade80\",\r\n SUPER_LIGHT: \"#f0fdf4\",\r\n};\r\n","import { Placement } from \"react-aria\";\r\n\r\nexport * as COLORS from \"./colors\";\r\n\r\nexport const THEMES = {\r\n DARK: \"dark\",\r\n LIGHT: \"light\",\r\n} as const;\r\n\r\nexport type Theme = (typeof THEMES)[keyof typeof THEMES];\r\n\r\nexport const placements: Placement[] = [\r\n \"bottom\",\r\n \"bottom left\",\r\n \"bottom right\",\r\n \"bottom start\",\r\n \"bottom end\",\r\n \"top\",\r\n \"top left\",\r\n \"top right\",\r\n \"top start\",\r\n \"top end\",\r\n \"left\",\r\n \"left top\",\r\n \"left bottom\",\r\n \"start\",\r\n \"start top\",\r\n \"start bottom\",\r\n \"right\",\r\n \"right top\",\r\n \"right bottom\",\r\n \"end\",\r\n \"end top\",\r\n \"end bottom\",\r\n];\r\n"],"names":["BRAND","LIGHT_GRAY","GRAYSCALE","DANGER","WARNING","SUCCESS","THEMES","placements"],"mappings":"aAAO,MAAMA,EAAQ,CACnB,QAAS,UACT,cAAe,UACf,UAAW,SACb,EAEMC,EAAa,UACNC,EAAY,CACvB,gBAAiB,UACjB,UAAW,UACX,YAAa,UACb,kBAAmB,UACnB,WAAYD,EACZ,cAAe,UACf,iBAAkB,UAClB,MAAO,UACP,OAAQA,CACV,EAEaE,EAAS,CACpB,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf,EAEaC,EAAU,CACrB,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf,EAEaC,EAAU,CACrB,KAAM,UACN,OAAQ,UACR,MAAO,UACP,YAAa,SACf,gJCnCaC,EAAS,CACpB,KAAM,OACN,MAAO,OACT,EAIaC,EAA0B,CACrC,SACA,cACA,eACA,eACA,aACA,MACA,WACA,YACA,YACA,UACA,OACA,WACA,cACA,QACA,YACA,eACA,QACA,YACA,eACA,MACA,UACA,YACF"}
|