@protonradio/proton-ui 0.6.17 → 0.6.18-beta.1

package/dist/constants.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Dcfu6hWE.js");exports.BREAKPOINTS=e.BREAKPOINTS;exports.COLORS=e.colors;exports.THEMES=e.THEMES;exports.placements=e.placements;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CfX3rih7.js");exports.BREAKPOINTS=e.BREAKPOINTS;exports.COLORS=e.colors;exports.THEMES=e.THEMES;exports.placements=e.placements;
 //# sourceMappingURL=constants.cjs.js.map

package/dist/constants.d.ts

@@ -45,6 +45,32 @@ declare const GRAYSCALE: {
     BORDER: string;
 };
 
+export declare type Palette = {
+    BRAND: {
+        PRIMARY: string;
+        PRIMARY_LIGHT: string;
+        SECONDARY: string;
+    };
+    PRIMARY: {
+        PRIMARY_SUPER_DARK: string;
+        PRIMARY_DARK: string;
+        PRIMARY_MEDIUM: string;
+        PRIMARY_MEDIUM_LIGHT: string;
+        PRIMARY_LIGHT: string;
+        PRIMARY_LIGHTEST: string;
+        PRIMARY_SUPER_LIGHT: string;
+    };
+    SECONDARY: {
+        SECONDARY_SUPER_DARK: string;
+        SECONDARY_DARK: string;
+        SECONDARY_MEDIUM: string;
+        SECONDARY_MEDIUM_LIGHT: string;
+        SECONDARY_LIGHT: string;
+        SECONDARY_LIGHTEST: string;
+        SECONDARY_SUPER_LIGHT: string;
+    };
+};
+
 export declare const placements: Placement[];
 
 declare const SUCCESS: {
@@ -58,6 +84,7 @@ export declare type Theme = (typeof THEMES)[keyof typeof THEMES];
 
 export declare const THEMES: {
     readonly DARK: "dark";
+    readonly CUSTOM_DARK: "custom-dark";
     readonly LIGHT: "light";
 };
 

package/dist/constants.es.js

@@ -1,4 +1,4 @@
-import { B as e, c as p, T as E, p as O } from "./index-BCAZu2vD.mjs";
+import { B as e, c as p, T as E, p as O } from "./index-DtBBBqfT.mjs";
 export {
   e as BREAKPOINTS,
   p as COLORS,

package/dist/index-CfX3rih7.js

@@ -0,0 +1,2 @@
+"use strict";const o={PRIMARY:"#E26014",PRIMARY_LIGHT:"#FBE5D7",SECONDARY:"#F2F2F2"},t="#DDDDDD",R={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},A={SUPER_DARK:"#991b1b",DARK:"#a80724",MEDIUM:"#e23f5c",LIGHT:"#f16880",SUPER_LIGHT:"#ffe1e1"},D={DARK:"#8b5600",MEDIUM:"#b37208",LIGHT:"#ffac23",SUPER_LIGHT:"#fff0c9"},E={DARK:"#247800",MEDIUM:"#339a07",LIGHT:"#66cf39",SUPER_LIGHT:"#deffd1"},e=Object.freeze(Object.defineProperty({__proto__:null,BRAND:o,DANGER:A,GRAYSCALE:R,SUCCESS:E,WARNING:D},Symbol.toStringTag,{value:"Module"})),G={DARK:"dark",CUSTOM_DARK:"custom-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"],S={SMALL:576,MEDIUM:768,LARGE:992,X_LARGE:1200};exports.BRAND=o;exports.BREAKPOINTS=S;exports.DANGER=A;exports.GRAYSCALE=R;exports.SUCCESS=E;exports.THEMES=G;exports.WARNING=D;exports.colors=e;exports.placements=I;
+//# sourceMappingURL=index-CfX3rih7.js.map

package/dist/index-CfX3rih7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CfX3rih7.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: \"#a80724\",\r\n  MEDIUM: \"#e23f5c\",\r\n  LIGHT: \"#f16880\",\r\n  SUPER_LIGHT: \"#ffe1e1\",\r\n};\r\n\r\nexport const WARNING = {\r\n  DARK: \"#8b5600\",\r\n  MEDIUM: \"#b37208\",\r\n  LIGHT: \"#ffac23\",\r\n  SUPER_LIGHT: \"#fff0c9\",\r\n};\r\n\r\nexport const SUCCESS = {\r\n  DARK: \"#247800\",\r\n  MEDIUM: \"#339a07\",\r\n  LIGHT: \"#66cf39\",\r\n  SUPER_LIGHT: \"#deffd1\",\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  CUSTOM_DARK: \"custom-dark\",\r\n  LIGHT: \"light\",\r\n} as const;\r\n\r\nexport type Theme = (typeof THEMES)[keyof typeof THEMES];\r\n\r\nexport type Palette = {\r\n  BRAND: {\r\n    PRIMARY: string;\r\n    PRIMARY_LIGHT: string;\r\n    SECONDARY: string;\r\n  };\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: string;\r\n    PRIMARY_DARK: string;\r\n    PRIMARY_MEDIUM: string;\r\n    PRIMARY_MEDIUM_LIGHT: string;\r\n    PRIMARY_LIGHT: string;\r\n    PRIMARY_LIGHTEST: string;\r\n    PRIMARY_SUPER_LIGHT: string;\r\n  };\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: string;\r\n    SECONDARY_DARK: string;\r\n    SECONDARY_MEDIUM: string;\r\n    SECONDARY_MEDIUM_LIGHT: string;\r\n    SECONDARY_LIGHT: string;\r\n    SECONDARY_LIGHTEST: string;\r\n    SECONDARY_SUPER_LIGHT: string;\r\n  };\r\n};\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\r\nexport const BREAKPOINTS = {\r\n  SMALL: 576,\r\n  MEDIUM: 768,\r\n  LARGE: 992,\r\n  X_LARGE: 1200,\r\n};\r\n\r\nexport type Breakpoint = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS];\r\n"],"names":["BRAND","LIGHT_GRAY","GRAYSCALE","DANGER","WARNING","SUCCESS","THEMES","placements","BREAKPOINTS"],"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,YAAa,cACb,MAAO,OACT,EA8BaC,EAA0B,CACrC,SACA,cACA,eACA,eACA,aACA,MACA,WACA,YACA,YACA,UACA,OACA,WACA,cACA,QACA,YACA,eACA,QACA,YACA,eACA,MACA,UACA,YACF,EAEaC,EAAc,CACzB,MAAO,IACP,OAAQ,IACR,MAAO,IACP,QAAS,IACX"}

