@epignosis_llc/gnosis 6.7.3 → 6.7.5
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/cjs/index.cjs +308 -530
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/src/index.js +0 -1
- package/dist/esm/src/index.js.map +1 -1
- package/dist/types/index.d.ts +0 -1
- package/package.json +1 -7
- package/dist/esm/src/theme/tokens.js +0 -222
- package/dist/esm/src/theme/tokens.js.map +0 -1
- package/dist/tokens/index.cjs +0 -235
- package/dist/tokens/index.cjs.map +0 -1
- package/dist/tokens/index.js +0 -222
- package/dist/tokens/index.js.map +0 -1
- package/dist/tokens/tokens.css +0 -174
- package/dist/types/theme/tokens.d.ts +0 -143
package/dist/esm/src/index.js
CHANGED
|
@@ -33,7 +33,6 @@ export { default as ToastNotification } from './components/Toast/ToastNotificati
|
|
|
33
33
|
export { default as Heading } from './components/Heading/Heading.js';
|
|
34
34
|
export { default as Text } from './components/Text/Text.js';
|
|
35
35
|
export { typeScale } from './theme/utils/typography.js';
|
|
36
|
-
export { borderRadius, breakpoints, colorBase, colors, mediaQueries, shadows, spacing, transitions, typography, zIndex } from './theme/tokens.js';
|
|
37
36
|
export { default as Label } from './components/FormElements/Label/Label.js';
|
|
38
37
|
export { default as Input } from './components/FormElements/Input/Input.js';
|
|
39
38
|
export { default as FormError } from './components/FormElements/FormError/FormError.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -25,7 +25,6 @@ export { default as ToastNotification } from "./components/Toast/ToastNotificati
|
|
|
25
25
|
export { default as Heading } from "./components/Heading/Heading";
|
|
26
26
|
export { default as Text } from "./components/Text/Text";
|
|
27
27
|
export { typeScale } from "./theme/utils/typography";
|
|
28
|
-
export { colorBase, colors, typography, spacing, borderRadius, shadows, breakpoints, mediaQueries, zIndex, transitions, } from "./theme/tokens";
|
|
29
28
|
export { default as Label } from "./components/FormElements/Label/Label";
|
|
30
29
|
export { default as Input } from "./components/FormElements/Input/Input";
|
|
31
30
|
export { default as FormError } from "./components/FormElements/FormError/FormError";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epignosis_llc/gnosis",
|
|
3
|
-
"version": "6.7.
|
|
3
|
+
"version": "6.7.5",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Epignosis official react design system.",
|
|
6
6
|
"homepage": "https://github.com/epignosis/gnosis",
|
|
@@ -13,12 +13,6 @@
|
|
|
13
13
|
"import": "./dist/esm/src/index.js",
|
|
14
14
|
"require": "./dist/cjs/index.cjs"
|
|
15
15
|
},
|
|
16
|
-
"./tokens": {
|
|
17
|
-
"types": "./dist/types/theme/tokens.d.ts",
|
|
18
|
-
"import": "./dist/tokens/index.js",
|
|
19
|
-
"require": "./dist/tokens/index.cjs"
|
|
20
|
-
},
|
|
21
|
-
"./tokens.css": "./dist/tokens/tokens.css",
|
|
22
16
|
"./icons": {
|
|
23
17
|
"import": "./icons/index.js",
|
|
24
18
|
"require": "./icons/index.cjs"
|
|
@@ -1,222 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
* @license
|
|
4
|
-
* author: epignosis front-end team
|
|
5
|
-
* @epignosis_llc/gnosis.js v6.6.16
|
|
6
|
-
* Released under the MIT license.
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Gnosis Design Tokens
|
|
11
|
-
*
|
|
12
|
-
* This file is a single source of truth for all design tokens in the Gnosis design system.
|
|
13
|
-
* Tokens are aligned with Figma design tokens.
|
|
14
|
-
*/
|
|
15
|
-
|
|
16
|
-
// ---------------------------------------------------------------------------
|
|
17
|
-
// COLORS
|
|
18
|
-
// ---------------------------------------------------------------------------
|
|
19
|
-
// Base hex values
|
|
20
|
-
var colorBase = {
|
|
21
|
-
primary: "#0046AB",
|
|
22
|
-
secondary: "#9EA5A9",
|
|
23
|
-
green: "#1B7855",
|
|
24
|
-
orange: "#FF9C28",
|
|
25
|
-
red: "#D12525",
|
|
26
|
-
black: "#000000",
|
|
27
|
-
white: "#FFFFFF",
|
|
28
|
-
blue: "#0046AB"
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
// Full palette — each color generated with palletGenerator (color lib lighten/darken)
|
|
32
|
-
var colors = {
|
|
33
|
-
primary: {
|
|
34
|
-
lightest25: "rgba(36, 125, 255, 0.25)",
|
|
35
|
-
lightest50: "rgba(36, 125, 255, 0.5)",
|
|
36
|
-
lightest: "#247DFF",
|
|
37
|
-
lighter: "#0169FF",
|
|
38
|
-
light: "#0054CD",
|
|
39
|
-
base: "#0046AB",
|
|
40
|
-
dark: "#003889",
|
|
41
|
-
darker50: "rgba(0, 42, 103, 0.5)",
|
|
42
|
-
darker: "#002A67",
|
|
43
|
-
darkest: "#001C44"
|
|
44
|
-
},
|
|
45
|
-
secondary: {
|
|
46
|
-
lightest: "#FFFFFF",
|
|
47
|
-
lighter: "#F5F5F6",
|
|
48
|
-
light: "#C1C5C8",
|
|
49
|
-
base: "#9EA5A9",
|
|
50
|
-
dark: "#7B858A",
|
|
51
|
-
darker: "#5C6468",
|
|
52
|
-
darkest: "#3D4245"
|
|
53
|
-
},
|
|
54
|
-
green: {
|
|
55
|
-
lightest: "#2ECC90",
|
|
56
|
-
lighter: "#29B47F",
|
|
57
|
-
light50: "rgba(32, 144, 102, 0.5)",
|
|
58
|
-
light: "#209066",
|
|
59
|
-
base: "#1B7855",
|
|
60
|
-
dark: "#166044",
|
|
61
|
-
darker: "#104833",
|
|
62
|
-
darkest: "#0B3022"
|
|
63
|
-
},
|
|
64
|
-
orange: {
|
|
65
|
-
lightest: "#FFFBF6",
|
|
66
|
-
lighter: "#FFE0BB",
|
|
67
|
-
light: "#FFB763",
|
|
68
|
-
base50: "rgba(255, 156, 40, 0.5)",
|
|
69
|
-
base: "#FF9C28",
|
|
70
|
-
dark: "#EC7F00",
|
|
71
|
-
darker: "#B15F00",
|
|
72
|
-
darkest: "#764000"
|
|
73
|
-
},
|
|
74
|
-
red: {
|
|
75
|
-
lightest: "#F1B1B1",
|
|
76
|
-
lighter: "#EA8787",
|
|
77
|
-
light50: "rgba(223, 73, 73, 0.5)",
|
|
78
|
-
light: "#DF4949",
|
|
79
|
-
base: "#D12525",
|
|
80
|
-
dark: "#A71E1E",
|
|
81
|
-
darker: "#7D1616",
|
|
82
|
-
darkest: "#540F0F"
|
|
83
|
-
},
|
|
84
|
-
black: "#000000",
|
|
85
|
-
white: "#FFFFFF",
|
|
86
|
-
blue: "#0046AB"
|
|
87
|
-
};
|
|
88
|
-
|
|
89
|
-
// ---------------------------------------------------------------------------
|
|
90
|
-
// TYPOGRAPHY
|
|
91
|
-
// ---------------------------------------------------------------------------
|
|
92
|
-
var typography = {
|
|
93
|
-
// Font families
|
|
94
|
-
fontFamily: {
|
|
95
|
-
body: '"Mulish", Arial, sans-serif'
|
|
96
|
-
},
|
|
97
|
-
// Type scale (aligned with Figma design tokens)
|
|
98
|
-
fontSize: {
|
|
99
|
-
xxs: "0.5rem",
|
|
100
|
-
// 8px
|
|
101
|
-
xs: "0.75rem",
|
|
102
|
-
// 12px
|
|
103
|
-
sm: "0.875rem",
|
|
104
|
-
// 14px
|
|
105
|
-
md: "1rem",
|
|
106
|
-
// 16px ← base
|
|
107
|
-
lg: "1.125rem",
|
|
108
|
-
// 18px
|
|
109
|
-
xl: "1.375rem",
|
|
110
|
-
// 22px
|
|
111
|
-
"2xl": "1.75rem",
|
|
112
|
-
// 28px
|
|
113
|
-
"3xl": "2.125rem" // 34px
|
|
114
|
-
},
|
|
115
|
-
// Global line height
|
|
116
|
-
lineHeight: {
|
|
117
|
-
base: 1.5715
|
|
118
|
-
},
|
|
119
|
-
// Font weights (browser defaults relied upon; explicit values used in components)
|
|
120
|
-
fontWeight: {
|
|
121
|
-
regular: 400,
|
|
122
|
-
semibold: 600,
|
|
123
|
-
bold: 700,
|
|
124
|
-
extrabold: 800
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
|
|
128
|
-
// ---------------------------------------------------------------------------
|
|
129
|
-
// SPACING
|
|
130
|
-
// ---------------------------------------------------------------------------
|
|
131
|
-
// Aligned with Figma design tokens
|
|
132
|
-
var spacing = {
|
|
133
|
-
none: "0",
|
|
134
|
-
// 0px
|
|
135
|
-
xxs: "0.25rem",
|
|
136
|
-
// 4px
|
|
137
|
-
xs: "0.5rem",
|
|
138
|
-
// 8px
|
|
139
|
-
sm: "0.75rem",
|
|
140
|
-
// 12px
|
|
141
|
-
md: "1rem",
|
|
142
|
-
// 16px
|
|
143
|
-
lg: "1.5rem",
|
|
144
|
-
// 24px
|
|
145
|
-
xl: "2rem" // 32px
|
|
146
|
-
};
|
|
147
|
-
|
|
148
|
-
// ---------------------------------------------------------------------------
|
|
149
|
-
// BORDER RADIUS
|
|
150
|
-
// ---------------------------------------------------------------------------
|
|
151
|
-
// Aligned with Figma design tokens
|
|
152
|
-
var borderRadius = {
|
|
153
|
-
none: "0",
|
|
154
|
-
// 0px
|
|
155
|
-
sm: "5px",
|
|
156
|
-
// 5px - buttons, cards, alerts, chips, dropdowns, tooltips, pagination
|
|
157
|
-
xl: "30px",
|
|
158
|
-
// 30px - rounded elements
|
|
159
|
-
full: "50%" // circular elements
|
|
160
|
-
};
|
|
161
|
-
|
|
162
|
-
// ---------------------------------------------------------------------------
|
|
163
|
-
// SHADOWS
|
|
164
|
-
// ---------------------------------------------------------------------------
|
|
165
|
-
// Shadow color = colors.secondary.light (#C1C5C8)
|
|
166
|
-
var shadows = {
|
|
167
|
-
sm: "0 3px 6px #C1C5C8",
|
|
168
|
-
// dropdown, pagination, result card
|
|
169
|
-
checkbox: "0px 0px 0px 9px rgba(36, 125, 255, 0.25)" // focus ring on checkboxes
|
|
170
|
-
};
|
|
171
|
-
|
|
172
|
-
// ---------------------------------------------------------------------------
|
|
173
|
-
// BREAKPOINTS
|
|
174
|
-
// ---------------------------------------------------------------------------
|
|
175
|
-
// From src/theme/utils/breakpoints.ts
|
|
176
|
-
var breakpoints = {
|
|
177
|
-
xs: 320,
|
|
178
|
-
sm: 576,
|
|
179
|
-
md: 768,
|
|
180
|
-
lg: 992,
|
|
181
|
-
xl: 1200,
|
|
182
|
-
xxl: 1600,
|
|
183
|
-
"3xl": 1920
|
|
184
|
-
};
|
|
185
|
-
|
|
186
|
-
// Corresponding media queries (min-width)
|
|
187
|
-
var mediaQueries = {
|
|
188
|
-
xs: "@media screen and (min-width: 320px)",
|
|
189
|
-
sm: "@media screen and (min-width: 576px)",
|
|
190
|
-
md: "@media screen and (min-width: 768px)",
|
|
191
|
-
lg: "@media screen and (min-width: 992px)",
|
|
192
|
-
xl: "@media screen and (min-width: 1200px)",
|
|
193
|
-
xxl: "@media screen and (min-width: 1600px)",
|
|
194
|
-
"3xl": "@media screen and (min-width: 1920px)"
|
|
195
|
-
};
|
|
196
|
-
|
|
197
|
-
// ---------------------------------------------------------------------------
|
|
198
|
-
// Z-INDEX
|
|
199
|
-
// ---------------------------------------------------------------------------
|
|
200
|
-
var zIndex = {
|
|
201
|
-
base: 0,
|
|
202
|
-
raised: 1,
|
|
203
|
-
overlay: 2,
|
|
204
|
-
drawer: 3,
|
|
205
|
-
dropdown: 100,
|
|
206
|
-
sidebar: 1001,
|
|
207
|
-
modal: 1001
|
|
208
|
-
};
|
|
209
|
-
|
|
210
|
-
// ---------------------------------------------------------------------------
|
|
211
|
-
// TRANSITIONS
|
|
212
|
-
// ---------------------------------------------------------------------------
|
|
213
|
-
var transitions = {
|
|
214
|
-
fast: "0.2s",
|
|
215
|
-
base: "0.3s",
|
|
216
|
-
easeIn: "0.2s ease-in",
|
|
217
|
-
easeInOut: "0.3s ease-in-out",
|
|
218
|
-
easeOut: "0.2s ease"
|
|
219
|
-
};
|
|
220
|
-
|
|
221
|
-
export { borderRadius, breakpoints, colorBase, colors, mediaQueries, shadows, spacing, transitions, typography, zIndex };
|
|
222
|
-
//# sourceMappingURL=tokens.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","sources":["../../../../src/theme/tokens.ts"],"sourcesContent":["/**\n * Gnosis Design Tokens\n *\n * This file is a single source of truth for all design tokens in the Gnosis design system.\n * Tokens are aligned with Figma design tokens.\n */\n\n// ---------------------------------------------------------------------------\n// COLORS\n// ---------------------------------------------------------------------------\n// Base hex values\nexport const colorBase = {\n primary: \"#0046AB\",\n secondary: \"#9EA5A9\",\n green: \"#1B7855\",\n orange: \"#FF9C28\",\n red: \"#D12525\",\n black: \"#000000\",\n white: \"#FFFFFF\",\n blue: \"#0046AB\",\n} as const;\n\n// Full palette — each color generated with palletGenerator (color lib lighten/darken)\nexport const colors = {\n primary: {\n lightest25: \"rgba(36, 125, 255, 0.25)\",\n lightest50: \"rgba(36, 125, 255, 0.5)\",\n lightest: \"#247DFF\",\n lighter: \"#0169FF\",\n light: \"#0054CD\",\n base: \"#0046AB\",\n dark: \"#003889\",\n darker50: \"rgba(0, 42, 103, 0.5)\",\n darker: \"#002A67\",\n darkest: \"#001C44\",\n },\n secondary: {\n lightest: \"#FFFFFF\",\n lighter: \"#F5F5F6\",\n light: \"#C1C5C8\",\n base: \"#9EA5A9\",\n dark: \"#7B858A\",\n darker: \"#5C6468\",\n darkest: \"#3D4245\",\n },\n green: {\n lightest: \"#2ECC90\",\n lighter: \"#29B47F\",\n light50: \"rgba(32, 144, 102, 0.5)\",\n light: \"#209066\",\n base: \"#1B7855\",\n dark: \"#166044\",\n darker: \"#104833\",\n darkest: \"#0B3022\",\n },\n orange: {\n lightest: \"#FFFBF6\",\n lighter: \"#FFE0BB\",\n light: \"#FFB763\",\n base50: \"rgba(255, 156, 40, 0.5)\",\n base: \"#FF9C28\",\n dark: \"#EC7F00\",\n darker: \"#B15F00\",\n darkest: \"#764000\",\n },\n red: {\n lightest: \"#F1B1B1\",\n lighter: \"#EA8787\",\n light50: \"rgba(223, 73, 73, 0.5)\",\n light: \"#DF4949\",\n base: \"#D12525\",\n dark: \"#A71E1E\",\n darker: \"#7D1616\",\n darkest: \"#540F0F\",\n },\n black: \"#000000\",\n white: \"#FFFFFF\",\n blue: \"#0046AB\",\n} as const;\n\n// ---------------------------------------------------------------------------\n// TYPOGRAPHY\n// ---------------------------------------------------------------------------\nexport const typography = {\n // Font families\n fontFamily: {\n body: '\"Mulish\", Arial, sans-serif',\n },\n\n // Type scale (aligned with Figma design tokens)\n fontSize: {\n xxs: \"0.5rem\", // 8px\n xs: \"0.75rem\", // 12px\n sm: \"0.875rem\", // 14px\n md: \"1rem\", // 16px ← base\n lg: \"1.125rem\", // 18px\n xl: \"1.375rem\", // 22px\n \"2xl\": \"1.75rem\", // 28px\n \"3xl\": \"2.125rem\", // 34px\n },\n\n // Global line height\n lineHeight: {\n base: 1.5715,\n },\n\n // Font weights (browser defaults relied upon; explicit values used in components)\n fontWeight: {\n regular: 400,\n semibold: 600,\n bold: 700,\n extrabold: 800,\n },\n} as const;\n\n// ---------------------------------------------------------------------------\n// SPACING\n// ---------------------------------------------------------------------------\n// Aligned with Figma design tokens\nexport const spacing = {\n none: \"0\", // 0px\n xxs: \"0.25rem\", // 4px\n xs: \"0.5rem\", // 8px\n sm: \"0.75rem\", // 12px\n md: \"1rem\", // 16px\n lg: \"1.5rem\", // 24px\n xl: \"2rem\", // 32px\n} as const;\n\n// ---------------------------------------------------------------------------\n// BORDER RADIUS\n// ---------------------------------------------------------------------------\n// Aligned with Figma design tokens\nexport const borderRadius = {\n none: \"0\", // 0px\n sm: \"5px\", // 5px - buttons, cards, alerts, chips, dropdowns, tooltips, pagination\n xl: \"30px\", // 30px - rounded elements\n full: \"50%\", // circular elements\n} as const;\n\n// ---------------------------------------------------------------------------\n// SHADOWS\n// ---------------------------------------------------------------------------\n// Shadow color = colors.secondary.light (#C1C5C8)\nexport const shadows = {\n sm: \"0 3px 6px #C1C5C8\", // dropdown, pagination, result card\n checkbox: \"0px 0px 0px 9px rgba(36, 125, 255, 0.25)\", // focus ring on checkboxes\n} as const;\n\n// ---------------------------------------------------------------------------\n// BREAKPOINTS\n// ---------------------------------------------------------------------------\n// From src/theme/utils/breakpoints.ts\nexport const breakpoints = {\n xs: 320,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n xxl: 1600,\n \"3xl\": 1920,\n} as const;\n\n// Corresponding media queries (min-width)\nexport const mediaQueries = {\n xs: \"@media screen and (min-width: 320px)\",\n sm: \"@media screen and (min-width: 576px)\",\n md: \"@media screen and (min-width: 768px)\",\n lg: \"@media screen and (min-width: 992px)\",\n xl: \"@media screen and (min-width: 1200px)\",\n xxl: \"@media screen and (min-width: 1600px)\",\n \"3xl\": \"@media screen and (min-width: 1920px)\",\n} as const;\n\n// ---------------------------------------------------------------------------\n// Z-INDEX\n// ---------------------------------------------------------------------------\nexport const zIndex = {\n base: 0,\n raised: 1,\n overlay: 2,\n drawer: 3,\n dropdown: 100,\n sidebar: 1001,\n modal: 1001,\n} as const;\n\n// ---------------------------------------------------------------------------\n// TRANSITIONS\n// ---------------------------------------------------------------------------\nexport const transitions = {\n fast: \"0.2s\",\n base: \"0.3s\",\n easeIn: \"0.2s ease-in\",\n easeInOut: \"0.3s ease-in-out\",\n easeOut: \"0.2s ease\",\n} as const;\n"],"names":["colorBase","primary","secondary","green","orange","red","black","white","blue","colors","lightest25","lightest50","lightest","lighter","light","base","dark","darker50","darker","darkest","light50","base50","typography","fontFamily","body","fontSize","xxs","xs","sm","md","lg","xl","lineHeight","fontWeight","regular","semibold","bold","extrabold","spacing","none","borderRadius","full","shadows","checkbox","breakpoints","xxl","mediaQueries","zIndex","raised","overlay","drawer","dropdown","sidebar","modal","transitions","fast","easeIn","easeInOut","easeOut"],"mappings":"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"}
|
package/dist/tokens/index.cjs
DELETED
|
@@ -1,235 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
* @license
|
|
4
|
-
* author: epignosis front-end team
|
|
5
|
-
* @epignosis_llc/gnosis.js v6.6.16
|
|
6
|
-
* Released under the MIT license.
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
'use strict';
|
|
10
|
-
|
|
11
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Gnosis Design Tokens
|
|
15
|
-
*
|
|
16
|
-
* This file is a single source of truth for all design tokens in the Gnosis design system.
|
|
17
|
-
* Tokens are aligned with Figma design tokens.
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
// ---------------------------------------------------------------------------
|
|
21
|
-
// COLORS
|
|
22
|
-
// ---------------------------------------------------------------------------
|
|
23
|
-
// Base hex values
|
|
24
|
-
var colorBase = {
|
|
25
|
-
primary: "#0046AB",
|
|
26
|
-
secondary: "#9EA5A9",
|
|
27
|
-
green: "#1B7855",
|
|
28
|
-
orange: "#FF9C28",
|
|
29
|
-
red: "#D12525",
|
|
30
|
-
black: "#000000",
|
|
31
|
-
white: "#FFFFFF",
|
|
32
|
-
blue: "#0046AB"
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
// Full palette — each color generated with palletGenerator (color lib lighten/darken)
|
|
36
|
-
var colors = {
|
|
37
|
-
primary: {
|
|
38
|
-
lightest25: "rgba(36, 125, 255, 0.25)",
|
|
39
|
-
lightest50: "rgba(36, 125, 255, 0.5)",
|
|
40
|
-
lightest: "#247DFF",
|
|
41
|
-
lighter: "#0169FF",
|
|
42
|
-
light: "#0054CD",
|
|
43
|
-
base: "#0046AB",
|
|
44
|
-
dark: "#003889",
|
|
45
|
-
darker50: "rgba(0, 42, 103, 0.5)",
|
|
46
|
-
darker: "#002A67",
|
|
47
|
-
darkest: "#001C44"
|
|
48
|
-
},
|
|
49
|
-
secondary: {
|
|
50
|
-
lightest: "#FFFFFF",
|
|
51
|
-
lighter: "#F5F5F6",
|
|
52
|
-
light: "#C1C5C8",
|
|
53
|
-
base: "#9EA5A9",
|
|
54
|
-
dark: "#7B858A",
|
|
55
|
-
darker: "#5C6468",
|
|
56
|
-
darkest: "#3D4245"
|
|
57
|
-
},
|
|
58
|
-
green: {
|
|
59
|
-
lightest: "#2ECC90",
|
|
60
|
-
lighter: "#29B47F",
|
|
61
|
-
light50: "rgba(32, 144, 102, 0.5)",
|
|
62
|
-
light: "#209066",
|
|
63
|
-
base: "#1B7855",
|
|
64
|
-
dark: "#166044",
|
|
65
|
-
darker: "#104833",
|
|
66
|
-
darkest: "#0B3022"
|
|
67
|
-
},
|
|
68
|
-
orange: {
|
|
69
|
-
lightest: "#FFFBF6",
|
|
70
|
-
lighter: "#FFE0BB",
|
|
71
|
-
light: "#FFB763",
|
|
72
|
-
base50: "rgba(255, 156, 40, 0.5)",
|
|
73
|
-
base: "#FF9C28",
|
|
74
|
-
dark: "#EC7F00",
|
|
75
|
-
darker: "#B15F00",
|
|
76
|
-
darkest: "#764000"
|
|
77
|
-
},
|
|
78
|
-
red: {
|
|
79
|
-
lightest: "#F1B1B1",
|
|
80
|
-
lighter: "#EA8787",
|
|
81
|
-
light50: "rgba(223, 73, 73, 0.5)",
|
|
82
|
-
light: "#DF4949",
|
|
83
|
-
base: "#D12525",
|
|
84
|
-
dark: "#A71E1E",
|
|
85
|
-
darker: "#7D1616",
|
|
86
|
-
darkest: "#540F0F"
|
|
87
|
-
},
|
|
88
|
-
black: "#000000",
|
|
89
|
-
white: "#FFFFFF",
|
|
90
|
-
blue: "#0046AB"
|
|
91
|
-
};
|
|
92
|
-
|
|
93
|
-
// ---------------------------------------------------------------------------
|
|
94
|
-
// TYPOGRAPHY
|
|
95
|
-
// ---------------------------------------------------------------------------
|
|
96
|
-
var typography = {
|
|
97
|
-
// Font families
|
|
98
|
-
fontFamily: {
|
|
99
|
-
body: '"Mulish", Arial, sans-serif'
|
|
100
|
-
},
|
|
101
|
-
// Type scale (aligned with Figma design tokens)
|
|
102
|
-
fontSize: {
|
|
103
|
-
xxs: "0.5rem",
|
|
104
|
-
// 8px
|
|
105
|
-
xs: "0.75rem",
|
|
106
|
-
// 12px
|
|
107
|
-
sm: "0.875rem",
|
|
108
|
-
// 14px
|
|
109
|
-
md: "1rem",
|
|
110
|
-
// 16px ← base
|
|
111
|
-
lg: "1.125rem",
|
|
112
|
-
// 18px
|
|
113
|
-
xl: "1.375rem",
|
|
114
|
-
// 22px
|
|
115
|
-
"2xl": "1.75rem",
|
|
116
|
-
// 28px
|
|
117
|
-
"3xl": "2.125rem" // 34px
|
|
118
|
-
},
|
|
119
|
-
// Global line height
|
|
120
|
-
lineHeight: {
|
|
121
|
-
base: 1.5715
|
|
122
|
-
},
|
|
123
|
-
// Font weights (browser defaults relied upon; explicit values used in components)
|
|
124
|
-
fontWeight: {
|
|
125
|
-
regular: 400,
|
|
126
|
-
semibold: 600,
|
|
127
|
-
bold: 700,
|
|
128
|
-
extrabold: 800
|
|
129
|
-
}
|
|
130
|
-
};
|
|
131
|
-
|
|
132
|
-
// ---------------------------------------------------------------------------
|
|
133
|
-
// SPACING
|
|
134
|
-
// ---------------------------------------------------------------------------
|
|
135
|
-
// Aligned with Figma design tokens
|
|
136
|
-
var spacing = {
|
|
137
|
-
none: "0",
|
|
138
|
-
// 0px
|
|
139
|
-
xxs: "0.25rem",
|
|
140
|
-
// 4px
|
|
141
|
-
xs: "0.5rem",
|
|
142
|
-
// 8px
|
|
143
|
-
sm: "0.75rem",
|
|
144
|
-
// 12px
|
|
145
|
-
md: "1rem",
|
|
146
|
-
// 16px
|
|
147
|
-
lg: "1.5rem",
|
|
148
|
-
// 24px
|
|
149
|
-
xl: "2rem" // 32px
|
|
150
|
-
};
|
|
151
|
-
|
|
152
|
-
// ---------------------------------------------------------------------------
|
|
153
|
-
// BORDER RADIUS
|
|
154
|
-
// ---------------------------------------------------------------------------
|
|
155
|
-
// Aligned with Figma design tokens
|
|
156
|
-
var borderRadius = {
|
|
157
|
-
none: "0",
|
|
158
|
-
// 0px
|
|
159
|
-
sm: "5px",
|
|
160
|
-
// 5px - buttons, cards, alerts, chips, dropdowns, tooltips, pagination
|
|
161
|
-
xl: "30px",
|
|
162
|
-
// 30px - rounded elements
|
|
163
|
-
full: "50%" // circular elements
|
|
164
|
-
};
|
|
165
|
-
|
|
166
|
-
// ---------------------------------------------------------------------------
|
|
167
|
-
// SHADOWS
|
|
168
|
-
// ---------------------------------------------------------------------------
|
|
169
|
-
// Shadow color = colors.secondary.light (#C1C5C8)
|
|
170
|
-
var shadows = {
|
|
171
|
-
sm: "0 3px 6px #C1C5C8",
|
|
172
|
-
// dropdown, pagination, result card
|
|
173
|
-
checkbox: "0px 0px 0px 9px rgba(36, 125, 255, 0.25)" // focus ring on checkboxes
|
|
174
|
-
};
|
|
175
|
-
|
|
176
|
-
// ---------------------------------------------------------------------------
|
|
177
|
-
// BREAKPOINTS
|
|
178
|
-
// ---------------------------------------------------------------------------
|
|
179
|
-
// From src/theme/utils/breakpoints.ts
|
|
180
|
-
var breakpoints = {
|
|
181
|
-
xs: 320,
|
|
182
|
-
sm: 576,
|
|
183
|
-
md: 768,
|
|
184
|
-
lg: 992,
|
|
185
|
-
xl: 1200,
|
|
186
|
-
xxl: 1600,
|
|
187
|
-
"3xl": 1920
|
|
188
|
-
};
|
|
189
|
-
|
|
190
|
-
// Corresponding media queries (min-width)
|
|
191
|
-
var mediaQueries = {
|
|
192
|
-
xs: "@media screen and (min-width: 320px)",
|
|
193
|
-
sm: "@media screen and (min-width: 576px)",
|
|
194
|
-
md: "@media screen and (min-width: 768px)",
|
|
195
|
-
lg: "@media screen and (min-width: 992px)",
|
|
196
|
-
xl: "@media screen and (min-width: 1200px)",
|
|
197
|
-
xxl: "@media screen and (min-width: 1600px)",
|
|
198
|
-
"3xl": "@media screen and (min-width: 1920px)"
|
|
199
|
-
};
|
|
200
|
-
|
|
201
|
-
// ---------------------------------------------------------------------------
|
|
202
|
-
// Z-INDEX
|
|
203
|
-
// ---------------------------------------------------------------------------
|
|
204
|
-
var zIndex = {
|
|
205
|
-
base: 0,
|
|
206
|
-
raised: 1,
|
|
207
|
-
overlay: 2,
|
|
208
|
-
drawer: 3,
|
|
209
|
-
dropdown: 100,
|
|
210
|
-
sidebar: 1001,
|
|
211
|
-
modal: 1001
|
|
212
|
-
};
|
|
213
|
-
|
|
214
|
-
// ---------------------------------------------------------------------------
|
|
215
|
-
// TRANSITIONS
|
|
216
|
-
// ---------------------------------------------------------------------------
|
|
217
|
-
var transitions = {
|
|
218
|
-
fast: "0.2s",
|
|
219
|
-
base: "0.3s",
|
|
220
|
-
easeIn: "0.2s ease-in",
|
|
221
|
-
easeInOut: "0.3s ease-in-out",
|
|
222
|
-
easeOut: "0.2s ease"
|
|
223
|
-
};
|
|
224
|
-
|
|
225
|
-
exports.borderRadius = borderRadius;
|
|
226
|
-
exports.breakpoints = breakpoints;
|
|
227
|
-
exports.colorBase = colorBase;
|
|
228
|
-
exports.colors = colors;
|
|
229
|
-
exports.mediaQueries = mediaQueries;
|
|
230
|
-
exports.shadows = shadows;
|
|
231
|
-
exports.spacing = spacing;
|
|
232
|
-
exports.transitions = transitions;
|
|
233
|
-
exports.typography = typography;
|
|
234
|
-
exports.zIndex = zIndex;
|
|
235
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../src/theme/tokens.ts"],"sourcesContent":["/**\n * Gnosis Design Tokens\n *\n * This file is a single source of truth for all design tokens in the Gnosis design system.\n * Tokens are aligned with Figma design tokens.\n */\n\n// ---------------------------------------------------------------------------\n// COLORS\n// ---------------------------------------------------------------------------\n// Base hex values\nexport const colorBase = {\n primary: \"#0046AB\",\n secondary: \"#9EA5A9\",\n green: \"#1B7855\",\n orange: \"#FF9C28\",\n red: \"#D12525\",\n black: \"#000000\",\n white: \"#FFFFFF\",\n blue: \"#0046AB\",\n} as const;\n\n// Full palette — each color generated with palletGenerator (color lib lighten/darken)\nexport const colors = {\n primary: {\n lightest25: \"rgba(36, 125, 255, 0.25)\",\n lightest50: \"rgba(36, 125, 255, 0.5)\",\n lightest: \"#247DFF\",\n lighter: \"#0169FF\",\n light: \"#0054CD\",\n base: \"#0046AB\",\n dark: \"#003889\",\n darker50: \"rgba(0, 42, 103, 0.5)\",\n darker: \"#002A67\",\n darkest: \"#001C44\",\n },\n secondary: {\n lightest: \"#FFFFFF\",\n lighter: \"#F5F5F6\",\n light: \"#C1C5C8\",\n base: \"#9EA5A9\",\n dark: \"#7B858A\",\n darker: \"#5C6468\",\n darkest: \"#3D4245\",\n },\n green: {\n lightest: \"#2ECC90\",\n lighter: \"#29B47F\",\n light50: \"rgba(32, 144, 102, 0.5)\",\n light: \"#209066\",\n base: \"#1B7855\",\n dark: \"#166044\",\n darker: \"#104833\",\n darkest: \"#0B3022\",\n },\n orange: {\n lightest: \"#FFFBF6\",\n lighter: \"#FFE0BB\",\n light: \"#FFB763\",\n base50: \"rgba(255, 156, 40, 0.5)\",\n base: \"#FF9C28\",\n dark: \"#EC7F00\",\n darker: \"#B15F00\",\n darkest: \"#764000\",\n },\n red: {\n lightest: \"#F1B1B1\",\n lighter: \"#EA8787\",\n light50: \"rgba(223, 73, 73, 0.5)\",\n light: \"#DF4949\",\n base: \"#D12525\",\n dark: \"#A71E1E\",\n darker: \"#7D1616\",\n darkest: \"#540F0F\",\n },\n black: \"#000000\",\n white: \"#FFFFFF\",\n blue: \"#0046AB\",\n} as const;\n\n// ---------------------------------------------------------------------------\n// TYPOGRAPHY\n// ---------------------------------------------------------------------------\nexport const typography = {\n // Font families\n fontFamily: {\n body: '\"Mulish\", Arial, sans-serif',\n },\n\n // Type scale (aligned with Figma design tokens)\n fontSize: {\n xxs: \"0.5rem\", // 8px\n xs: \"0.75rem\", // 12px\n sm: \"0.875rem\", // 14px\n md: \"1rem\", // 16px ← base\n lg: \"1.125rem\", // 18px\n xl: \"1.375rem\", // 22px\n \"2xl\": \"1.75rem\", // 28px\n \"3xl\": \"2.125rem\", // 34px\n },\n\n // Global line height\n lineHeight: {\n base: 1.5715,\n },\n\n // Font weights (browser defaults relied upon; explicit values used in components)\n fontWeight: {\n regular: 400,\n semibold: 600,\n bold: 700,\n extrabold: 800,\n },\n} as const;\n\n// ---------------------------------------------------------------------------\n// SPACING\n// ---------------------------------------------------------------------------\n// Aligned with Figma design tokens\nexport const spacing = {\n none: \"0\", // 0px\n xxs: \"0.25rem\", // 4px\n xs: \"0.5rem\", // 8px\n sm: \"0.75rem\", // 12px\n md: \"1rem\", // 16px\n lg: \"1.5rem\", // 24px\n xl: \"2rem\", // 32px\n} as const;\n\n// ---------------------------------------------------------------------------\n// BORDER RADIUS\n// ---------------------------------------------------------------------------\n// Aligned with Figma design tokens\nexport const borderRadius = {\n none: \"0\", // 0px\n sm: \"5px\", // 5px - buttons, cards, alerts, chips, dropdowns, tooltips, pagination\n xl: \"30px\", // 30px - rounded elements\n full: \"50%\", // circular elements\n} as const;\n\n// ---------------------------------------------------------------------------\n// SHADOWS\n// ---------------------------------------------------------------------------\n// Shadow color = colors.secondary.light (#C1C5C8)\nexport const shadows = {\n sm: \"0 3px 6px #C1C5C8\", // dropdown, pagination, result card\n checkbox: \"0px 0px 0px 9px rgba(36, 125, 255, 0.25)\", // focus ring on checkboxes\n} as const;\n\n// ---------------------------------------------------------------------------\n// BREAKPOINTS\n// ---------------------------------------------------------------------------\n// From src/theme/utils/breakpoints.ts\nexport const breakpoints = {\n xs: 320,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n xxl: 1600,\n \"3xl\": 1920,\n} as const;\n\n// Corresponding media queries (min-width)\nexport const mediaQueries = {\n xs: \"@media screen and (min-width: 320px)\",\n sm: \"@media screen and (min-width: 576px)\",\n md: \"@media screen and (min-width: 768px)\",\n lg: \"@media screen and (min-width: 992px)\",\n xl: \"@media screen and (min-width: 1200px)\",\n xxl: \"@media screen and (min-width: 1600px)\",\n \"3xl\": \"@media screen and (min-width: 1920px)\",\n} as const;\n\n// ---------------------------------------------------------------------------\n// Z-INDEX\n// ---------------------------------------------------------------------------\nexport const zIndex = {\n base: 0,\n raised: 1,\n overlay: 2,\n drawer: 3,\n dropdown: 100,\n sidebar: 1001,\n modal: 1001,\n} as const;\n\n// ---------------------------------------------------------------------------\n// TRANSITIONS\n// ---------------------------------------------------------------------------\nexport const transitions = {\n fast: \"0.2s\",\n base: \"0.3s\",\n easeIn: \"0.2s ease-in\",\n easeInOut: \"0.3s ease-in-out\",\n easeOut: \"0.2s ease\",\n} as const;\n"],"names":["colorBase","primary","secondary","green","orange","red","black","white","blue","colors","lightest25","lightest50","lightest","lighter","light","base","dark","darker50","darker","darkest","light50","base50","typography","fontFamily","body","fontSize","xxs","xs","sm","md","lg","xl","lineHeight","fontWeight","regular","semibold","bold","extrabold","spacing","none","borderRadius","full","shadows","checkbox","breakpoints","xxl","mediaQueries","zIndex","raised","overlay","drawer","dropdown","sidebar","modal","transitions","fast","easeIn","easeInOut","easeOut"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,IAAMA,SAAS,GAAG;AACvBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,SAAS,EAAE,SAAS;AACpBC,EAAAA,KAAK,EAAE,SAAS;AAChBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,GAAG,EAAE,SAAS;AACdC,EAAAA,KAAK,EAAE,SAAS;AAChBC,EAAAA,KAAK,EAAE,SAAS;AAChBC,EAAAA,IAAI,EAAE,SAAA;AACR,EAAU;;AAEV;AACO,IAAMC,MAAM,GAAG;AACpBR,EAAAA,OAAO,EAAE;AACPS,IAAAA,UAAU,EAAE,0BAA0B;AACtCC,IAAAA,UAAU,EAAE,yBAAyB;AACrCC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,OAAO,EAAE,SAAS;AAClBC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,QAAQ,EAAE,uBAAuB;AACjCC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,OAAO,EAAE,SAAA;GACV;AACDjB,EAAAA,SAAS,EAAE;AACTU,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,OAAO,EAAE,SAAS;AAClBC,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,SAAS;AACfE,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,OAAO,EAAE,SAAA;GACV;AACDhB,EAAAA,KAAK,EAAE;AACLS,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,OAAO,EAAE,SAAS;AAClBO,IAAAA,OAAO,EAAE,yBAAyB;AAClCN,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,SAAS;AACfE,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,OAAO,EAAE,SAAA;GACV;AACDf,EAAAA,MAAM,EAAE;AACNQ,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,OAAO,EAAE,SAAS;AAClBC,IAAAA,KAAK,EAAE,SAAS;AAChBO,IAAAA,MAAM,EAAE,yBAAyB;AACjCN,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,SAAS;AACfE,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,OAAO,EAAE,SAAA;GACV;AACDd,EAAAA,GAAG,EAAE;AACHO,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,OAAO,EAAE,SAAS;AAClBO,IAAAA,OAAO,EAAE,wBAAwB;AACjCN,IAAAA,KAAK,EAAE,SAAS;AAChBC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,SAAS;AACfE,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,OAAO,EAAE,SAAA;GACV;AACDb,EAAAA,KAAK,EAAE,SAAS;AAChBC,EAAAA,KAAK,EAAE,SAAS;AAChBC,EAAAA,IAAI,EAAE,SAAA;AACR,EAAU;;AAEV;AACA;AACA;AACO,IAAMc,UAAU,GAAG;AACxB;AACAC,EAAAA,UAAU,EAAE;AACVC,IAAAA,IAAI,EAAE,6BAAA;GACP;AAED;AACAC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,GAAG,EAAE,QAAQ;AAAE;AACfC,IAAAA,EAAE,EAAE,SAAS;AAAE;AACfC,IAAAA,EAAE,EAAE,UAAU;AAAE;AAChBC,IAAAA,EAAE,EAAE,MAAM;AAAE;AACZC,IAAAA,EAAE,EAAE,UAAU;AAAE;AAChBC,IAAAA,EAAE,EAAE,UAAU;AAAE;AAChB,IAAA,KAAK,EAAE,SAAS;AAAE;IAClB,KAAK,EAAE,UAAU;GAClB;AAED;AACAC,EAAAA,UAAU,EAAE;AACVjB,IAAAA,IAAI,EAAE,MAAA;GACP;AAED;AACAkB,EAAAA,UAAU,EAAE;AACVC,IAAAA,OAAO,EAAE,GAAG;AACZC,IAAAA,QAAQ,EAAE,GAAG;AACbC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,SAAS,EAAE,GAAA;AACb,GAAA;AACF,EAAU;;AAEV;AACA;AACA;AACA;AACO,IAAMC,OAAO,GAAG;AACrBC,EAAAA,IAAI,EAAE,GAAG;AAAE;AACXb,EAAAA,GAAG,EAAE,SAAS;AAAE;AAChBC,EAAAA,EAAE,EAAE,QAAQ;AAAE;AACdC,EAAAA,EAAE,EAAE,SAAS;AAAE;AACfC,EAAAA,EAAE,EAAE,MAAM;AAAE;AACZC,EAAAA,EAAE,EAAE,QAAQ;AAAE;EACdC,EAAE,EAAE,MAAM;AACZ,EAAU;;AAEV;AACA;AACA;AACA;AACO,IAAMS,YAAY,GAAG;AAC1BD,EAAAA,IAAI,EAAE,GAAG;AAAE;AACXX,EAAAA,EAAE,EAAE,KAAK;AAAE;AACXG,EAAAA,EAAE,EAAE,MAAM;AAAE;EACZU,IAAI,EAAE,KAAK;AACb,EAAU;;AAEV;AACA;AACA;AACA;AACO,IAAMC,OAAO,GAAG;AACrBd,EAAAA,EAAE,EAAE,mBAAmB;AAAE;EACzBe,QAAQ,EAAE,0CAA0C;AACtD,EAAU;;AAEV;AACA;AACA;AACA;AACO,IAAMC,WAAW,GAAG;AACzBjB,EAAAA,EAAE,EAAE,GAAG;AACPC,EAAAA,EAAE,EAAE,GAAG;AACPC,EAAAA,EAAE,EAAE,GAAG;AACPC,EAAAA,EAAE,EAAE,GAAG;AACPC,EAAAA,EAAE,EAAE,IAAI;AACRc,EAAAA,GAAG,EAAE,IAAI;AACT,EAAA,KAAK,EAAE,IAAA;AACT,EAAU;;AAEV;AACO,IAAMC,YAAY,GAAG;AAC1BnB,EAAAA,EAAE,EAAE,sCAAsC;AAC1CC,EAAAA,EAAE,EAAE,sCAAsC;AAC1CC,EAAAA,EAAE,EAAE,sCAAsC;AAC1CC,EAAAA,EAAE,EAAE,sCAAsC;AAC1CC,EAAAA,EAAE,EAAE,uCAAuC;AAC3Cc,EAAAA,GAAG,EAAE,uCAAuC;AAC5C,EAAA,KAAK,EAAE,uCAAA;AACT,EAAU;;AAEV;AACA;AACA;AACO,IAAME,MAAM,GAAG;AACpBhC,EAAAA,IAAI,EAAE,CAAC;AACPiC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,OAAO,EAAE,CAAC;AACVC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,QAAQ,EAAE,GAAG;AACbC,EAAAA,OAAO,EAAE,IAAI;AACbC,EAAAA,KAAK,EAAE,IAAA;AACT,EAAU;;AAEV;AACA;AACA;AACO,IAAMC,WAAW,GAAG;AACzBC,EAAAA,IAAI,EAAE,MAAM;AACZxC,EAAAA,IAAI,EAAE,MAAM;AACZyC,EAAAA,MAAM,EAAE,cAAc;AACtBC,EAAAA,SAAS,EAAE,kBAAkB;AAC7BC,EAAAA,OAAO,EAAE,WAAA;AACX;;;;;;;;;;;;;"}
|