@protonradio/proton-ui 0.9.0 → 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.
@@ -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"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./colors-CxxmewYB.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;
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
@@ -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;
@@ -1,4 +1,4 @@
1
- import { c as p } from "./colors-Bz89s5kE.mjs";
1
+ import { c as p } from "./colors-HcG3PvX2.mjs";
2
2
  const t = {
3
3
  DARK: "dark",
4
4
  CUSTOM_DARK: "custom-dark",