package/dist/{index-BCAZu2vD.mjs → index-DtBBBqfT.mjs}

@@ -14,31 +14,32 @@ const o = {
   BORDER: t
 }, D = {
   SUPER_DARK: "#991b1b",
-  DARK: "#b91c1c",
-  MEDIUM: "#e33939",
-  LIGHT: "#f87171",
-  SUPER_LIGHT: "#fef2f2"
-}, e = {
-  DARK: "#854d0e",
-  MEDIUM: "#a16207",
-  LIGHT: "#facc15",
-  SUPER_LIGHT: "#fffbd2"
+  DARK: "#a80724",
+  MEDIUM: "#e23f5c",
+  LIGHT: "#f16880",
+  SUPER_LIGHT: "#ffe1e1"
 }, A = {
-  DARK: "#166534",
-  MEDIUM: "#15803d",
-  LIGHT: "#4ade80",
-  SUPER_LIGHT: "#f0fdf4"
-}, G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  DARK: "#8b5600",
+  MEDIUM: "#b37208",
+  LIGHT: "#ffac23",
+  SUPER_LIGHT: "#fff0c9"
+}, e = {
+  DARK: "#247800",
+  MEDIUM: "#339a07",
+  LIGHT: "#66cf39",
+  SUPER_LIGHT: "#deffd1"
+}, s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BRAND: o,
   DANGER: D,
   GRAYSCALE: R,
