@protonradio/proton-ui 0.11.0-beta.17 → 0.11.0-beta.19
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 +153 -73
- package/dist/breakpoint-9y1_8U_b.mjs +10 -0
- package/dist/breakpoint-9y1_8U_b.mjs.map +1 -0
- package/dist/breakpoint-DtqbboOa.js +2 -0
- package/dist/breakpoint-DtqbboOa.js.map +1 -0
- package/dist/constants.cjs.js +1 -1
- package/dist/constants.cjs.js.map +1 -1
- package/dist/constants.d.ts +4 -147
- package/dist/constants.es.js +7 -19
- package/dist/constants.es.js.map +1 -1
- package/dist/darkTheme-DUWn6YJ-.mjs +345 -0
- package/dist/darkTheme-DUWn6YJ-.mjs.map +1 -0
- package/dist/darkTheme-ann6VTfq.js +2 -0
- package/dist/darkTheme-ann6VTfq.js.map +1 -0
- package/dist/hooks.cjs.js +1 -1
- package/dist/hooks.cjs.js.map +1 -1
- package/dist/hooks.d.ts +34 -5
- package/dist/hooks.es.js +36 -4
- package/dist/hooks.es.js.map +1 -1
- package/dist/icons.svg +10 -10
- package/dist/image-BlhKzTx8.js +2 -0
- package/dist/image-BlhKzTx8.js.map +1 -0
- package/dist/image-C8M6y5Op.mjs +205 -0
- package/dist/image-C8M6y5Op.mjs.map +1 -0
- package/dist/index.cjs.js +12 -12
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +482 -276
- package/dist/index.es.js +9671 -10980
- package/dist/index.es.js.map +1 -1
- package/dist/navigation-BB0MBIiR.js +2 -0
- package/dist/navigation-BB0MBIiR.js.map +1 -0
- package/dist/navigation-Bj7Pex9j.mjs +43 -0
- package/dist/navigation-Bj7Pex9j.mjs.map +1 -0
- package/dist/style.css +1 -1
- package/dist/theme-DQsfWeLo.mjs +12 -0
- package/dist/theme-DQsfWeLo.mjs.map +1 -0
- package/dist/theme-Dc0Ahjq9.js +2 -0
- package/dist/theme-Dc0Ahjq9.js.map +1 -0
- package/dist/useBreakpoint-CjRyGKN-.mjs.map +1 -1
- package/dist/useBreakpoint-DA-JqOu3.js.map +1 -1
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.cjs.js.map +1 -1
- package/dist/utils.d.ts +33 -45
- package/dist/utils.es.js +17 -451
- package/dist/utils.es.js.map +1 -1
- package/package.json +104 -100
- package/dist/palettes-BX86v-qb.js +0 -2
- package/dist/palettes-BX86v-qb.js.map +0 -1
- package/dist/palettes-mcF0lNKY.mjs +0 -171
- package/dist/palettes-mcF0lNKY.mjs.map +0 -1
package/package.json
CHANGED
|
@@ -1,100 +1,104 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@protonradio/proton-ui",
|
|
3
|
-
"version": "0.11.0-beta.
|
|
4
|
-
"description": "",
|
|
5
|
-
"main": "./dist/proton-ui.umd.js",
|
|
6
|
-
"module": "./dist/proton-ui.es.js",
|
|
7
|
-
"exports": {
|
|
8
|
-
".": {
|
|
9
|
-
"types": "./dist/index.d.ts",
|
|
10
|
-
"import": "./dist/index.es.js",
|
|
11
|
-
"require": "./dist/index.cjs.js"
|
|
12
|
-
},
|
|
13
|
-
"./
|
|
14
|
-
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
"
|
|
61
|
-
|
|
62
|
-
"
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"react
|
|
72
|
-
"
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
"
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
"@storybook
|
|
79
|
-
"@storybook/addon-
|
|
80
|
-
"@storybook/addon-
|
|
81
|
-
"@storybook/
|
|
82
|
-
"@storybook/
|
|
83
|
-
"@storybook/
|
|
84
|
-
"@storybook/
|
|
85
|
-
"@
|
|
86
|
-
"@
|
|
87
|
-
"@
|
|
88
|
-
"@
|
|
89
|
-
"@
|
|
90
|
-
"
|
|
91
|
-
"jest
|
|
92
|
-
"
|
|
93
|
-
"
|
|
94
|
-
"
|
|
95
|
-
"
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
"
|
|
99
|
-
|
|
100
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "@protonradio/proton-ui",
|
|
3
|
+
"version": "0.11.0-beta.19",
|
|
4
|
+
"description": "",
|
|
5
|
+
"main": "./dist/proton-ui.umd.js",
|
|
6
|
+
"module": "./dist/proton-ui.es.js",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"types": "./dist/index.d.ts",
|
|
10
|
+
"import": "./dist/index.es.js",
|
|
11
|
+
"require": "./dist/index.cjs.js"
|
|
12
|
+
},
|
|
13
|
+
"./utils": {
|
|
14
|
+
"types": "./dist/utils.d.ts",
|
|
15
|
+
"import": "./dist/utils.es.js",
|
|
16
|
+
"require": "./dist/utils.cjs.js"
|
|
17
|
+
},
|
|
18
|
+
"./constants": {
|
|
19
|
+
"types": "./dist/constants.d.ts",
|
|
20
|
+
"import": "./dist/constants.es.js",
|
|
21
|
+
"require": "./dist/constants.cjs.js"
|
|
22
|
+
},
|
|
23
|
+
"./hooks": {
|
|
24
|
+
"types": "./dist/hooks.d.ts",
|
|
25
|
+
"import": "./dist/hooks.es.js",
|
|
26
|
+
"require": "./dist/hooks.cjs.js"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"sideEffects": [
|
|
30
|
+
"**/*.css"
|
|
31
|
+
],
|
|
32
|
+
"typesVersions": {
|
|
33
|
+
"*": {
|
|
34
|
+
"*": [
|
|
35
|
+
"./dist/index.d.ts"
|
|
36
|
+
],
|
|
37
|
+
"constants": [
|
|
38
|
+
"./dist/constants.d.ts"
|
|
39
|
+
],
|
|
40
|
+
"utils": [
|
|
41
|
+
"./dist/utils.d.ts"
|
|
42
|
+
],
|
|
43
|
+
"hooks": [
|
|
44
|
+
"./dist/hooks.d.ts"
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
"scripts": {
|
|
49
|
+
"dev": "vite",
|
|
50
|
+
"build": "vite build",
|
|
51
|
+
"build:analyze": "ANALYZE=true vite build",
|
|
52
|
+
"preview": "vite preview",
|
|
53
|
+
"publish-beta": "npm version prerelease --preid=beta && npm run build && npm publish --tag beta",
|
|
54
|
+
"storybook": "storybook dev -p 6006",
|
|
55
|
+
"build-storybook": "storybook build",
|
|
56
|
+
"test": "jest",
|
|
57
|
+
"dev-test": "jest --watch",
|
|
58
|
+
"prepare": "vite build",
|
|
59
|
+
"chromatic": "npx chromatic --exit-once-uploaded flag --force-rebuild --project-token=$CHROMATIC_PROJECT_TOKEN",
|
|
60
|
+
"omlet:analyze": "npx @omlet/cli analyze"
|
|
61
|
+
},
|
|
62
|
+
"files": [
|
|
63
|
+
"dist"
|
|
64
|
+
],
|
|
65
|
+
"author": "",
|
|
66
|
+
"license": "MIT",
|
|
67
|
+
"dependencies": {
|
|
68
|
+
"@storybook/cli": "^8.4.2",
|
|
69
|
+
"color2k": "^2.0.3",
|
|
70
|
+
"colorthief": "^2.6.0",
|
|
71
|
+
"react": "^18.3.1",
|
|
72
|
+
"react-aria": "^3.39.0",
|
|
73
|
+
"react-aria-components": "^1.8.0",
|
|
74
|
+
"react-dom": "^18.3.1",
|
|
75
|
+
"react-stately": "^3.37.0"
|
|
76
|
+
},
|
|
77
|
+
"devDependencies": {
|
|
78
|
+
"@chromatic-com/storybook": "^3.2.2",
|
|
79
|
+
"@storybook/addon-a11y": "^8.4.2",
|
|
80
|
+
"@storybook/addon-essentials": "^8.4.2",
|
|
81
|
+
"@storybook/addon-interactions": "^8.4.2",
|
|
82
|
+
"@storybook/addon-links": "^8.4.2",
|
|
83
|
+
"@storybook/addon-onboarding": "^8.4.2",
|
|
84
|
+
"@storybook/blocks": "^8.4.2",
|
|
85
|
+
"@storybook/react": "^8.4.2",
|
|
86
|
+
"@storybook/react-vite": "^8.4.2",
|
|
87
|
+
"@storybook/test": "^8.4.2",
|
|
88
|
+
"@testing-library/jest-dom": "^6.6.3",
|
|
89
|
+
"@testing-library/react": "^16.0.1",
|
|
90
|
+
"@testing-library/user-event": "^14.5.2",
|
|
91
|
+
"@types/jest": "^29.5.14",
|
|
92
|
+
"@vitejs/plugin-react": "^4.3.3",
|
|
93
|
+
"jest": "^29.7.0",
|
|
94
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
95
|
+
"lightningcss": "^1.28.1",
|
|
96
|
+
"react-docgen-typescript": "^2.2.2",
|
|
97
|
+
"storybook": "^8.4.2",
|
|
98
|
+
"ts-jest": "^29.2.5",
|
|
99
|
+
"ts-node": "^10.9.2",
|
|
100
|
+
"vite": "^5.4.10",
|
|
101
|
+
"vite-bundle-analyzer": "^0.22.3",
|
|
102
|
+
"vite-plugin-dts": "^4.3.0"
|
|
103
|
+
}
|
|
104
|
+
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const S={PRIMARY:"#E26014",PRIMARY_LIGHT:"#FBE5D7",SECONDARY:"#F2F2F2"},R={SUPER_DARK:"#991b1b",DARK:"#a80724",MEDIUM:"#e23f5c",LIGHT:"#f16880",SUPER_LIGHT:"#ffe1e1"},A={DARK:"#8b5600",MEDIUM:"#b37208",LIGHT:"#ffac23",SUPER_LIGHT:"#fff0c9"},E={DARK:"#247800",MEDIUM:"#339a07",LIGHT:"#66cf39",SUPER_LIGHT:"#deffd1"},T="#DDDDDD",M="#F7F8F9",_={GRAY_SUPER_DARK:"#141211",GRAY_DARK:"#4D4D4D",GRAY_MEDIUM:"#7D7D7D",GRAY_MEDIUM_LIGHT:"#B1B1B1",GRAY_LIGHT:T,GRAY_LIGHTEST:"#F0F1F2",GRAY_SUPER_LIGHT:M,WHITE:"#FFFFFF",BORDER:T,ELEVATION:M},D={SUPER_DARK:"#032026",DARK:"#084657",MEDIUM:"#2085BA",MEDIUM_LIGHT:"#44A8EB",LIGHT:"#70B9F6",LIGHTEST:"#9DCBFC",SUPER_LIGHT:"#C8DFFF",WHITE:"#F2F7FF"},L="#43464a",I={GRAY_SUPER_DARK:"#111212",GRAY_DARK:"#1e1f21",GRAY_MEDIUM:"#232629",GRAY_MEDIUM_LIGHT:"#2b2d30",GRAY_LIGHT:L,GRAY_LIGHTEST:"#63676b",GRAY_SUPER_LIGHT:"#8a8e91",WHITE:"#f7f9fb",BORDER:L,ELEVATION:"rgba(174, 175, 177, 0.2)"},G={SECONDARY_SUPER_DARK:"#142736",SECONDARY_DARK:"#22445d",SECONDARY_MEDIUM:"#306082",SECONDARY_MEDIUM_LIGHT:"#3e7ca8",SECONDARY_LIGHT:"#5795c1",SECONDARY_LIGHTEST:"#a2c4dd",SECONDARY_SUPER_LIGHT:"#dae7f1"},H=Object.freeze(Object.defineProperty({__proto__:null,BRAND:S,DANGER:R,DARK_GRAYSCALE:I,DARK_SECONDARY:G,GRAYSCALE:_,SECONDARY:D,SUCCESS:E,WARNING:A},Symbol.toStringTag,{value:"Module"})),U="#ffffff",N={BASE_COLOR:U,BRAND:{PRIMARY:S.PRIMARY,PRIMARY_LIGHT:S.PRIMARY_LIGHT,SECONDARY:S.SECONDARY},PRIMARY:{PRIMARY_SUPER_DARK:_.GRAY_SUPER_DARK,PRIMARY_DARK:_.GRAY_DARK,PRIMARY_MEDIUM:_.GRAY_MEDIUM,PRIMARY_MEDIUM_LIGHT:_.GRAY_MEDIUM_LIGHT,PRIMARY_LIGHT:_.GRAY_LIGHT,PRIMARY_LIGHTEST:_.GRAY_LIGHTEST,PRIMARY_SUPER_LIGHT:_.GRAY_SUPER_LIGHT},SECONDARY:{SECONDARY_SUPER_DARK:D.SUPER_DARK,SECONDARY_DARK:D.DARK,SECONDARY_MEDIUM:D.MEDIUM,SECONDARY_MEDIUM_LIGHT:D.MEDIUM_LIGHT,SECONDARY_LIGHT:D.LIGHT,SECONDARY_LIGHTEST:D.LIGHTEST,SECONDARY_SUPER_LIGHT:D.SUPER_LIGHT},SUCCESS:{SUCCESS_DARK:E.DARK,SUCCESS_MEDIUM:E.MEDIUM,SUCCESS_LIGHT:E.LIGHT,SUCCESS_SUPER_LIGHT:E.SUPER_LIGHT},WARNING:{WARNING_DARK:A.DARK,WARNING_MEDIUM:A.MEDIUM,WARNING_LIGHT:A.LIGHT,WARNING_SUPER_LIGHT:A.SUPER_LIGHT},DANGER:{DANGER_SUPER_DARK:R.SUPER_DARK,DANGER_DARK:R.DARK,DANGER_MEDIUM:R.MEDIUM,DANGER_LIGHT:R.LIGHT,DANGER_SUPER_LIGHT:R.SUPER_LIGHT}},Y="#121212",C={BASE_COLOR:Y,BRAND:{PRIMARY:S.PRIMARY,PRIMARY_LIGHT:S.PRIMARY_LIGHT,SECONDARY:S.SECONDARY},PRIMARY:{PRIMARY_SUPER_DARK:I.GRAY_SUPER_DARK,PRIMARY_DARK:I.GRAY_DARK,PRIMARY_MEDIUM:I.GRAY_MEDIUM,PRIMARY_MEDIUM_LIGHT:I.GRAY_MEDIUM_LIGHT,PRIMARY_LIGHT:I.GRAY_LIGHT,PRIMARY_LIGHTEST:I.GRAY_LIGHTEST,PRIMARY_SUPER_LIGHT:I.GRAY_SUPER_LIGHT},SECONDARY:{SECONDARY_SUPER_DARK:G.SECONDARY_SUPER_DARK,SECONDARY_DARK:G.SECONDARY_DARK,SECONDARY_MEDIUM:G.SECONDARY_MEDIUM,SECONDARY_MEDIUM_LIGHT:G.SECONDARY_MEDIUM_LIGHT,SECONDARY_LIGHT:G.SECONDARY_LIGHT,SECONDARY_LIGHTEST:G.SECONDARY_LIGHTEST,SECONDARY_SUPER_LIGHT:G.SECONDARY_SUPER_LIGHT},DANGER:{DANGER_SUPER_DARK:R.SUPER_DARK,DANGER_DARK:R.DARK,DANGER_MEDIUM:R.MEDIUM,DANGER_LIGHT:R.LIGHT,DANGER_SUPER_LIGHT:R.SUPER_LIGHT},SUCCESS:{SUCCESS_DARK:E.DARK,SUCCESS_MEDIUM:E.MEDIUM,SUCCESS_LIGHT:E.LIGHT,SUCCESS_SUPER_LIGHT:E.SUPER_LIGHT},WARNING:{WARNING_DARK:A.DARK,WARNING_MEDIUM:A.MEDIUM,WARNING_LIGHT:A.LIGHT,WARNING_SUPER_LIGHT:A.SUPER_LIGHT}};exports.DANGER=R;exports.DARK_GRAYSCALE=I;exports.DARK_MODE=C;exports.DEFAULT_BLACK_BACKGROUND=Y;exports.DEFAULT_WHITE_BACKGROUND=U;exports.GRAYSCALE=_;exports.LIGHT_MODE=N;exports.SUCCESS=E;exports.WARNING=A;exports.colors=H;
|
|
2
|
-
//# sourceMappingURL=palettes-BX86v-qb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"palettes-BX86v-qb.js","sources":["../src/constants/colors.ts","../src/constants/palettes.ts"],"sourcesContent":["export const BRAND = {\n PRIMARY: \"#E26014\",\n PRIMARY_LIGHT: \"#FBE5D7\",\n SECONDARY: \"#F2F2F2\",\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/* Light Mode Colors */\n\nconst LIGHT_GRAY = \"#DDDDDD\";\nconst LIGHT_ELEVATION = \"#F7F8F9\";\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: LIGHT_ELEVATION,\n WHITE: \"#FFFFFF\",\n BORDER: LIGHT_GRAY,\n ELEVATION: LIGHT_ELEVATION,\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\n/* Dark Mode Colors */\n\nconst DARK_LIGHT_GRAY = \"#43464a\";\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 ELEVATION: \"rgba(174, 175, 177, 0.2)\",\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\n/*\n * Custom Dark Colors\n * NOTE: Custom dark color primary & secondary palettes are not constant, they are generated from an input color.\n * see utils/color.ts\n */\n","import { COLORS } from \"../constants\";\n\nexport type Palette = {\n BASE_COLOR: string;\n BRAND: {\n PRIMARY: string;\n PRIMARY_LIGHT: string;\n SECONDARY: string;\n };\n PRIMARY: {\n //backgrounds\n PRIMARY_SUPER_DARK: string;\n PRIMARY_DARK: string;\n //interactive components\n PRIMARY_MEDIUM: string;\n //borders and seperators\n PRIMARY_MEDIUM_LIGHT: string;\n //solid colors\n PRIMARY_LIGHT: string;\n //accessible text\n PRIMARY_LIGHTEST: string;\n PRIMARY_SUPER_LIGHT: string;\n };\n SECONDARY: {\n SECONDARY_SUPER_DARK: string;\n SECONDARY_DARK: string;\n SECONDARY_MEDIUM: string;\n SECONDARY_MEDIUM_LIGHT: string;\n SECONDARY_LIGHT: string;\n SECONDARY_LIGHTEST: string;\n SECONDARY_SUPER_LIGHT: string;\n };\n SUCCESS: {\n SUCCESS_DARK: string;\n SUCCESS_MEDIUM: string;\n SUCCESS_LIGHT: string;\n SUCCESS_SUPER_LIGHT: string;\n };\n WARNING: {\n WARNING_DARK: string;\n WARNING_MEDIUM: string;\n WARNING_LIGHT: string;\n WARNING_SUPER_LIGHT: string;\n };\n DANGER: {\n DANGER_SUPER_DARK: string;\n DANGER_DARK: string;\n DANGER_MEDIUM: string;\n DANGER_LIGHT: string;\n DANGER_SUPER_LIGHT: string;\n };\n};\n\nexport const DEFAULT_WHITE_BACKGROUND = \"#ffffff\";\n\nexport const LIGHT_MODE: Palette = {\n BASE_COLOR: DEFAULT_WHITE_BACKGROUND,\n BRAND: {\n PRIMARY: COLORS.BRAND.PRIMARY,\n PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\n SECONDARY: COLORS.BRAND.SECONDARY,\n },\n PRIMARY: {\n PRIMARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\n PRIMARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\n PRIMARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\n PRIMARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\n PRIMARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\n PRIMARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\n PRIMARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\n },\n SECONDARY: {\n SECONDARY_SUPER_DARK: COLORS.SECONDARY.SUPER_DARK,\n SECONDARY_DARK: COLORS.SECONDARY.DARK,\n SECONDARY_MEDIUM: COLORS.SECONDARY.MEDIUM,\n SECONDARY_MEDIUM_LIGHT: COLORS.SECONDARY.MEDIUM_LIGHT,\n SECONDARY_LIGHT: COLORS.SECONDARY.LIGHT,\n SECONDARY_LIGHTEST: COLORS.SECONDARY.LIGHTEST,\n SECONDARY_SUPER_LIGHT: COLORS.SECONDARY.SUPER_LIGHT,\n },\n SUCCESS: {\n SUCCESS_DARK: COLORS.SUCCESS.DARK,\n SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\n SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\n SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\n },\n WARNING: {\n WARNING_DARK: COLORS.WARNING.DARK,\n WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\n WARNING_LIGHT: COLORS.WARNING.LIGHT,\n WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\n },\n DANGER: {\n DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\n DANGER_DARK: COLORS.DANGER.DARK,\n DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\n DANGER_LIGHT: COLORS.DANGER.LIGHT,\n DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\n },\n};\n\nexport const DEFAULT_BLACK_BACKGROUND = \"#121212\";\n\nexport const DARK_MODE: Palette = {\n BASE_COLOR: DEFAULT_BLACK_BACKGROUND,\n BRAND: {\n PRIMARY: COLORS.BRAND.PRIMARY,\n PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\n SECONDARY: COLORS.BRAND.SECONDARY,\n },\n PRIMARY: {\n PRIMARY_SUPER_DARK: COLORS.DARK_GRAYSCALE.GRAY_SUPER_DARK,\n PRIMARY_DARK: COLORS.DARK_GRAYSCALE.GRAY_DARK,\n PRIMARY_MEDIUM: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM,\n PRIMARY_MEDIUM_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM_LIGHT,\n PRIMARY_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_LIGHT,\n PRIMARY_LIGHTEST: COLORS.DARK_GRAYSCALE.GRAY_LIGHTEST,\n PRIMARY_SUPER_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_SUPER_LIGHT,\n },\n SECONDARY: {\n SECONDARY_SUPER_DARK: COLORS.DARK_SECONDARY.SECONDARY_SUPER_DARK,\n SECONDARY_DARK: COLORS.DARK_SECONDARY.SECONDARY_DARK,\n SECONDARY_MEDIUM: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM,\n SECONDARY_MEDIUM_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM_LIGHT,\n SECONDARY_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_LIGHT,\n SECONDARY_LIGHTEST: COLORS.DARK_SECONDARY.SECONDARY_LIGHTEST,\n SECONDARY_SUPER_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_SUPER_LIGHT,\n },\n DANGER: {\n DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\n DANGER_DARK: COLORS.DANGER.DARK,\n DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\n DANGER_LIGHT: COLORS.DANGER.LIGHT,\n DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\n },\n SUCCESS: {\n SUCCESS_DARK: COLORS.SUCCESS.DARK,\n SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\n SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\n SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\n },\n WARNING: {\n WARNING_DARK: COLORS.WARNING.DARK,\n WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\n WARNING_LIGHT: COLORS.WARNING.LIGHT,\n WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\n },\n};\n"],"names":["BRAND","DANGER","WARNING","SUCCESS","LIGHT_GRAY","LIGHT_ELEVATION","GRAYSCALE","SECONDARY","DARK_LIGHT_GRAY","DARK_GRAYSCALE","DARK_SECONDARY","DEFAULT_WHITE_BACKGROUND","LIGHT_MODE","COLORS.BRAND","COLORS.GRAYSCALE","COLORS.SECONDARY","COLORS.SUCCESS","COLORS.WARNING","COLORS.DANGER","DEFAULT_BLACK_BACKGROUND","DARK_MODE","COLORS.DARK_GRAYSCALE","COLORS.DARK_SECONDARY"],"mappings":"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"}
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
const S = {
|
|
2
|
-
PRIMARY: "#E26014",
|
|
3
|
-
PRIMARY_LIGHT: "#FBE5D7",
|
|
4
|
-
SECONDARY: "#F2F2F2"
|
|
5
|
-
}, R = {
|
|
6
|
-
SUPER_DARK: "#991b1b",
|
|
7
|
-
DARK: "#a80724",
|
|
8
|
-
MEDIUM: "#e23f5c",
|
|
9
|
-
LIGHT: "#f16880",
|
|
10
|
-
SUPER_LIGHT: "#ffe1e1"
|
|
11
|
-
}, A = {
|
|
12
|
-
DARK: "#8b5600",
|
|
13
|
-
MEDIUM: "#b37208",
|
|
14
|
-
LIGHT: "#ffac23",
|
|
15
|
-
SUPER_LIGHT: "#fff0c9"
|
|
16
|
-
}, E = {
|
|
17
|
-
DARK: "#247800",
|
|
18
|
-
MEDIUM: "#339a07",
|
|
19
|
-
LIGHT: "#66cf39",
|
|
20
|
-
SUPER_LIGHT: "#deffd1"
|
|
21
|
-
}, T = "#DDDDDD", M = "#F7F8F9", _ = {
|
|
22
|
-
GRAY_SUPER_DARK: "#141211",
|
|
23
|
-
GRAY_DARK: "#4D4D4D",
|
|
24
|
-
GRAY_MEDIUM: "#7D7D7D",
|
|
25
|
-
GRAY_MEDIUM_LIGHT: "#B1B1B1",
|
|
26
|
-
GRAY_LIGHT: T,
|
|
27
|
-
GRAY_LIGHTEST: "#F0F1F2",
|
|
28
|
-
GRAY_SUPER_LIGHT: M,
|
|
29
|
-
WHITE: "#FFFFFF",
|
|
30
|
-
BORDER: T,
|
|
31
|
-
ELEVATION: M
|
|
32
|
-
}, I = {
|
|
33
|
-
SUPER_DARK: "#032026",
|
|
34
|
-
DARK: "#084657",
|
|
35
|
-
MEDIUM: "#2085BA",
|
|
36
|
-
MEDIUM_LIGHT: "#44A8EB",
|
|
37
|
-
LIGHT: "#70B9F6",
|
|
38
|
-
LIGHTEST: "#9DCBFC",
|
|
39
|
-
SUPER_LIGHT: "#C8DFFF",
|
|
40
|
-
WHITE: "#F2F7FF"
|
|
41
|
-
}, L = "#43464a", D = {
|
|
42
|
-
GRAY_SUPER_DARK: "#111212",
|
|
43
|
-
GRAY_DARK: "#1e1f21",
|
|
44
|
-
GRAY_MEDIUM: "#232629",
|
|
45
|
-
GRAY_MEDIUM_LIGHT: "#2b2d30",
|
|
46
|
-
GRAY_LIGHT: L,
|
|
47
|
-
GRAY_LIGHTEST: "#63676b",
|
|
48
|
-
GRAY_SUPER_LIGHT: "#8a8e91",
|
|
49
|
-
WHITE: "#f7f9fb",
|
|
50
|
-
BORDER: L,
|
|
51
|
-
ELEVATION: "rgba(174, 175, 177, 0.2)"
|
|
52
|
-
}, G = {
|
|
53
|
-
SECONDARY_SUPER_DARK: "#142736",
|
|
54
|
-
SECONDARY_DARK: "#22445d",
|
|
55
|
-
SECONDARY_MEDIUM: "#306082",
|
|
56
|
-
SECONDARY_MEDIUM_LIGHT: "#3e7ca8",
|
|
57
|
-
SECONDARY_LIGHT: "#5795c1",
|
|
58
|
-
SECONDARY_LIGHTEST: "#a2c4dd",
|
|
59
|
-
SECONDARY_SUPER_LIGHT: "#dae7f1"
|
|
60
|
-
}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
61
|
-
__proto__: null,
|
|
62
|
-
BRAND: S,
|
|
63
|
-
DANGER: R,
|
|
64
|
-
DARK_GRAYSCALE: D,
|
|
65
|
-
DARK_SECONDARY: G,
|
|
66
|
-
GRAYSCALE: _,
|
|
67
|
-
SECONDARY: I,
|
|
68
|
-
SUCCESS: E,
|
|
69
|
-
WARNING: A
|
|
70
|
-
}, Symbol.toStringTag, { value: "Module" })), U = "#ffffff", N = {
|
|
71
|
-
BASE_COLOR: U,
|
|
72
|
-
BRAND: {
|
|
73
|
-
PRIMARY: S.PRIMARY,
|
|
74
|
-
PRIMARY_LIGHT: S.PRIMARY_LIGHT,
|
|
75
|
-
SECONDARY: S.SECONDARY
|
|
76
|
-
},
|
|
77
|
-
PRIMARY: {
|
|
78
|
-
PRIMARY_SUPER_DARK: _.GRAY_SUPER_DARK,
|
|
79
|
-
PRIMARY_DARK: _.GRAY_DARK,
|
|
80
|
-
PRIMARY_MEDIUM: _.GRAY_MEDIUM,
|
|
81
|
-
PRIMARY_MEDIUM_LIGHT: _.GRAY_MEDIUM_LIGHT,
|
|
82
|
-
PRIMARY_LIGHT: _.GRAY_LIGHT,
|
|
83
|
-
PRIMARY_LIGHTEST: _.GRAY_LIGHTEST,
|
|
84
|
-
PRIMARY_SUPER_LIGHT: _.GRAY_SUPER_LIGHT
|
|
85
|
-
},
|
|
86
|
-
SECONDARY: {
|
|
87
|
-
SECONDARY_SUPER_DARK: I.SUPER_DARK,
|
|
88
|
-
SECONDARY_DARK: I.DARK,
|
|
89
|
-
SECONDARY_MEDIUM: I.MEDIUM,
|
|
90
|
-
SECONDARY_MEDIUM_LIGHT: I.MEDIUM_LIGHT,
|
|
91
|
-
SECONDARY_LIGHT: I.LIGHT,
|
|
92
|
-
SECONDARY_LIGHTEST: I.LIGHTEST,
|
|
93
|
-
SECONDARY_SUPER_LIGHT: I.SUPER_LIGHT
|
|
94
|
-
},
|
|
95
|
-
SUCCESS: {
|
|
96
|
-
SUCCESS_DARK: E.DARK,
|
|
97
|
-
SUCCESS_MEDIUM: E.MEDIUM,
|
|
98
|
-
SUCCESS_LIGHT: E.LIGHT,
|
|
99
|
-
SUCCESS_SUPER_LIGHT: E.SUPER_LIGHT
|
|
100
|
-
},
|
|
101
|
-
WARNING: {
|
|
102
|
-
WARNING_DARK: A.DARK,
|
|
103
|
-
WARNING_MEDIUM: A.MEDIUM,
|
|
104
|
-
WARNING_LIGHT: A.LIGHT,
|
|
105
|
-
WARNING_SUPER_LIGHT: A.SUPER_LIGHT
|
|
106
|
-
},
|
|
107
|
-
DANGER: {
|
|
108
|
-
DANGER_SUPER_DARK: R.SUPER_DARK,
|
|
109
|
-
DANGER_DARK: R.DARK,
|
|
110
|
-
DANGER_MEDIUM: R.MEDIUM,
|
|
111
|
-
DANGER_LIGHT: R.LIGHT,
|
|
112
|
-
DANGER_SUPER_LIGHT: R.SUPER_LIGHT
|
|
113
|
-
}
|
|
114
|
-
}, Y = "#121212", P = {
|
|
115
|
-
BASE_COLOR: Y,
|
|
116
|
-
BRAND: {
|
|
117
|
-
PRIMARY: S.PRIMARY,
|
|
118
|
-
PRIMARY_LIGHT: S.PRIMARY_LIGHT,
|
|
119
|
-
SECONDARY: S.SECONDARY
|
|
120
|
-
},
|
|
121
|
-
PRIMARY: {
|
|
122
|
-
PRIMARY_SUPER_DARK: D.GRAY_SUPER_DARK,
|
|
123
|
-
PRIMARY_DARK: D.GRAY_DARK,
|
|
124
|
-
PRIMARY_MEDIUM: D.GRAY_MEDIUM,
|
|
125
|
-
PRIMARY_MEDIUM_LIGHT: D.GRAY_MEDIUM_LIGHT,
|
|
126
|
-
PRIMARY_LIGHT: D.GRAY_LIGHT,
|
|
127
|
-
PRIMARY_LIGHTEST: D.GRAY_LIGHTEST,
|
|
128
|
-
PRIMARY_SUPER_LIGHT: D.GRAY_SUPER_LIGHT
|
|
129
|
-
},
|
|
130
|
-
SECONDARY: {
|
|
131
|
-
SECONDARY_SUPER_DARK: G.SECONDARY_SUPER_DARK,
|
|
132
|
-
SECONDARY_DARK: G.SECONDARY_DARK,
|
|
133
|
-
SECONDARY_MEDIUM: G.SECONDARY_MEDIUM,
|
|
134
|
-
SECONDARY_MEDIUM_LIGHT: G.SECONDARY_MEDIUM_LIGHT,
|
|
135
|
-
SECONDARY_LIGHT: G.SECONDARY_LIGHT,
|
|
136
|
-
SECONDARY_LIGHTEST: G.SECONDARY_LIGHTEST,
|
|
137
|
-
SECONDARY_SUPER_LIGHT: G.SECONDARY_SUPER_LIGHT
|
|
138
|
-
},
|
|
139
|
-
DANGER: {
|
|
140
|
-
DANGER_SUPER_DARK: R.SUPER_DARK,
|
|
141
|
-
DANGER_DARK: R.DARK,
|
|
142
|
-
DANGER_MEDIUM: R.MEDIUM,
|
|
143
|
-
DANGER_LIGHT: R.LIGHT,
|
|
144
|
-
DANGER_SUPER_LIGHT: R.SUPER_LIGHT
|
|
145
|
-
},
|
|
146
|
-
SUCCESS: {
|
|
147
|
-
SUCCESS_DARK: E.DARK,
|
|
148
|
-
SUCCESS_MEDIUM: E.MEDIUM,
|
|
149
|
-
SUCCESS_LIGHT: E.LIGHT,
|
|
150
|
-
SUCCESS_SUPER_LIGHT: E.SUPER_LIGHT
|
|
151
|
-
},
|
|
152
|
-
WARNING: {
|
|
153
|
-
WARNING_DARK: A.DARK,
|
|
154
|
-
WARNING_MEDIUM: A.MEDIUM,
|
|
155
|
-
WARNING_LIGHT: A.LIGHT,
|
|
156
|
-
WARNING_SUPER_LIGHT: A.SUPER_LIGHT
|
|
157
|
-
}
|
|
158
|
-
};
|
|
159
|
-
export {
|
|
160
|
-
U as D,
|
|
161
|
-
_ as G,
|
|
162
|
-
N as L,
|
|
163
|
-
E as S,
|
|
164
|
-
A as W,
|
|
165
|
-
Y as a,
|
|
166
|
-
P as b,
|
|
167
|
-
H as c,
|
|
168
|
-
D as d,
|
|
169
|
-
R as e
|
|
170
|
-
};
|
|
171
|
-
//# sourceMappingURL=palettes-mcF0lNKY.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"palettes-mcF0lNKY.mjs","sources":["../src/constants/colors.ts","../src/constants/palettes.ts"],"sourcesContent":["export const BRAND = {\n PRIMARY: \"#E26014\",\n PRIMARY_LIGHT: \"#FBE5D7\",\n SECONDARY: \"#F2F2F2\",\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/* Light Mode Colors */\n\nconst LIGHT_GRAY = \"#DDDDDD\";\nconst LIGHT_ELEVATION = \"#F7F8F9\";\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: LIGHT_ELEVATION,\n WHITE: \"#FFFFFF\",\n BORDER: LIGHT_GRAY,\n ELEVATION: LIGHT_ELEVATION,\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\n/* Dark Mode Colors */\n\nconst DARK_LIGHT_GRAY = \"#43464a\";\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 ELEVATION: \"rgba(174, 175, 177, 0.2)\",\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\n/*\n * Custom Dark Colors\n * NOTE: Custom dark color primary & secondary palettes are not constant, they are generated from an input color.\n * see utils/color.ts\n */\n","import { COLORS } from \"../constants\";\n\nexport type Palette = {\n BASE_COLOR: string;\n BRAND: {\n PRIMARY: string;\n PRIMARY_LIGHT: string;\n SECONDARY: string;\n };\n PRIMARY: {\n //backgrounds\n PRIMARY_SUPER_DARK: string;\n PRIMARY_DARK: string;\n //interactive components\n PRIMARY_MEDIUM: string;\n //borders and seperators\n PRIMARY_MEDIUM_LIGHT: string;\n //solid colors\n PRIMARY_LIGHT: string;\n //accessible text\n PRIMARY_LIGHTEST: string;\n PRIMARY_SUPER_LIGHT: string;\n };\n SECONDARY: {\n SECONDARY_SUPER_DARK: string;\n SECONDARY_DARK: string;\n SECONDARY_MEDIUM: string;\n SECONDARY_MEDIUM_LIGHT: string;\n SECONDARY_LIGHT: string;\n SECONDARY_LIGHTEST: string;\n SECONDARY_SUPER_LIGHT: string;\n };\n SUCCESS: {\n SUCCESS_DARK: string;\n SUCCESS_MEDIUM: string;\n SUCCESS_LIGHT: string;\n SUCCESS_SUPER_LIGHT: string;\n };\n WARNING: {\n WARNING_DARK: string;\n WARNING_MEDIUM: string;\n WARNING_LIGHT: string;\n WARNING_SUPER_LIGHT: string;\n };\n DANGER: {\n DANGER_SUPER_DARK: string;\n DANGER_DARK: string;\n DANGER_MEDIUM: string;\n DANGER_LIGHT: string;\n DANGER_SUPER_LIGHT: string;\n };\n};\n\nexport const DEFAULT_WHITE_BACKGROUND = \"#ffffff\";\n\nexport const LIGHT_MODE: Palette = {\n BASE_COLOR: DEFAULT_WHITE_BACKGROUND,\n BRAND: {\n PRIMARY: COLORS.BRAND.PRIMARY,\n PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\n SECONDARY: COLORS.BRAND.SECONDARY,\n },\n PRIMARY: {\n PRIMARY_SUPER_DARK: COLORS.GRAYSCALE.GRAY_SUPER_DARK,\n PRIMARY_DARK: COLORS.GRAYSCALE.GRAY_DARK,\n PRIMARY_MEDIUM: COLORS.GRAYSCALE.GRAY_MEDIUM,\n PRIMARY_MEDIUM_LIGHT: COLORS.GRAYSCALE.GRAY_MEDIUM_LIGHT,\n PRIMARY_LIGHT: COLORS.GRAYSCALE.GRAY_LIGHT,\n PRIMARY_LIGHTEST: COLORS.GRAYSCALE.GRAY_LIGHTEST,\n PRIMARY_SUPER_LIGHT: COLORS.GRAYSCALE.GRAY_SUPER_LIGHT,\n },\n SECONDARY: {\n SECONDARY_SUPER_DARK: COLORS.SECONDARY.SUPER_DARK,\n SECONDARY_DARK: COLORS.SECONDARY.DARK,\n SECONDARY_MEDIUM: COLORS.SECONDARY.MEDIUM,\n SECONDARY_MEDIUM_LIGHT: COLORS.SECONDARY.MEDIUM_LIGHT,\n SECONDARY_LIGHT: COLORS.SECONDARY.LIGHT,\n SECONDARY_LIGHTEST: COLORS.SECONDARY.LIGHTEST,\n SECONDARY_SUPER_LIGHT: COLORS.SECONDARY.SUPER_LIGHT,\n },\n SUCCESS: {\n SUCCESS_DARK: COLORS.SUCCESS.DARK,\n SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\n SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\n SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\n },\n WARNING: {\n WARNING_DARK: COLORS.WARNING.DARK,\n WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\n WARNING_LIGHT: COLORS.WARNING.LIGHT,\n WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\n },\n DANGER: {\n DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\n DANGER_DARK: COLORS.DANGER.DARK,\n DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\n DANGER_LIGHT: COLORS.DANGER.LIGHT,\n DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\n },\n};\n\nexport const DEFAULT_BLACK_BACKGROUND = \"#121212\";\n\nexport const DARK_MODE: Palette = {\n BASE_COLOR: DEFAULT_BLACK_BACKGROUND,\n BRAND: {\n PRIMARY: COLORS.BRAND.PRIMARY,\n PRIMARY_LIGHT: COLORS.BRAND.PRIMARY_LIGHT,\n SECONDARY: COLORS.BRAND.SECONDARY,\n },\n PRIMARY: {\n PRIMARY_SUPER_DARK: COLORS.DARK_GRAYSCALE.GRAY_SUPER_DARK,\n PRIMARY_DARK: COLORS.DARK_GRAYSCALE.GRAY_DARK,\n PRIMARY_MEDIUM: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM,\n PRIMARY_MEDIUM_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_MEDIUM_LIGHT,\n PRIMARY_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_LIGHT,\n PRIMARY_LIGHTEST: COLORS.DARK_GRAYSCALE.GRAY_LIGHTEST,\n PRIMARY_SUPER_LIGHT: COLORS.DARK_GRAYSCALE.GRAY_SUPER_LIGHT,\n },\n SECONDARY: {\n SECONDARY_SUPER_DARK: COLORS.DARK_SECONDARY.SECONDARY_SUPER_DARK,\n SECONDARY_DARK: COLORS.DARK_SECONDARY.SECONDARY_DARK,\n SECONDARY_MEDIUM: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM,\n SECONDARY_MEDIUM_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_MEDIUM_LIGHT,\n SECONDARY_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_LIGHT,\n SECONDARY_LIGHTEST: COLORS.DARK_SECONDARY.SECONDARY_LIGHTEST,\n SECONDARY_SUPER_LIGHT: COLORS.DARK_SECONDARY.SECONDARY_SUPER_LIGHT,\n },\n DANGER: {\n DANGER_SUPER_DARK: COLORS.DANGER.SUPER_DARK,\n DANGER_DARK: COLORS.DANGER.DARK,\n DANGER_MEDIUM: COLORS.DANGER.MEDIUM,\n DANGER_LIGHT: COLORS.DANGER.LIGHT,\n DANGER_SUPER_LIGHT: COLORS.DANGER.SUPER_LIGHT,\n },\n SUCCESS: {\n SUCCESS_DARK: COLORS.SUCCESS.DARK,\n SUCCESS_MEDIUM: COLORS.SUCCESS.MEDIUM,\n SUCCESS_LIGHT: COLORS.SUCCESS.LIGHT,\n SUCCESS_SUPER_LIGHT: COLORS.SUCCESS.SUPER_LIGHT,\n },\n WARNING: {\n WARNING_DARK: COLORS.WARNING.DARK,\n WARNING_MEDIUM: COLORS.WARNING.MEDIUM,\n WARNING_LIGHT: COLORS.WARNING.LIGHT,\n WARNING_SUPER_LIGHT: COLORS.WARNING.SUPER_LIGHT,\n },\n};\n"],"names":["BRAND","DANGER","WARNING","SUCCESS","LIGHT_GRAY","LIGHT_ELEVATION","GRAYSCALE","SECONDARY","DARK_LIGHT_GRAY","DARK_GRAYSCALE","DARK_SECONDARY","DEFAULT_WHITE_BACKGROUND","LIGHT_MODE","COLORS.BRAND","COLORS.GRAYSCALE","COLORS.SECONDARY","COLORS.SUCCESS","COLORS.WARNING","COLORS.DANGER","DEFAULT_BLACK_BACKGROUND","DARK_MODE","COLORS.DARK_GRAYSCALE","COLORS.DARK_SECONDARY"],"mappings":"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"}
|