@zonos/amino 4.4.1 → 4.4.3
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/components/mdx/mdx-progress-checkbox/MdxProgressCheckbox.js +1 -1
- package/package.json +4 -3
- package/styles/constants/theme.d.ts +56 -56
- package/theme.css +114 -114
- package/utils/hooks/useCurrentShema.js +1 -1
- package/utils/hooks/useStorage.d.ts +3 -10
- package/utils/hooks/useStorage.js +1 -1
- package/utils/storage.d.ts +10 -6
- package/utils/storage.js +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("../../checkbox/Checkbox.js"),n=require("../../text/Text.js"),s=require("../../../styles/constants/theme.js"),i=require("../../../utils/hooks/useStorage.js"),a=require("styled-components");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../../../utils/storage.js"),require("swr"),require("../../../utils/hooks/useSwr.js");var l,o,u,h=c(a),m=h.default(n.Text)(l||(l=e.__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),s.theme.space16),d=h.default.div(o||(o=e.__makeTemplateObject(["\n label {\n /* Align checkbox with list item */\n display: flex;\n align-items: center;\n }\n"],["\n label {\n /* Align checkbox with list item */\n display: flex;\n align-items: center;\n }\n"]))),x=h.default.div(u||(u=e.__makeTemplateObject(["\n margin-left: ",";\n margin-top: ",";\n"],["\n margin-left: ",";\n margin-top: ",";\n"])),s.theme.space24,s.theme.space24);exports.MdxProgressCheckbox=function(n){var s=n.pathname,a=n.checkboxKey,c=n.children,l=n.xlabel;a||console.warn("A unique progress checkbox key is required to track progress");var o="".concat(s,"-").concat(a),u=e.__read(i.useStorage({key:o,type:"local"
|
|
1
|
+
"use strict";var e=require("../../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("../../checkbox/Checkbox.js"),n=require("../../text/Text.js"),s=require("../../../styles/constants/theme.js"),i=require("../../../utils/hooks/useStorage.js"),a=require("styled-components");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../../../utils/storage.js"),require("swr"),require("../../../utils/hooks/useSwr.js");var l,o,u,h=c(a),m=h.default(n.Text)(l||(l=e.__makeTemplateObject(["\n font-size: ",";\n"],["\n font-size: ",";\n"])),s.theme.space16),d=h.default.div(o||(o=e.__makeTemplateObject(["\n label {\n /* Align checkbox with list item */\n display: flex;\n align-items: center;\n }\n"],["\n label {\n /* Align checkbox with list item */\n display: flex;\n align-items: center;\n }\n"]))),x=h.default.div(u||(u=e.__makeTemplateObject(["\n margin-left: ",";\n margin-top: ",";\n"],["\n margin-left: ",";\n margin-top: ",";\n"])),s.theme.space24,s.theme.space24);exports.MdxProgressCheckbox=function(n){var s=n.pathname,a=n.checkboxKey,c=n.children,l=n.xlabel;a||console.warn("A unique progress checkbox key is required to track progress");var o="".concat(s,"-").concat(a),u=e.__read(i.useStorage({defaultValue:"",key:o,type:"local"}),2),h=u[0],b=u[1];return r.jsxs(d,{children:[r.jsx(t.Checkbox,{checked:!!h,labelComponent:r.jsx(m,e.__assign({type:"bold-label"},{children:l})),label:l,onChange:function(){return b(h?"":"checked")}}),r.jsx(x,{children:c})]})};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zonos/amino",
|
|
3
|
-
"version": "4.4.
|
|
3
|
+
"version": "4.4.3",
|
|
4
4
|
"description": "Core UI components for Amino",
|
|
5
5
|
"repository": "git@github.com:Zonos/amino.git",
|
|
6
6
|
"license": "MIT",
|
|
@@ -12,7 +12,6 @@
|
|
|
12
12
|
"not op_mini all"
|
|
13
13
|
],
|
|
14
14
|
"scripts": {},
|
|
15
|
-
"devDependencies": {},
|
|
16
15
|
"dependencies": {
|
|
17
16
|
"@dnd-kit/core": "^5.0.3",
|
|
18
17
|
"@dnd-kit/modifiers": "^5.0.0",
|
|
@@ -33,8 +32,10 @@
|
|
|
33
32
|
"react-simple-maps": "^3.0.0",
|
|
34
33
|
"react-split-it": "^2.0.0",
|
|
35
34
|
"topojson-client": "^3.1.0",
|
|
36
|
-
"uuid": "^8.3.2"
|
|
35
|
+
"uuid": "^8.3.2",
|
|
36
|
+
"zod": "^3.21.4"
|
|
37
37
|
},
|
|
38
|
+
"devDependencies": {},
|
|
38
39
|
"peerDependencies": {
|
|
39
40
|
"@emotion/react": "^11.x",
|
|
40
41
|
"@emotion/styled": "^11.x",
|
|
@@ -31,45 +31,45 @@ export declare const theme: {
|
|
|
31
31
|
readonly gray1100: "var(--amino-gray-1100)";
|
|
32
32
|
/** @info #101116 */
|
|
33
33
|
readonly gray1200: "var(--amino-gray-1200)";
|
|
34
|
-
/** @info #
|
|
34
|
+
/** @info #DEEDFE */
|
|
35
35
|
readonly blue100: "var(--amino-blue-100)";
|
|
36
|
-
/** @info #
|
|
36
|
+
/** @info #C5DDFD */
|
|
37
37
|
readonly blue200: "var(--amino-blue-200)";
|
|
38
|
-
/** @info #
|
|
38
|
+
/** @info #AACBFC */
|
|
39
39
|
readonly blue300: "var(--amino-blue-300)";
|
|
40
|
-
/** @info #
|
|
40
|
+
/** @info #89B2FA */
|
|
41
41
|
readonly blue400: "var(--amino-blue-400)";
|
|
42
|
-
/** @info #
|
|
42
|
+
/** @info #5F92F6 */
|
|
43
43
|
readonly blue500: "var(--amino-blue-500)";
|
|
44
|
-
/** @info #
|
|
44
|
+
/** @info #445EEE */
|
|
45
45
|
readonly blue600: "var(--amino-blue-600)";
|
|
46
|
-
/** @info #
|
|
46
|
+
/** @info #364BD4 */
|
|
47
47
|
readonly blue700: "var(--amino-blue-700)";
|
|
48
|
-
/** @info #
|
|
48
|
+
/** @info #2C3BAF */
|
|
49
49
|
readonly blue800: "var(--amino-blue-800)";
|
|
50
|
-
/** @info #
|
|
50
|
+
/** @info #252E7E */
|
|
51
51
|
readonly blue900: "var(--amino-blue-900)";
|
|
52
|
-
/** @info #
|
|
52
|
+
/** @info #1C2154 */
|
|
53
53
|
readonly blue1000: "var(--amino-blue-1000)";
|
|
54
|
-
/** @info #
|
|
54
|
+
/** @info #DBFFFE */
|
|
55
55
|
readonly cyan100: "var(--amino-cyan-100)";
|
|
56
|
-
/** @info #
|
|
56
|
+
/** @info #BAFDFD */
|
|
57
57
|
readonly cyan200: "var(--amino-cyan-200)";
|
|
58
|
-
/** @info #
|
|
58
|
+
/** @info #8FF6FA */
|
|
59
59
|
readonly cyan300: "var(--amino-cyan-300)";
|
|
60
|
-
/** @info #
|
|
60
|
+
/** @info #65E6EF */
|
|
61
61
|
readonly cyan400: "var(--amino-cyan-400)";
|
|
62
|
-
/** @info #
|
|
62
|
+
/** @info #4EC6D4 */
|
|
63
63
|
readonly cyan500: "var(--amino-cyan-500)";
|
|
64
|
-
/** @info #
|
|
64
|
+
/** @info #37A5B4 */
|
|
65
65
|
readonly cyan600: "var(--amino-cyan-600)";
|
|
66
|
-
/** @info #
|
|
66
|
+
/** @info #2C8896 */
|
|
67
67
|
readonly cyan700: "var(--amino-cyan-700)";
|
|
68
|
-
/** @info #
|
|
68
|
+
/** @info #26707E */
|
|
69
69
|
readonly cyan800: "var(--amino-cyan-800)";
|
|
70
|
-
/** @info #
|
|
70
|
+
/** @info #245660 */
|
|
71
71
|
readonly cyan900: "var(--amino-cyan-900)";
|
|
72
|
-
/** @info #
|
|
72
|
+
/** @info #183339 */
|
|
73
73
|
readonly cyan1000: "var(--amino-cyan-1000)";
|
|
74
74
|
/** @info #FFEDEB */
|
|
75
75
|
readonly red100: "var(--amino-red-100)";
|
|
@@ -79,77 +79,77 @@ export declare const theme: {
|
|
|
79
79
|
readonly red300: "var(--amino-red-300)";
|
|
80
80
|
/** @info #FA8B8B */
|
|
81
81
|
readonly red400: "var(--amino-red-400)";
|
|
82
|
-
/** @info #
|
|
82
|
+
/** @info #F95C67 */
|
|
83
83
|
readonly red500: "var(--amino-red-500)";
|
|
84
|
-
/** @info #
|
|
84
|
+
/** @info #D92141 */
|
|
85
85
|
readonly red600: "var(--amino-red-600)";
|
|
86
|
-
/** @info #
|
|
86
|
+
/** @info #B4223D */
|
|
87
87
|
readonly red700: "var(--amino-red-700)";
|
|
88
|
-
/** @info #
|
|
88
|
+
/** @info #8C1D33 */
|
|
89
89
|
readonly red800: "var(--amino-red-800)";
|
|
90
|
-
/** @info #
|
|
90
|
+
/** @info #641627 */
|
|
91
91
|
readonly red900: "var(--amino-red-900)";
|
|
92
|
-
/** @info #
|
|
92
|
+
/** @info #49121F */
|
|
93
93
|
readonly red1000: "var(--amino-red-1000)";
|
|
94
|
-
/** @info #
|
|
94
|
+
/** @info #FFEFE0 */
|
|
95
95
|
readonly orange100: "var(--amino-orange-100)";
|
|
96
|
-
/** @info #
|
|
96
|
+
/** @info #FED7B8 */
|
|
97
97
|
readonly orange200: "var(--amino-orange-200)";
|
|
98
|
-
/** @info #
|
|
98
|
+
/** @info #FDC7A0 */
|
|
99
99
|
readonly orange300: "var(--amino-orange-300)";
|
|
100
|
-
/** @info #
|
|
100
|
+
/** @info #FCA975 */
|
|
101
101
|
readonly orange400: "var(--amino-orange-400)";
|
|
102
|
-
/** @info #
|
|
102
|
+
/** @info #F88C53 */
|
|
103
103
|
readonly orange500: "var(--amino-orange-500)";
|
|
104
|
-
/** @info #
|
|
104
|
+
/** @info #E5591A */
|
|
105
105
|
readonly orange600: "var(--amino-orange-600)";
|
|
106
|
-
/** @info #
|
|
106
|
+
/** @info #B6471B */
|
|
107
107
|
readonly orange700: "var(--amino-orange-700)";
|
|
108
|
-
/** @info #
|
|
108
|
+
/** @info #903A1D */
|
|
109
109
|
readonly orange800: "var(--amino-orange-800)";
|
|
110
|
-
/** @info #
|
|
110
|
+
/** @info #692C1C */
|
|
111
111
|
readonly orange900: "var(--amino-orange-900)";
|
|
112
|
-
/** @info #
|
|
112
|
+
/** @info #441C13 */
|
|
113
113
|
readonly orange1000: "var(--amino-orange-1000)";
|
|
114
|
-
/** @info #
|
|
114
|
+
/** @info #E0FFE3 */
|
|
115
115
|
readonly green100: "var(--amino-green-100)";
|
|
116
|
-
/** @info #
|
|
116
|
+
/** @info #C8FDCE */
|
|
117
117
|
readonly green200: "var(--amino-green-200)";
|
|
118
|
-
/** @info #
|
|
118
|
+
/** @info #A9F9B5 */
|
|
119
119
|
readonly green300: "var(--amino-green-300)";
|
|
120
|
-
/** @info #
|
|
120
|
+
/** @info #7DE490 */
|
|
121
121
|
readonly green400: "var(--amino-green-400)";
|
|
122
|
-
/** @info #
|
|
122
|
+
/** @info #56C76F */
|
|
123
123
|
readonly green500: "var(--amino-green-500)";
|
|
124
|
-
/** @info #
|
|
124
|
+
/** @info #2B9C4D */
|
|
125
125
|
readonly green600: "var(--amino-green-600)";
|
|
126
|
-
/** @info #
|
|
126
|
+
/** @info #298549 */
|
|
127
127
|
readonly green700: "var(--amino-green-700)";
|
|
128
|
-
/** @info #
|
|
128
|
+
/** @info #266E3E */
|
|
129
129
|
readonly green800: "var(--amino-green-800)";
|
|
130
|
-
/** @info #
|
|
130
|
+
/** @info #245234 */
|
|
131
131
|
readonly green900: "var(--amino-green-900)";
|
|
132
|
-
/** @info #
|
|
132
|
+
/** @info #1C3626 */
|
|
133
133
|
readonly green1000: "var(--amino-green-1000)";
|
|
134
|
-
/** @info #
|
|
134
|
+
/** @info #F4EEFF */
|
|
135
135
|
readonly purple100: "var(--amino-purple-100)";
|
|
136
|
-
/** @info #
|
|
136
|
+
/** @info #E7D8FD */
|
|
137
137
|
readonly purple200: "var(--amino-purple-200)";
|
|
138
|
-
/** @info #
|
|
138
|
+
/** @info #DDC5FC */
|
|
139
139
|
readonly purple300: "var(--amino-purple-300)";
|
|
140
|
-
/** @info #
|
|
140
|
+
/** @info #CEA9FA */
|
|
141
141
|
readonly purple400: "var(--amino-purple-400)";
|
|
142
|
-
/** @info #
|
|
142
|
+
/** @info #BD82F8 */
|
|
143
143
|
readonly purple500: "var(--amino-purple-500)";
|
|
144
|
-
/** @info #
|
|
144
|
+
/** @info #AB30EE */
|
|
145
145
|
readonly purple600: "var(--amino-purple-600)";
|
|
146
|
-
/** @info #
|
|
146
|
+
/** @info #922BC5 */
|
|
147
147
|
readonly purple700: "var(--amino-purple-700)";
|
|
148
|
-
/** @info #
|
|
148
|
+
/** @info #742498 */
|
|
149
149
|
readonly purple800: "var(--amino-purple-800)";
|
|
150
|
-
/** @info #
|
|
150
|
+
/** @info #54206A */
|
|
151
151
|
readonly purple900: "var(--amino-purple-900)";
|
|
152
|
-
/** @info #
|
|
152
|
+
/** @info #3B1948 */
|
|
153
153
|
readonly purple1000: "var(--amino-purple-1000)";
|
|
154
154
|
/** @info #FFFFFFBB */
|
|
155
155
|
readonly transparentWhite: "var(--amino-transparent-white)";
|
package/theme.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
[data-theme='day'] {
|
|
3
3
|
--amino-transition: all 0.2s ease-in-out 0s;
|
|
4
4
|
--amino-type-scale-base: 16px;
|
|
5
|
-
--amino-gray-0:
|
|
5
|
+
--amino-gray-0: #ffffff;
|
|
6
6
|
--amino-gray-50: #f6f6f8;
|
|
7
7
|
--amino-gray-100: #eaebed;
|
|
8
8
|
--amino-gray-200: #d9dadd;
|
|
@@ -16,66 +16,66 @@
|
|
|
16
16
|
--amino-gray-1000: #2e3038;
|
|
17
17
|
--amino-gray-1100: #1e1f26;
|
|
18
18
|
--amino-gray-1200: #101116;
|
|
19
|
-
--amino-blue-100: #
|
|
20
|
-
--amino-blue-200: #
|
|
21
|
-
--amino-blue-300: #
|
|
22
|
-
--amino-blue-400: #
|
|
23
|
-
--amino-blue-500: #
|
|
24
|
-
--amino-blue-600: #
|
|
25
|
-
--amino-blue-700: #
|
|
26
|
-
--amino-blue-800: #
|
|
27
|
-
--amino-blue-900: #
|
|
28
|
-
--amino-blue-1000: #
|
|
29
|
-
--amino-cyan-100: #
|
|
30
|
-
--amino-cyan-200: #
|
|
31
|
-
--amino-cyan-300: #
|
|
32
|
-
--amino-cyan-400: #
|
|
33
|
-
--amino-cyan-500: #
|
|
34
|
-
--amino-cyan-600: #
|
|
35
|
-
--amino-cyan-700: #
|
|
36
|
-
--amino-cyan-800: #
|
|
37
|
-
--amino-cyan-900: #
|
|
38
|
-
--amino-cyan-1000: #
|
|
19
|
+
--amino-blue-100: #deedfe;
|
|
20
|
+
--amino-blue-200: #c5ddfd;
|
|
21
|
+
--amino-blue-300: #aacbfc;
|
|
22
|
+
--amino-blue-400: #89b2fa;
|
|
23
|
+
--amino-blue-500: #5f92f6;
|
|
24
|
+
--amino-blue-600: #445eee;
|
|
25
|
+
--amino-blue-700: #364bd4;
|
|
26
|
+
--amino-blue-800: #2c3baf;
|
|
27
|
+
--amino-blue-900: #252e7e;
|
|
28
|
+
--amino-blue-1000: #1c2154;
|
|
29
|
+
--amino-cyan-100: #dbfffe;
|
|
30
|
+
--amino-cyan-200: #bafdfd;
|
|
31
|
+
--amino-cyan-300: #8ff6fa;
|
|
32
|
+
--amino-cyan-400: #65e6ef;
|
|
33
|
+
--amino-cyan-500: #4ec6d4;
|
|
34
|
+
--amino-cyan-600: #37a5b4;
|
|
35
|
+
--amino-cyan-700: #2c8896;
|
|
36
|
+
--amino-cyan-800: #26707e;
|
|
37
|
+
--amino-cyan-900: #245660;
|
|
38
|
+
--amino-cyan-1000: #183339;
|
|
39
39
|
--amino-red-100: #ffedeb;
|
|
40
40
|
--amino-red-200: #fdd3d0;
|
|
41
41
|
--amino-red-300: #fcb4b2;
|
|
42
42
|
--amino-red-400: #fa8b8b;
|
|
43
|
-
--amino-red-500: #
|
|
44
|
-
--amino-red-600: #
|
|
45
|
-
--amino-red-700: #
|
|
46
|
-
--amino-red-800: #
|
|
47
|
-
--amino-red-900: #
|
|
48
|
-
--amino-red-1000: #
|
|
49
|
-
--amino-orange-100: #
|
|
50
|
-
--amino-orange-200: #
|
|
51
|
-
--amino-orange-300: #
|
|
52
|
-
--amino-orange-400: #
|
|
53
|
-
--amino-orange-500: #
|
|
54
|
-
--amino-orange-600: #
|
|
55
|
-
--amino-orange-700: #
|
|
56
|
-
--amino-orange-800: #
|
|
57
|
-
--amino-orange-900: #
|
|
58
|
-
--amino-orange-1000: #
|
|
59
|
-
--amino-green-100: #
|
|
60
|
-
--amino-green-200: #
|
|
61
|
-
--amino-green-300: #
|
|
62
|
-
--amino-green-400: #
|
|
63
|
-
--amino-green-500: #
|
|
64
|
-
--amino-green-600: #
|
|
65
|
-
--amino-green-700: #
|
|
66
|
-
--amino-green-800: #
|
|
67
|
-
--amino-green-900: #
|
|
68
|
-
--amino-green-1000: #
|
|
69
|
-
--amino-purple-100: #
|
|
70
|
-
--amino-purple-200: #
|
|
71
|
-
--amino-purple-300: #
|
|
72
|
-
--amino-purple-400: #
|
|
73
|
-
--amino-purple-500: #
|
|
74
|
-
--amino-purple-600: #
|
|
75
|
-
--amino-purple-700: #
|
|
76
|
-
--amino-purple-800: #
|
|
77
|
-
--amino-purple-900: #
|
|
78
|
-
--amino-purple-1000: #
|
|
43
|
+
--amino-red-500: #f95c67;
|
|
44
|
+
--amino-red-600: #d92141;
|
|
45
|
+
--amino-red-700: #b4223d;
|
|
46
|
+
--amino-red-800: #8c1d33;
|
|
47
|
+
--amino-red-900: #641627;
|
|
48
|
+
--amino-red-1000: #49121f;
|
|
49
|
+
--amino-orange-100: #ffefe0;
|
|
50
|
+
--amino-orange-200: #fed7b8;
|
|
51
|
+
--amino-orange-300: #fdc7a0;
|
|
52
|
+
--amino-orange-400: #fca975;
|
|
53
|
+
--amino-orange-500: #f88c53;
|
|
54
|
+
--amino-orange-600: #e5591a;
|
|
55
|
+
--amino-orange-700: #b6471b;
|
|
56
|
+
--amino-orange-800: #903a1d;
|
|
57
|
+
--amino-orange-900: #692c1c;
|
|
58
|
+
--amino-orange-1000: #441c13;
|
|
59
|
+
--amino-green-100: #e0ffe3;
|
|
60
|
+
--amino-green-200: #c8fdce;
|
|
61
|
+
--amino-green-300: #a9f9b5;
|
|
62
|
+
--amino-green-400: #7de490;
|
|
63
|
+
--amino-green-500: #56c76f;
|
|
64
|
+
--amino-green-600: #2b9c4d;
|
|
65
|
+
--amino-green-700: #298549;
|
|
66
|
+
--amino-green-800: #266e3e;
|
|
67
|
+
--amino-green-900: #245234;
|
|
68
|
+
--amino-green-1000: #1c3626;
|
|
69
|
+
--amino-purple-100: #f4eeff;
|
|
70
|
+
--amino-purple-200: #e7d8fd;
|
|
71
|
+
--amino-purple-300: #ddc5fc;
|
|
72
|
+
--amino-purple-400: #cea9fa;
|
|
73
|
+
--amino-purple-500: #bd82f8;
|
|
74
|
+
--amino-purple-600: #ab30ee;
|
|
75
|
+
--amino-purple-700: #922bc5;
|
|
76
|
+
--amino-purple-800: #742498;
|
|
77
|
+
--amino-purple-900: #54206a;
|
|
78
|
+
--amino-purple-1000: #3b1948;
|
|
79
79
|
--amino-transparent-white: #ffffffbb;
|
|
80
80
|
--amino-transparent-black: #000000bb;
|
|
81
81
|
--amino-v3-shadow-base: 0px 0px 0px 1px rgba(110, 110, 120, 0.1),
|
|
@@ -227,67 +227,67 @@
|
|
|
227
227
|
--amino-gray-900: #d9dadd;
|
|
228
228
|
--amino-gray-1000: #eaebed;
|
|
229
229
|
--amino-gray-1100: #f6f6f8;
|
|
230
|
-
--amino-gray-1200:
|
|
231
|
-
--amino-blue-100: #
|
|
232
|
-
--amino-blue-200: #
|
|
233
|
-
--amino-blue-300: #
|
|
234
|
-
--amino-blue-400: #
|
|
235
|
-
--amino-blue-500: #
|
|
236
|
-
--amino-blue-600: #
|
|
237
|
-
--amino-blue-700: #
|
|
238
|
-
--amino-blue-800: #
|
|
239
|
-
--amino-blue-900: #
|
|
240
|
-
--amino-blue-1000: #
|
|
241
|
-
--amino-cyan-100: #
|
|
242
|
-
--amino-cyan-200: #
|
|
243
|
-
--amino-cyan-300: #
|
|
244
|
-
--amino-cyan-400: #
|
|
245
|
-
--amino-cyan-500: #
|
|
246
|
-
--amino-cyan-600: #
|
|
247
|
-
--amino-cyan-700: #
|
|
248
|
-
--amino-cyan-800: #
|
|
249
|
-
--amino-cyan-900: #
|
|
250
|
-
--amino-cyan-1000: #
|
|
251
|
-
--amino-red-100: #
|
|
252
|
-
--amino-red-200: #
|
|
253
|
-
--amino-red-300: #
|
|
254
|
-
--amino-red-400: #
|
|
255
|
-
--amino-red-500: #
|
|
256
|
-
--amino-red-600: #
|
|
230
|
+
--amino-gray-1200: #ffffff;
|
|
231
|
+
--amino-blue-100: #1c2154;
|
|
232
|
+
--amino-blue-200: #252e7e;
|
|
233
|
+
--amino-blue-300: #2c3baf;
|
|
234
|
+
--amino-blue-400: #364bd4;
|
|
235
|
+
--amino-blue-500: #445eee;
|
|
236
|
+
--amino-blue-600: #5f92f6;
|
|
237
|
+
--amino-blue-700: #89b2fa;
|
|
238
|
+
--amino-blue-800: #aacbfc;
|
|
239
|
+
--amino-blue-900: #c5ddfd;
|
|
240
|
+
--amino-blue-1000: #deedfe;
|
|
241
|
+
--amino-cyan-100: #183339;
|
|
242
|
+
--amino-cyan-200: #245660;
|
|
243
|
+
--amino-cyan-300: #26707e;
|
|
244
|
+
--amino-cyan-400: #2c8896;
|
|
245
|
+
--amino-cyan-500: #37a5b4;
|
|
246
|
+
--amino-cyan-600: #4ec6d4;
|
|
247
|
+
--amino-cyan-700: #65e6ef;
|
|
248
|
+
--amino-cyan-800: #8ff6fa;
|
|
249
|
+
--amino-cyan-900: #bafdfd;
|
|
250
|
+
--amino-cyan-1000: #dbfffe;
|
|
251
|
+
--amino-red-100: #49121f;
|
|
252
|
+
--amino-red-200: #641627;
|
|
253
|
+
--amino-red-300: #8c1d33;
|
|
254
|
+
--amino-red-400: #b4223d;
|
|
255
|
+
--amino-red-500: #d92141;
|
|
256
|
+
--amino-red-600: #f95c67;
|
|
257
257
|
--amino-red-700: #fa8b8b;
|
|
258
258
|
--amino-red-800: #fcb4b2;
|
|
259
259
|
--amino-red-900: #fdd3d0;
|
|
260
260
|
--amino-red-1000: #ffedeb;
|
|
261
|
-
--amino-orange-100: #
|
|
262
|
-
--amino-orange-200: #
|
|
263
|
-
--amino-orange-300: #
|
|
264
|
-
--amino-orange-400: #
|
|
265
|
-
--amino-orange-500: #
|
|
266
|
-
--amino-orange-600: #
|
|
267
|
-
--amino-orange-700: #
|
|
268
|
-
--amino-orange-800: #
|
|
269
|
-
--amino-orange-900: #
|
|
270
|
-
--amino-orange-1000: #
|
|
271
|
-
--amino-green-100: #
|
|
272
|
-
--amino-green-200: #
|
|
273
|
-
--amino-green-300: #
|
|
274
|
-
--amino-green-400: #
|
|
275
|
-
--amino-green-500: #
|
|
276
|
-
--amino-green-600: #
|
|
277
|
-
--amino-green-700: #
|
|
278
|
-
--amino-green-800: #
|
|
279
|
-
--amino-green-900: #
|
|
280
|
-
--amino-green-1000: #
|
|
281
|
-
--amino-purple-100: #
|
|
282
|
-
--amino-purple-200: #
|
|
283
|
-
--amino-purple-300: #
|
|
284
|
-
--amino-purple-400: #
|
|
285
|
-
--amino-purple-500: #
|
|
286
|
-
--amino-purple-600: #
|
|
287
|
-
--amino-purple-700: #
|
|
288
|
-
--amino-purple-800: #
|
|
289
|
-
--amino-purple-900: #
|
|
290
|
-
--amino-purple-1000: #
|
|
261
|
+
--amino-orange-100: #441c13;
|
|
262
|
+
--amino-orange-200: #692c1c;
|
|
263
|
+
--amino-orange-300: #903a1d;
|
|
264
|
+
--amino-orange-400: #b6471b;
|
|
265
|
+
--amino-orange-500: #e5591a;
|
|
266
|
+
--amino-orange-600: #f88c53;
|
|
267
|
+
--amino-orange-700: #fca975;
|
|
268
|
+
--amino-orange-800: #fdc7a0;
|
|
269
|
+
--amino-orange-900: #fed7b8;
|
|
270
|
+
--amino-orange-1000: #ffefe0;
|
|
271
|
+
--amino-green-100: #1c3626;
|
|
272
|
+
--amino-green-200: #245234;
|
|
273
|
+
--amino-green-300: #266e3e;
|
|
274
|
+
--amino-green-400: #298549;
|
|
275
|
+
--amino-green-500: #2b9c4d;
|
|
276
|
+
--amino-green-600: #56c76f;
|
|
277
|
+
--amino-green-700: #7de490;
|
|
278
|
+
--amino-green-800: #a9f9b5;
|
|
279
|
+
--amino-green-900: #c8fdce;
|
|
280
|
+
--amino-green-1000: #e0ffe3;
|
|
281
|
+
--amino-purple-100: #3b1948;
|
|
282
|
+
--amino-purple-200: #54206a;
|
|
283
|
+
--amino-purple-300: #742498;
|
|
284
|
+
--amino-purple-400: #922bc5;
|
|
285
|
+
--amino-purple-500: #ab30ee;
|
|
286
|
+
--amino-purple-600: #bd82f8;
|
|
287
|
+
--amino-purple-700: #cea9fa;
|
|
288
|
+
--amino-purple-800: #ddc5fc;
|
|
289
|
+
--amino-purple-900: #e7d8fd;
|
|
290
|
+
--amino-purple-1000: #f4eeff;
|
|
291
291
|
--amino-transparent-white: #000000bb;
|
|
292
292
|
--amino-transparent-black: #ffffffbb;
|
|
293
293
|
--amino-v3-shadow-base: 0px 0px 0px 1px rgba(255, 255, 255, 0.12),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./useStorage.js");require("../storage.js"),require("swr"),require("./useSwr.js");exports.useCurrentSchema=function(r){return e.useStorage({
|
|
1
|
+
"use strict";var e=require("./useStorage.js");require("../storage.js"),require("swr"),require("./useSwr.js");exports.useCurrentSchema=function(r){return e.useStorage({defaultValue:r,key:"amino:current-schema",type:"session"})};
|
|
@@ -1,17 +1,10 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type StorageProps } from '../storage';
|
|
2
2
|
type AminoLocalStorageKey = 'current-schema';
|
|
3
3
|
/** Storage key that's being used in Amino */
|
|
4
4
|
export type AminoStorageKey = `amino:${AminoLocalStorageKey}` | (string & Record<never, never>);
|
|
5
|
-
type Props<TValue extends unknown, TKey extends AminoStorageKey> = {
|
|
6
|
-
type: StorageType;
|
|
7
|
-
key: TKey;
|
|
8
|
-
/**
|
|
9
|
-
* @param json - If true, the value will be set/parsed as JSON
|
|
10
|
-
* @default false
|
|
11
|
-
*/
|
|
12
|
-
json?: boolean;
|
|
5
|
+
type Props<TValue extends unknown, TKey extends AminoStorageKey> = StorageProps<TValue, TKey> & {
|
|
13
6
|
defaultValue: TValue;
|
|
14
7
|
};
|
|
15
8
|
type Return<T> = [value: T, setValue: (value: T) => void];
|
|
16
|
-
export declare const useStorage: <TValue extends unknown, TKey extends AminoStorageKey = AminoStorageKey>({ defaultValue, key, type,
|
|
9
|
+
export declare const useStorage: <TValue extends unknown, TKey extends AminoStorageKey = AminoStorageKey>({ defaultValue, json, key, type, }: Props<TValue, TKey>) => Return<TValue>;
|
|
17
10
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../storage.js"),r=require("./useSwr.js");require("swr");exports.useStorage=function(t){var u=t.defaultValue,n=t.
|
|
1
|
+
"use strict";var e=require("../storage.js"),r=require("./useSwr.js");require("swr");exports.useStorage=function(t){var u=t.defaultValue,n=t.json,s=t.key,a=t.type,o=r.useSwr(s,(function(){return e.getStorageItem({type:a,key:s,json:n})||null})).data;return[null!=o?o:u,function(r){return e.setStorageItem({type:a,key:s,value:r,json:n})}]};
|
package/utils/storage.d.ts
CHANGED
|
@@ -1,16 +1,20 @@
|
|
|
1
|
+
import type { Schema } from 'zod';
|
|
1
2
|
export type StorageType = 'session' | 'local';
|
|
2
|
-
export type StorageProps = {
|
|
3
|
+
export type StorageProps<Value, Key extends string = string> = {
|
|
3
4
|
type: StorageType;
|
|
4
|
-
key:
|
|
5
|
+
key: Key;
|
|
5
6
|
/**
|
|
6
7
|
* @param json - If true, the value will be set/parsed as JSON
|
|
7
|
-
*
|
|
8
|
+
* Set the schema for runtime validation of values.
|
|
9
|
+
* @default undefined
|
|
8
10
|
*/
|
|
9
|
-
json?:
|
|
11
|
+
json?: {
|
|
12
|
+
schema: Schema<Value>;
|
|
13
|
+
};
|
|
10
14
|
};
|
|
11
|
-
type SetProps<Value> = StorageProps & {
|
|
15
|
+
type SetProps<Value> = StorageProps<Value> & {
|
|
12
16
|
value: Value;
|
|
13
17
|
};
|
|
14
|
-
export declare const getStorageItem: <Value extends unknown>({ type, key, json, }: StorageProps) => Value | null;
|
|
18
|
+
export declare const getStorageItem: <Value extends unknown>({ type, key, json, }: StorageProps<Value, string>) => Value | null;
|
|
15
19
|
export declare const setStorageItem: <Value extends unknown>({ type, key, json, value, }: SetProps<Value>) => void;
|
|
16
20
|
export {};
|
package/utils/storage.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("swr");exports.getStorageItem=function(e){var t=e.type,r=e.key,s=e.json,
|
|
1
|
+
"use strict";var e=require("swr");exports.getStorageItem=function(e){var t=e.type,r=e.key,s=e.json,a=("session"===t?sessionStorage:localStorage).getItem(r);if(!a)return null;if(s)try{var n=JSON.parse(a),o=s.schema.safeParse(n);return o.success?o.data:null}catch(e){return null}return a},exports.setStorageItem=function(t){var r=t.type,s=t.key,a=t.json,n=t.value,o="session"===r?sessionStorage:localStorage,u=a?JSON.stringify(n):String(n);o.setItem(s,u),e.mutate(s,n)};
|