-  SUCCESS: A,
-  WARNING: e
-}, Symbol.toStringTag, { value: "Module" })), E = {
+  SUCCESS: e,
+  WARNING: A
+}, Symbol.toStringTag, { value: "Module" })), G = {
   DARK: "dark",
+  CUSTOM_DARK: "custom-dark",
   LIGHT: "light"
-}, s = [
+}, E = [
   "bottom",
   "bottom left",
   "bottom right",
@@ -71,10 +72,11 @@ export {
   I as B,
   D,
   R as G,
-  A as S,
-  E as T,
-  e as W,
-  G as c,
-  s as p
+  e as S,
+  G as T,
+  A as W,
+  o as a,
+  s as c,
+  E as p
 };
-//# sourceMappingURL=index-BCAZu2vD.mjs.map
+//# sourceMappingURL=index-DtBBBqfT.mjs.map

package/dist/index-DtBBBqfT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DtBBBqfT.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: \"#a80724\",\r\n  MEDIUM: \"#e23f5c\",\r\n  LIGHT: \"#f16880\",\r\n  SUPER_LIGHT: \"#ffe1e1\",\r\n};\r\n\r\nexport const WARNING = {\r\n  DARK: \"#8b5600\",\r\n  MEDIUM: \"#b37208\",\r\n  LIGHT: \"#ffac23\",\r\n  SUPER_LIGHT: \"#fff0c9\",\r\n};\r\n\r\nexport const SUCCESS = {\r\n  DARK: \"#247800\",\r\n  MEDIUM: \"#339a07\",\r\n  LIGHT: \"#66cf39\",\r\n  SUPER_LIGHT: \"#deffd1\",\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  CUSTOM_DARK: \"custom-dark\",\r\n  LIGHT: \"light\",\r\n} as const;\r\n\r\nexport type Theme = (typeof THEMES)[keyof typeof THEMES];\r\n\r\nexport type Palette = {\r\n  BRAND: {\r\n    PRIMARY: string;\r\n    PRIMARY_LIGHT: string;\r\n    SECONDARY: string;\r\n  };\r\n  PRIMARY: {\r\n    PRIMARY_SUPER_DARK: string;\r\n    PRIMARY_DARK: string;\r\n    PRIMARY_MEDIUM: string;\r\n    PRIMARY_MEDIUM_LIGHT: string;\r\n    PRIMARY_LIGHT: string;\r\n    PRIMARY_LIGHTEST: string;\r\n    PRIMARY_SUPER_LIGHT: string;\r\n  };\r\n  SECONDARY: {\r\n    SECONDARY_SUPER_DARK: string;\r\n    SECONDARY_DARK: string;\r\n    SECONDARY_MEDIUM: string;\r\n    SECONDARY_MEDIUM_LIGHT: string;\r\n    SECONDARY_LIGHT: string;\r\n    SECONDARY_LIGHTEST: string;\r\n    SECONDARY_SUPER_LIGHT: string;\r\n  };\r\n};\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\r\nexport const BREAKPOINTS = {\r\n  SMALL: 576,\r\n  MEDIUM: 768,\r\n  LARGE: 992,\r\n  X_LARGE: 1200,\r\n};\r\n\r\nexport type Breakpoint = (typeof BREAKPOINTS)[keyof typeof BREAKPOINTS];\r\n"],"names":["BRAND","LIGHT_GRAY","GRAYSCALE","DANGER","WARNING","SUCCESS","THEMES","placements","BREAKPOINTS"],"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,aAAa;AAAA,EACb,OAAO;AACT,GA8BaC,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,GAEaC,IAAc;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,SAAS;AACX;"}