@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.
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -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",
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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"}
@@ -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":"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"}