@protonradio/proton-ui 0.8.4 → 0.10.0
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/colors-HcG3PvX2.mjs +80 -0
- package/dist/colors-HcG3PvX2.mjs.map +1 -0
- package/dist/colors-PHtI-zlV.js +2 -0
- package/dist/colors-PHtI-zlV.js.map +1 -0
- package/dist/constants.cjs.js +1 -1
- package/dist/constants.d.ts +37 -1
- package/dist/constants.es.js +1 -1
- package/dist/index.cjs.js +12 -12
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +67 -10
- package/dist/index.es.js +3041 -2970
- package/dist/index.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/utils-ChGuBC9-.js +2 -0
- package/dist/utils-ChGuBC9-.js.map +1 -0
- package/dist/{utils-CJd9wFM9.mjs → utils-DV74IbLn.mjs} +173 -182
- package/dist/utils-DV74IbLn.mjs.map +1 -0
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.d.ts +20 -5
- package/dist/utils.es.js +10 -12
- package/package.json +1 -1
- package/dist/colors-BdogYmJi.js +0 -2
- package/dist/colors-BdogYmJi.js.map +0 -1
- package/dist/colors-Dwh4VIMR.mjs +0 -47
- package/dist/colors-Dwh4VIMR.mjs.map +0 -1
- package/dist/utils-CJd9wFM9.mjs.map +0 -1
- package/dist/utils-CUykmxAN.js +0 -2
- package/dist/utils-CUykmxAN.js.map +0 -1
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
const A = {
|
|
2
|
+
PRIMARY: "#E26014",
|
|
3
|
+
PRIMARY_LIGHT: "#FBE5D7",
|
|
4
|
+
SECONDARY: "#F2F2F2"
|
|
5
|
+
}, R = "#DDDDDD", E = {
|
|
6
|
+
GRAY_SUPER_DARK: "#141211",
|
|
7
|
+
GRAY_DARK: "#4D4D4D",
|
|
8
|
+
GRAY_MEDIUM: "#7D7D7D",
|
|
9
|
+
GRAY_MEDIUM_LIGHT: "#B1B1B1",
|
|
10
|
+
GRAY_LIGHT: R,
|
|
11
|
+
GRAY_LIGHTEST: "#F0F1F2",
|
|
12
|
+
GRAY_SUPER_LIGHT: "#F7F8F9",
|
|
13
|
+
WHITE: "#FFFFFF",
|
|
14
|
+
BORDER: R
|
|
15
|
+
}, _ = {
|
|
16
|
+
SUPER_DARK: "#032026",
|
|
17
|
+
DARK: "#084657",
|
|
18
|
+
MEDIUM: "#2085BA",
|
|
19
|
+
MEDIUM_LIGHT: "#44A8EB",
|
|
20
|
+
LIGHT: "#70B9F6",
|
|
21
|
+
LIGHTEST: "#9DCBFC",
|
|
22
|
+
SUPER_LIGHT: "#C8DFFF",
|
|
23
|
+
WHITE: "#F2F7FF"
|
|
24
|
+
}, G = {
|
|
25
|
+
SUPER_DARK: "#991b1b",
|
|
26
|
+
DARK: "#a80724",
|
|
27
|
+
MEDIUM: "#e23f5c",
|
|
28
|
+
LIGHT: "#f16880",
|
|
29
|
+
SUPER_LIGHT: "#ffe1e1"
|
|
30
|
+
}, I = {
|
|
31
|
+
DARK: "#8b5600",
|
|
32
|
+
MEDIUM: "#b37208",
|
|
33
|
+
LIGHT: "#ffac23",
|
|
34
|
+
SUPER_LIGHT: "#fff0c9"
|
|
35
|
+
}, S = {
|
|
36
|
+
DARK: "#247800",
|
|
37
|
+
MEDIUM: "#339a07",
|
|
38
|
+
LIGHT: "#66cf39",
|
|
39
|
+
SUPER_LIGHT: "#deffd1"
|
|
40
|
+
}, D = "#43464a", T = {
|
|
41
|
+
GRAY_SUPER_DARK: "#111212",
|
|
42
|
+
GRAY_DARK: "#1e1f21",
|
|
43
|
+
GRAY_MEDIUM: "#232629",
|
|
44
|
+
GRAY_MEDIUM_LIGHT: "#2b2d30",
|
|
45
|
+
GRAY_LIGHT: D,
|
|
46
|
+
GRAY_LIGHTEST: "#63676b",
|
|
47
|
+
GRAY_SUPER_LIGHT: "#8a8e91",
|
|
48
|
+
WHITE: "#f7f9fb",
|
|
49
|
+
BORDER: D
|
|
50
|
+
}, Y = {
|
|
51
|
+
SECONDARY_SUPER_DARK: "#142736",
|
|
52
|
+
SECONDARY_DARK: "#22445d",
|
|
53
|
+
SECONDARY_MEDIUM: "#306082",
|
|
54
|
+
SECONDARY_MEDIUM_LIGHT: "#3e7ca8",
|
|
55
|
+
SECONDARY_LIGHT: "#5795c1",
|
|
56
|
+
SECONDARY_LIGHTEST: "#a2c4dd",
|
|
57
|
+
SECONDARY_SUPER_LIGHT: "#dae7f1"
|
|
58
|
+
}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
59
|
+
__proto__: null,
|
|
60
|
+
BRAND: A,
|
|
61
|
+
DANGER: G,
|
|
62
|
+
DARK_GRAYSCALE: T,
|
|
63
|
+
DARK_SECONDARY: Y,
|
|
64
|
+
GRAYSCALE: E,
|
|
65
|
+
SECONDARY: _,
|
|
66
|
+
SUCCESS: S,
|
|
67
|
+
WARNING: I
|
|
68
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
69
|
+
export {
|
|
70
|
+
A as B,
|
|
71
|
+
G as D,
|
|
72
|
+
E as G,
|
|
73
|
+
S,
|
|
74
|
+
I as W,
|
|
75
|
+
_ as a,
|
|
76
|
+
T as b,
|
|
77
|
+
H as c,
|
|
78
|
+
Y as d
|
|
79
|
+
};
|
|
80
|
+
//# sourceMappingURL=colors-HcG3PvX2.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors-HcG3PvX2.mjs","sources":["../src/constants/colors.ts"],"sourcesContent":["export const BRAND = {\n PRIMARY: \"#E26014\",\n PRIMARY_LIGHT: \"#FBE5D7\",\n SECONDARY: \"#F2F2F2\",\n};\n\n/* Light Mode Colors */\n\nconst LIGHT_GRAY = \"#DDDDDD\";\nexport const GRAYSCALE = {\n GRAY_SUPER_DARK: \"#141211\",\n GRAY_DARK: \"#4D4D4D\",\n GRAY_MEDIUM: \"#7D7D7D\",\n GRAY_MEDIUM_LIGHT: \"#B1B1B1\",\n GRAY_LIGHT: LIGHT_GRAY,\n GRAY_LIGHTEST: \"#F0F1F2\",\n GRAY_SUPER_LIGHT: \"#F7F8F9\",\n WHITE: \"#FFFFFF\",\n BORDER: LIGHT_GRAY,\n};\n\nexport const SECONDARY = {\n SUPER_DARK: \"#032026\",\n DARK: \"#084657\",\n MEDIUM: \"#2085BA\",\n MEDIUM_LIGHT: \"#44A8EB\",\n LIGHT: \"#70B9F6\",\n LIGHTEST: \"#9DCBFC\",\n SUPER_LIGHT: \"#C8DFFF\",\n WHITE: \"#F2F7FF\",\n};\n\nexport const DANGER = {\n SUPER_DARK: \"#991b1b\",\n DARK: \"#a80724\",\n MEDIUM: \"#e23f5c\",\n LIGHT: \"#f16880\",\n SUPER_LIGHT: \"#ffe1e1\",\n};\n\nexport const WARNING = {\n DARK: \"#8b5600\",\n MEDIUM: \"#b37208\",\n LIGHT: \"#ffac23\",\n SUPER_LIGHT: \"#fff0c9\",\n};\n\nexport const SUCCESS = {\n DARK: \"#247800\",\n MEDIUM: \"#339a07\",\n LIGHT: \"#66cf39\",\n SUPER_LIGHT: \"#deffd1\",\n};\n\n/* Dark Mode Colors */\n\nconst DARK_LIGHT_GRAY = \"#43464a\";\n\nexport const DARK_GRAYSCALE = {\n GRAY_SUPER_DARK: \"#111212\",\n GRAY_DARK: \"#1e1f21\",\n GRAY_MEDIUM: \"#232629\",\n GRAY_MEDIUM_LIGHT: \"#2b2d30\",\n GRAY_LIGHT: DARK_LIGHT_GRAY,\n GRAY_LIGHTEST: \"#63676b\",\n GRAY_SUPER_LIGHT: \"#8a8e91\",\n WHITE: \"#f7f9fb\",\n BORDER: DARK_LIGHT_GRAY,\n};\n\nexport const DARK_SECONDARY = {\n SECONDARY_SUPER_DARK: \"#142736\",\n SECONDARY_DARK: \"#22445d\",\n SECONDARY_MEDIUM: \"#306082\",\n SECONDARY_MEDIUM_LIGHT: \"#3e7ca8\",\n SECONDARY_LIGHT: \"#5795c1\",\n SECONDARY_LIGHTEST: \"#a2c4dd\",\n SECONDARY_SUPER_LIGHT: \"#dae7f1\",\n};\n"],"names":["BRAND","LIGHT_GRAY","GRAYSCALE","SECONDARY","DANGER","WARNING","SUCCESS","DARK_LIGHT_GRAY","DARK_GRAYSCALE","DARK_SECONDARY"],"mappings":"AAAO,MAAMA,IAAQ;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,WAAW;AACb,GAIMC,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,IAAY;AAAA,EACvB,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,OAAO;AACT,GAEaC,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,GAIMC,IAAkB,WAEXC,IAAiB;AAAA,EAC5B,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,IAAiB;AAAA,EAC5B,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,uBAAuB;AACzB;;;;;;;;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const D={PRIMARY:"#E26014",PRIMARY_LIGHT:"#FBE5D7",SECONDARY:"#F2F2F2"},R="#DDDDDD",E={GRAY_SUPER_DARK:"#141211",GRAY_DARK:"#4D4D4D",GRAY_MEDIUM:"#7D7D7D",GRAY_MEDIUM_LIGHT:"#B1B1B1",GRAY_LIGHT:R,GRAY_LIGHTEST:"#F0F1F2",GRAY_SUPER_LIGHT:"#F7F8F9",WHITE:"#FFFFFF",BORDER:R},G={SUPER_DARK:"#032026",DARK:"#084657",MEDIUM:"#2085BA",MEDIUM_LIGHT:"#44A8EB",LIGHT:"#70B9F6",LIGHTEST:"#9DCBFC",SUPER_LIGHT:"#C8DFFF",WHITE:"#F2F7FF"},_={SUPER_DARK:"#991b1b",DARK:"#a80724",MEDIUM:"#e23f5c",LIGHT:"#f16880",SUPER_LIGHT:"#ffe1e1"},I={DARK:"#8b5600",MEDIUM:"#b37208",LIGHT:"#ffac23",SUPER_LIGHT:"#fff0c9"},S={DARK:"#247800",MEDIUM:"#339a07",LIGHT:"#66cf39",SUPER_LIGHT:"#deffd1"},A="#43464a",Y={GRAY_SUPER_DARK:"#111212",GRAY_DARK:"#1e1f21",GRAY_MEDIUM:"#232629",GRAY_MEDIUM_LIGHT:"#2b2d30",GRAY_LIGHT:A,GRAY_LIGHTEST:"#63676b",GRAY_SUPER_LIGHT:"#8a8e91",WHITE:"#f7f9fb",BORDER:A},T={SECONDARY_SUPER_DARK:"#142736",SECONDARY_DARK:"#22445d",SECONDARY_MEDIUM:"#306082",SECONDARY_MEDIUM_LIGHT:"#3e7ca8",SECONDARY_LIGHT:"#5795c1",SECONDARY_LIGHTEST:"#a2c4dd",SECONDARY_SUPER_LIGHT:"#dae7f1"},L=Object.freeze(Object.defineProperty({__proto__:null,BRAND:D,DANGER:_,DARK_GRAYSCALE:Y,DARK_SECONDARY:T,GRAYSCALE:E,SECONDARY:G,SUCCESS:S,WARNING:I},Symbol.toStringTag,{value:"Module"}));exports.BRAND=D;exports.DANGER=_;exports.DARK_GRAYSCALE=Y;exports.DARK_SECONDARY=T;exports.GRAYSCALE=E;exports.SECONDARY=G;exports.SUCCESS=S;exports.WARNING=I;exports.colors=L;
|
|
2
|
+
//# sourceMappingURL=colors-PHtI-zlV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors-PHtI-zlV.js","sources":["../src/constants/colors.ts"],"sourcesContent":["export const BRAND = {\n PRIMARY: \"#E26014\",\n PRIMARY_LIGHT: \"#FBE5D7\",\n SECONDARY: \"#F2F2F2\",\n};\n\n/* Light Mode Colors */\n\nconst LIGHT_GRAY = \"#DDDDDD\";\nexport const GRAYSCALE = {\n GRAY_SUPER_DARK: \"#141211\",\n GRAY_DARK: \"#4D4D4D\",\n GRAY_MEDIUM: \"#7D7D7D\",\n GRAY_MEDIUM_LIGHT: \"#B1B1B1\",\n GRAY_LIGHT: LIGHT_GRAY,\n GRAY_LIGHTEST: \"#F0F1F2\",\n GRAY_SUPER_LIGHT: \"#F7F8F9\",\n WHITE: \"#FFFFFF\",\n BORDER: LIGHT_GRAY,\n};\n\nexport const SECONDARY = {\n SUPER_DARK: \"#032026\",\n DARK: \"#084657\",\n MEDIUM: \"#2085BA\",\n MEDIUM_LIGHT: \"#44A8EB\",\n LIGHT: \"#70B9F6\",\n LIGHTEST: \"#9DCBFC\",\n SUPER_LIGHT: \"#C8DFFF\",\n WHITE: \"#F2F7FF\",\n};\n\nexport const DANGER = {\n SUPER_DARK: \"#991b1b\",\n DARK: \"#a80724\",\n MEDIUM: \"#e23f5c\",\n LIGHT: \"#f16880\",\n SUPER_LIGHT: \"#ffe1e1\",\n};\n\nexport const WARNING = {\n DARK: \"#8b5600\",\n MEDIUM: \"#b37208\",\n LIGHT: \"#ffac23\",\n SUPER_LIGHT: \"#fff0c9\",\n};\n\nexport const SUCCESS = {\n DARK: \"#247800\",\n MEDIUM: \"#339a07\",\n LIGHT: \"#66cf39\",\n SUPER_LIGHT: \"#deffd1\",\n};\n\n/* Dark Mode Colors */\n\nconst DARK_LIGHT_GRAY = \"#43464a\";\n\nexport const DARK_GRAYSCALE = {\n GRAY_SUPER_DARK: \"#111212\",\n GRAY_DARK: \"#1e1f21\",\n GRAY_MEDIUM: \"#232629\",\n GRAY_MEDIUM_LIGHT: \"#2b2d30\",\n GRAY_LIGHT: DARK_LIGHT_GRAY,\n GRAY_LIGHTEST: \"#63676b\",\n GRAY_SUPER_LIGHT: \"#8a8e91\",\n WHITE: \"#f7f9fb\",\n BORDER: DARK_LIGHT_GRAY,\n};\n\nexport const DARK_SECONDARY = {\n SECONDARY_SUPER_DARK: \"#142736\",\n SECONDARY_DARK: \"#22445d\",\n SECONDARY_MEDIUM: \"#306082\",\n SECONDARY_MEDIUM_LIGHT: \"#3e7ca8\",\n SECONDARY_LIGHT: \"#5795c1\",\n SECONDARY_LIGHTEST: \"#a2c4dd\",\n SECONDARY_SUPER_LIGHT: \"#dae7f1\",\n};\n"],"names":["BRAND","LIGHT_GRAY","GRAYSCALE","SECONDARY","DANGER","WARNING","SUCCESS","DARK_LIGHT_GRAY","DARK_GRAYSCALE","DARK_SECONDARY"],"mappings":"aAAO,MAAMA,EAAQ,CACnB,QAAS,UACT,cAAe,UACf,UAAW,SACb,EAIMC,EAAa,UACNC,EAAY,CACvB,gBAAiB,UACjB,UAAW,UACX,YAAa,UACb,kBAAmB,UACnB,WAAYD,EACZ,cAAe,UACf,iBAAkB,UAClB,MAAO,UACP,OAAQA,CACV,EAEaE,EAAY,CACvB,WAAY,UACZ,KAAM,UACN,OAAQ,UACR,aAAc,UACd,MAAO,UACP,SAAU,UACV,YAAa,UACb,MAAO,SACT,EAEaC,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,EAIMC,EAAkB,UAEXC,EAAiB,CAC5B,gBAAiB,UACjB,UAAW,UACX,YAAa,UACb,kBAAmB,UACnB,WAAYD,EACZ,cAAe,UACf,iBAAkB,UAClB,MAAO,UACP,OAAQA,CACV,EAEaE,EAAiB,CAC5B,qBAAsB,UACtB,eAAgB,UAChB,iBAAkB,UAClB,uBAAwB,UACxB,gBAAiB,UACjB,mBAAoB,UACpB,sBAAuB,SACzB"}
|
package/dist/constants.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./colors-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./colors-PHtI-zlV.js"),o={DARK:"dark",CUSTOM_DARK:"custom-dark",LIGHT:"light"},e=["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"],r={SMALL:576,MEDIUM:768,LARGE:992,X_LARGE:1200};exports.COLORS=t.colors;exports.BREAKPOINTS=r;exports.THEMES=o;exports.placements=e;
|
|
2
2
|
//# sourceMappingURL=constants.cjs.js.map
|
package/dist/constants.d.ts
CHANGED
|
@@ -19,9 +19,12 @@ export declare namespace COLORS {
|
|
|
19
19
|
export {
|
|
20
20
|
BRAND,
|
|
21
21
|
GRAYSCALE,
|
|
22
|
+
SECONDARY,
|
|
22
23
|
DANGER,
|
|
23
24
|
WARNING,
|
|
24
|
-
SUCCESS
|
|
25
|
+
SUCCESS,
|
|
26
|
+
DARK_GRAYSCALE,
|
|
27
|
+
DARK_SECONDARY
|
|
25
28
|
}
|
|
26
29
|
}
|
|
27
30
|
|
|
@@ -33,6 +36,28 @@ declare const DANGER: {
|
|
|
33
36
|
SUPER_LIGHT: string;
|
|
34
37
|
};
|
|
35
38
|
|
|
39
|
+
declare const DARK_GRAYSCALE: {
|
|
40
|
+
GRAY_SUPER_DARK: string;
|
|
41
|
+
GRAY_DARK: string;
|
|
42
|
+
GRAY_MEDIUM: string;
|
|
43
|
+
GRAY_MEDIUM_LIGHT: string;
|
|
44
|
+
GRAY_LIGHT: string;
|
|
45
|
+
GRAY_LIGHTEST: string;
|
|
46
|
+
GRAY_SUPER_LIGHT: string;
|
|
47
|
+
WHITE: string;
|
|
48
|
+
BORDER: string;
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
declare const DARK_SECONDARY: {
|
|
52
|
+
SECONDARY_SUPER_DARK: string;
|
|
53
|
+
SECONDARY_DARK: string;
|
|
54
|
+
SECONDARY_MEDIUM: string;
|
|
55
|
+
SECONDARY_MEDIUM_LIGHT: string;
|
|
56
|
+
SECONDARY_LIGHT: string;
|
|
57
|
+
SECONDARY_LIGHTEST: string;
|
|
58
|
+
SECONDARY_SUPER_LIGHT: string;
|
|
59
|
+
};
|
|
60
|
+
|
|
36
61
|
declare const GRAYSCALE: {
|
|
37
62
|
GRAY_SUPER_DARK: string;
|
|
38
63
|
GRAY_DARK: string;
|
|
@@ -47,6 +72,17 @@ declare const GRAYSCALE: {
|
|
|
47
72
|
|
|
48
73
|
export declare const placements: Placement[];
|
|
49
74
|
|
|
75
|
+
declare const SECONDARY: {
|
|
76
|
+
SUPER_DARK: string;
|
|
77
|
+
DARK: string;
|
|
78
|
+
MEDIUM: string;
|
|
79
|
+
MEDIUM_LIGHT: string;
|
|
80
|
+
LIGHT: string;
|
|
81
|
+
LIGHTEST: string;
|
|
82
|
+
SUPER_LIGHT: string;
|
|
83
|
+
WHITE: string;
|
|
84
|
+
};
|
|
85
|
+
|
|
50
86
|
declare const SUCCESS: {
|
|
51
87
|
DARK: string;
|
|
52
88
|
MEDIUM: string;
|
package/dist/constants.es.js
CHANGED