@l3mpire/tokens 0.5.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.
Files changed (10) hide show
  1. package/README.md +176 -0
  2. package/dist/css/components.css +322 -0
  3. package/dist/css/fonts.css +23 -0
  4. package/dist/css/primitives.css +121 -0
  5. package/dist/css/semantic.css +139 -0
  6. package/dist/css/sizing.css +42 -0
  7. package/dist/css/tokens-dark.css +254 -0
  8. package/dist/css/tokens.css +623 -0
  9. package/dist/ts/tokens.ts +622 -0
  10. package/package.json +30 -0
package/dist/css/semantic.css ADDED
@@ -0,0 +1,139 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --core-bg-main-primary: #ffffff;
7
+ --core-bg-main-secondary: #fafafa;
8
+ --core-bg-main-tertiary: #f2f2f2;
9
+ --core-bg-main-invert-primary: #213856;
10
+ --core-bg-main-invert-secondary: #566f8f;
11
+ --core-bg-main-invert-tertiary: #b7bec6;
12
+ --core-bg-functional-disabled: #f2f2f2;
13
+ --core-bg-functional-invert-success: #f0fdf0;
14
+ --core-bg-functional-invert-critical: #fff5f5;
15
+ --core-bg-functional-invert-info: #f5f8ff;
16
+ --core-bg-functional-invert-warning: #fffef5;
17
+ --core-bg-specific-highlight-text: #e5fce5;
18
+ --core-bg-specific-tags-neutral: #f2f2f2;
19
+ --core-text-main-primary: #213856;
20
+ --core-text-main-secondary: #566f8f;
21
+ --core-text-main-tertiary: #98a1ac;
22
+ --core-text-main-invert-primary: #ffffff;
23
+ --core-text-main-invert-secondary: #f2f2f2;
24
+ --core-text-main-invert-tertiary: #efefef;
25
+ --core-text-functional-placeholder: #98a1ac;
26
+ --core-text-functional-disabled: #b7bec6;
27
+ --core-text-functional-disabled-invert: #ffffff;
28
+ --core-text-functional-success: #31c52e;
29
+ --core-text-functional-critical: #ec4343;
30
+ --core-text-functional-info: #316bff;
31
+ --core-text-functional-warning: #dfb009;
32
+ --core-border-main-primary: #efefef;
33
+ --core-border-main-secondary: #e6e6e6;
34
+ --core-border-main-invert-primary: #213856;
35
+ --core-border-main-invert-secondary: #3d4f66;
36
+ --core-border-functional-success: #31c52e;
37
+ --core-border-functional-critical: #ec4343;
38
+ --core-border-functional-info: #316bff;
39
+ --core-border-functional-warning: #dfb009;
40
+ --interactive-bg-primary-dark-default: #316bff;
41
+ --interactive-bg-primary-dark-hover: #1f5eff;
42
+ --interactive-bg-primary-dark-pressed: #134cdd;
43
+ --interactive-bg-primary-light-default: #ffffff;
44
+ --interactive-bg-primary-light-hover: #f5f8ff;
45
+ --interactive-bg-primary-light-pressed: #c7dcff;
46
+ --interactive-bg-dark-default: #213856;
47
+ --interactive-bg-dark-hover: #3d4f66;
48
+ --interactive-bg-dark-pressed: #566f8f;
49
+ --interactive-bg-light-default: #ffffff;
50
+ --interactive-bg-light-hover: #f2f2f2;
51
+ --interactive-bg-light-pressed: #efefef;
52
+ --interactive-bg-white-default: #ffffff;
53
+ --interactive-bg-white-hover: #fafafa;
54
+ --interactive-bg-white-pressed: #f2f2f2;
55
+ --interactive-bg-critical-dark-default: #ec4343;
56
+ --interactive-bg-critical-dark-hover: #d92828;
57
+ --interactive-bg-critical-dark-pressed: #be0723;
58
+ --interactive-bg-critical-light-default: #ffffff;
59
+ --interactive-bg-critical-light-hover: #ffe7e2;
60
+ --interactive-bg-critical-light-pressed: #ffc9c9;
61
+ --interactive-bg-success-dark-default: #31c52e;
62
+ --interactive-bg-success-dark-hover: #1fb01c;
63
+ --interactive-bg-success-dark-pressed: #009e00;
64
+ --interactive-bg-success-light-default: #ffffff;
65
+ --interactive-bg-success-light-hover: #f0fdf0;
66
+ --interactive-bg-success-light-pressed: #e5fce5;
67
+ --interactive-bg-warning-dark-default: #f5ca3d;
68
+ --interactive-bg-warning-dark-hover: #dfb009;
69
+ --interactive-bg-warning-dark-pressed: #d9aa00;
70
+ --interactive-bg-warning-light-default: #ffffff;
71
+ --interactive-bg-warning-light-hover: #fff8d3;
72
+ --interactive-bg-warning-light-pressed: #fff0a7;
73
+ --interactive-text-neutral-dark-default: #3d4f66;
74
+ --interactive-text-neutral-dark-hover: #213856;
75
+ --interactive-text-neutral-dark-pressed: #566f8f;
76
+ --interactive-text-neutral-light-default: #ffffff;
77
+ --interactive-text-neutral-light-hover: #f2f2f2;
78
+ --interactive-text-neutral-light-pressed: #efefef;
79
+ --interactive-text-primary-dark-default: #316bff;
80
+ --interactive-text-primary-dark-hover: #1f5eff;
81
+ --interactive-text-primary-dark-pressed: #134cdd;
82
+ --interactive-text-primary-light-default: #ffffff;
83
+ --interactive-text-primary-light-hover: #e0ebff;
84
+ --interactive-text-primary-light-pressed: #c7dcff;
85
+ --interactive-text-white-default: #ffffff;
86
+ --interactive-text-white-hover: #fafafa;
87
+ --interactive-text-white-pressed: #f2f2f2;
88
+ --interactive-text-critical-dark-default: #ec4343;
89
+ --interactive-text-critical-dark-hover: #d92828;
90
+ --interactive-text-critical-dark-pressed: #be0723;
91
+ --interactive-text-critical-light-default: #ffffff;
92
+ --interactive-text-critical-light-hover: #ffe7e2;
93
+ --interactive-text-critical-light-pressed: #ffc9c9;
94
+ --interactive-text-success-dark-default: #31c52e;
95
+ --interactive-text-success-dark-hover: #1fb01c;
96
+ --interactive-text-success-dark-pressed: #009e00;
97
+ --interactive-text-success-light-default: #ffffff;
98
+ --interactive-text-success-light-hover: #f0fdf0;
99
+ --interactive-text-success-light-pressed: #e5fce5;
100
+ --interactive-text-warning-dark-default: #f5ca3d;
101
+ --interactive-text-warning-dark-hover: #dfb009;
102
+ --interactive-text-warning-dark-pressed: #d9aa00;
103
+ --interactive-text-warning-light-default: #ffffff;
104
+ --interactive-text-warning-light-hover: #fff8d3;
105
+ --interactive-text-warning-light-pressed: #fff0a7;
106
+ --interactive-border-neutral-dark-default: #213856;
107
+ --interactive-border-neutral-dark-hover: #3d4f66;
108
+ --interactive-border-neutral-dark-pressed: #566f8f;
109
+ --interactive-border-neutral-light-default: #ffffff;
110
+ --interactive-border-neutral-light-hover: #f2f2f2;
111
+ --interactive-border-neutral-light-pressed: #efefef;
112
+ --interactive-border-neutral-white-default: #ffffff;
113
+ --interactive-border-neutral-white-hover: #fafafa;
114
+ --interactive-border-neutral-white-pressed: #f2f2f2;
115
+ --interactive-border-primary-dark-default: #316bff;
116
+ --interactive-border-primary-dark-hover: #1f5eff;
117
+ --interactive-border-primary-dark-pressed: #134cdd;
118
+ --interactive-border-primary-light-default: #ffffff;
119
+ --interactive-border-primary-light-hover: #e0ebff;
120
+ --interactive-border-primary-light-pressed: #c7dcff;
121
+ --interactive-border-critical-dark-default: #ec4343;
122
+ --interactive-border-critical-dark-hover: #d92828;
123
+ --interactive-border-critical-dark-pressed: #be0723;
124
+ --interactive-border-critical-light-default: #ffffff;
125
+ --interactive-border-critical-light-hover: #ffe7e2;
126
+ --interactive-border-critical-light-pressed: #ffc9c9;
127
+ --interactive-border-success-dark-default: #31c52e;
128
+ --interactive-border-success-dark-hover: #1fb01c;
129
+ --interactive-border-success-dark-pressed: #009e00;
130
+ --interactive-border-success-light-default: #ffffff;
131
+ --interactive-border-success-light-hover: #f0fdf0;
132
+ --interactive-border-success-light-pressed: #e5fce5;
133
+ --interactive-border-warning-dark-default: #f5ca3d;
134
+ --interactive-border-warning-dark-hover: #dfb009;
135
+ --interactive-border-warning-dark-pressed: #d9aa00;
136
+ --interactive-border-warning-light-default: #ffffff;
137
+ --interactive-border-warning-light-hover: #fff8d3;
138
+ --interactive-border-warning-light-pressed: #fff0a7;
139
+ }
package/dist/css/sizing.css ADDED
@@ -0,0 +1,42 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --radius-none: 0;
7
+ --radius-2xs: 2px;
8
+ --radius-xs: 4px;
9
+ --radius-sm: 6px;
10
+ --radius-base: 8px;
11
+ --radius-md: 12px;
12
+ --radius-lg: 16px;
13
+ --radius-xl: 24px;
14
+ --radius-full: 9999px;
15
+ --spacing-none: 0;
16
+ --spacing-2xs: 2px;
17
+ --spacing-xs: 4px;
18
+ --spacing-sm: 6px;
19
+ --spacing-base: 8px;
20
+ --spacing-md: 12px;
21
+ --spacing-lg: 16px;
22
+ --spacing-xl: 24px;
23
+ --spacing-2xl: 32px;
24
+ --spacing-3xl: 40px;
25
+ --spacing-4xl: 48px;
26
+ --spacing-5xl: 56px;
27
+ --gap-none: 0;
28
+ --gap-2xs: 2px;
29
+ --gap-xs: 4px;
30
+ --gap-sm: 6px;
31
+ --gap-base: 8px;
32
+ --gap-md: 12px;
33
+ --gap-lg: 16px;
34
+ --gap-xl: 24px;
35
+ --gap-2xl: 32px;
36
+ --gap-3xl: 40px;
37
+ --gap-4xl: 48px;
38
+ --gap-5xl: 56px;
39
+ --stroke-none: 0;
40
+ --stroke-base: 1px;
41
+ --stroke-md: 2px;
42
+ }
package/dist/css/tokens-dark.css ADDED
@@ -0,0 +1,254 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ [data-theme="dark"] {
6
+ --blue-50: #061739;
7
+ --blue-100: #081d44;
8
+ --blue-200: #0a2656;
9
+ --blue-300: #0c3370;
10
+ --blue-400: #103b8e;
11
+ --blue-500: #1646c2;
12
+ --blue-600: #174bcf;
13
+ --blue-700: #3462d7;
14
+ --blue-800: #547ce0;
15
+ --blue-900: #6c8fe8;
16
+ --pink-50: #350614;
17
+ --pink-100: #3a0613;
18
+ --pink-200: #49081b;
19
+ --pink-300: #670b2c;
20
+ --pink-400: #840f30;
21
+ --pink-500: #9d2440;
22
+ --pink-600: #ae3659;
23
+ --pink-700: #ae5c70;
24
+ --pink-800: #bd7585;
25
+ --pink-900: #df8ea1;
26
+ --red-50: #350606;
27
+ --red-100: #431207;
28
+ --red-200: #550909;
29
+ --red-300: #631414;
30
+ --red-400: #8f1a1a;
31
+ --red-500: #b32626;
32
+ --red-600: #c63838;
33
+ --red-700: #e44961;
34
+ --red-800: #e66177;
35
+ --red-900: #ef6c6c;
36
+ --green-50: #0d340d;
37
+ --green-100: #0e3d0e;
38
+ --green-200: #185018;
39
+ --green-300: #2c712b;
40
+ --green-400: #39a036;
41
+ --green-500: #4ac147;
42
+ --green-600: #58d256;
43
+ --green-700: #5fed5f;
44
+ --green-800: #74ef74;
45
+ --green-900: #7ef17e;
46
+ --yellow-50: #353006;
47
+ --yellow-100: #4e4309;
48
+ --yellow-200: #6d5d0c;
49
+ --yellow-300: #937810;
50
+ --yellow-400: #b8941e;
51
+ --yellow-500: #e0ba31;
52
+ --yellow-600: #e9c235;
53
+ --yellow-700: #ebc84d;
54
+ --yellow-800: #edcc61;
55
+ --yellow-900: #eecd69;
56
+ --purple-50: #130633;
57
+ --purple-100: #170639;
58
+ --purple-200: #160741;
59
+ --purple-300: #2a0e5d;
60
+ --purple-400: #331871;
61
+ --purple-500: #422688;
62
+ --purple-600: #543a9d;
63
+ --purple-700: #6b52af;
64
+ --purple-800: #8670bf;
65
+ --purple-900: #b29fd7;
66
+ --teal-50: #0d3428;
67
+ --teal-100: #073d26;
68
+ --teal-200: #124b35;
69
+ --teal-300: #0b6442;
70
+ --teal-400: #2d7758;
71
+ --teal-500: #39916c;
72
+ --teal-600: #49af85;
73
+ --teal-700: #5fc49a;
74
+ --teal-800: #7fd3b1;
75
+ --teal-900: #9ce4c6;
76
+ --orange-50: #371a06;
77
+ --orange-100: #3c1207;
78
+ --orange-200: #491d08;
79
+ --orange-300: #5c2d0a;
80
+ --orange-400: #77370d;
81
+ --orange-500: #89301a;
82
+ --orange-600: #a73b21;
83
+ --orange-700: #bb4e33;
84
+ --orange-800: #c56551;
85
+ --orange-900: #d78673;
86
+ --grey-50: #111e2e;
87
+ --grey-100: #172639;
88
+ --grey-200: #1d2f44;
89
+ --grey-300: #213856;
90
+ --grey-400: #2d4860;
91
+ --grey-500: #3d5e78;
92
+ --grey-600: #566f8f;
93
+ --grey-700: #aabccc;
94
+ --grey-800: #d8e5ed;
95
+ --grey-900: #ffffff;
96
+ --grey-white: #0c1521;
97
+ --beige-50: #310505;
98
+ --beige-100: #330606;
99
+ --beige-200: #3b0907;
100
+ --beige-300: #450a08;
101
+ --beige-400: #4f1614;
102
+ --beige-500: #642a28;
103
+ --beige-600: #7c3d3b;
104
+ --beige-700: #945654;
105
+ --beige-800: #a57372;
106
+ --beige-900: #b69998;
107
+ --sand-50: #2f0505;
108
+ --sand-100: #311005;
109
+ --sand-200: #331906;
110
+ --sand-300: #372206;
111
+ --sand-400: #402707;
112
+ --sand-500: #4f2d09;
113
+ --sand-600: #694617;
114
+ --sand-700: #916735;
115
+ --sand-800: #a3865f;
116
+ --sand-900: #b49e7f;
117
+ --shadow-2: rgba(0, 0, 0, 0.02);
118
+ --shadow-4: rgba(0, 0, 0, 0.04);
119
+ --shadow-6: rgba(0, 0, 0, 0.06);
120
+ --shadow-8: rgba(0, 0, 0, 0.08);
121
+ --core-bg-main-primary: var(--grey-white);
122
+ --core-bg-main-secondary: var(--grey-50);
123
+ --core-bg-main-tertiary: var(--grey-100);
124
+ --core-bg-main-invert-primary: var(--grey-900);
125
+ --core-bg-main-invert-secondary: var(--grey-700);
126
+ --core-bg-main-invert-tertiary: var(--grey-400);
127
+ --core-bg-functional-disabled: var(--grey-100);
128
+ --core-bg-functional-invert-success: var(--green-50);
129
+ --core-bg-functional-invert-critical: var(--red-50);
130
+ --core-bg-functional-invert-info: var(--blue-50);
131
+ --core-bg-functional-invert-warning: var(--yellow-50);
132
+ --core-bg-specific-highlight-text: var(--green-100);
133
+ --core-bg-specific-tags-neutral: var(--grey-100);
134
+ --core-text-main-primary: var(--grey-900);
135
+ --core-text-main-secondary: var(--grey-700);
136
+ --core-text-main-tertiary: var(--grey-500);
137
+ --core-text-main-invert-primary: var(--grey-900);
138
+ --core-text-main-invert-secondary: var(--grey-100);
139
+ --core-text-main-invert-tertiary: var(--grey-200);
140
+ --core-text-functional-placeholder: var(--grey-500);
141
+ --core-text-functional-disabled: var(--grey-400);
142
+ --core-text-functional-disabled-invert: var(--grey-white);
143
+ --core-text-functional-success: var(--green-500);
144
+ --core-text-functional-critical: var(--red-500);
145
+ --core-text-functional-info: var(--blue-500);
146
+ --core-text-functional-warning: var(--yellow-500);
147
+ --core-border-main-primary: var(--grey-100);
148
+ --core-border-main-secondary: var(--grey-200);
149
+ --core-border-main-invert-primary: var(--grey-900);
150
+ --core-border-main-invert-secondary: var(--grey-800);
151
+ --core-border-functional-success: var(--green-500);
152
+ --core-border-functional-critical: var(--red-500);
153
+ --core-border-functional-info: var(--blue-500);
154
+ --core-border-functional-warning: var(--yellow-500);
155
+ --interactive-bg-primary-dark-default: var(--blue-500);
156
+ --interactive-bg-primary-dark-hover: var(--blue-600);
157
+ --interactive-bg-primary-dark-pressed: var(--blue-700);
158
+ --interactive-bg-primary-light-default: var(--grey-white);
159
+ --interactive-bg-primary-light-hover: var(--blue-100);
160
+ --interactive-bg-primary-light-pressed: var(--blue-200);
161
+ --interactive-bg-dark-default: var(--grey-900);
162
+ --interactive-bg-dark-hover: var(--grey-800);
163
+ --interactive-bg-dark-pressed: var(--grey-700);
164
+ --interactive-bg-light-default: var(--grey-white);
165
+ --interactive-bg-light-hover: var(--grey-100);
166
+ --interactive-bg-light-pressed: var(--grey-200);
167
+ --interactive-bg-white-default: var(--grey-white);
168
+ --interactive-bg-white-hover: var(--grey-50);
169
+ --interactive-bg-white-pressed: var(--grey-100);
170
+ --interactive-bg-critical-dark-default: var(--red-500);
171
+ --interactive-bg-critical-dark-hover: var(--red-600);
172
+ --interactive-bg-critical-dark-pressed: var(--red-700);
173
+ --interactive-bg-critical-light-default: var(--grey-white);
174
+ --interactive-bg-critical-light-hover: var(--red-100);
175
+ --interactive-bg-critical-light-pressed: var(--red-200);
176
+ --interactive-bg-success-dark-default: var(--green-500);
177
+ --interactive-bg-success-dark-hover: var(--green-600);
178
+ --interactive-bg-success-dark-pressed: var(--green-700);
179
+ --interactive-bg-success-light-default: var(--grey-white);
180
+ --interactive-bg-success-light-hover: var(--green-50);
181
+ --interactive-bg-success-light-pressed: var(--green-100);
182
+ --interactive-bg-warning-dark-default: var(--yellow-400);
183
+ --interactive-bg-warning-dark-hover: var(--yellow-500);
184
+ --interactive-bg-warning-dark-pressed: var(--yellow-600);
185
+ --interactive-bg-warning-light-default: var(--grey-white);
186
+ --interactive-bg-warning-light-hover: var(--yellow-100);
187
+ --interactive-bg-warning-light-pressed: var(--yellow-200);
188
+ --interactive-text-neutral-dark-default: var(--grey-800);
189
+ --interactive-text-neutral-dark-hover: var(--grey-900);
190
+ --interactive-text-neutral-dark-pressed: var(--grey-700);
191
+ --interactive-text-neutral-light-default: var(--grey-white);
192
+ --interactive-text-neutral-light-hover: var(--grey-100);
193
+ --interactive-text-neutral-light-pressed: var(--grey-200);
194
+ --interactive-text-primary-dark-default: var(--blue-500);
195
+ --interactive-text-primary-dark-hover: var(--blue-600);
196
+ --interactive-text-primary-dark-pressed: var(--blue-700);
197
+ --interactive-text-primary-light-default: var(--grey-white);
198
+ --interactive-text-primary-light-hover: var(--blue-100);
199
+ --interactive-text-primary-light-pressed: var(--blue-200);
200
+ --interactive-text-white-default: var(--grey-white);
201
+ --interactive-text-white-hover: var(--grey-50);
202
+ --interactive-text-white-pressed: var(--grey-100);
203
+ --interactive-text-critical-dark-default: var(--red-500);
204
+ --interactive-text-critical-dark-hover: var(--red-600);
205
+ --interactive-text-critical-dark-pressed: var(--red-700);
206
+ --interactive-text-critical-light-default: var(--grey-white);
207
+ --interactive-text-critical-light-hover: var(--red-100);
208
+ --interactive-text-critical-light-pressed: var(--red-200);
209
+ --interactive-text-success-dark-default: var(--green-500);
210
+ --interactive-text-success-dark-hover: var(--green-600);
211
+ --interactive-text-success-dark-pressed: var(--green-700);
212
+ --interactive-text-success-light-default: var(--grey-white);
213
+ --interactive-text-success-light-hover: var(--green-50);
214
+ --interactive-text-success-light-pressed: var(--green-100);
215
+ --interactive-text-warning-dark-default: var(--yellow-400);
216
+ --interactive-text-warning-dark-hover: var(--yellow-500);
217
+ --interactive-text-warning-dark-pressed: var(--yellow-600);
218
+ --interactive-text-warning-light-default: var(--grey-white);
219
+ --interactive-text-warning-light-hover: var(--yellow-100);
220
+ --interactive-text-warning-light-pressed: var(--yellow-200);
221
+ --interactive-border-neutral-dark-default: var(--grey-900);
222
+ --interactive-border-neutral-dark-hover: var(--grey-800);
223
+ --interactive-border-neutral-dark-pressed: var(--grey-700);
224
+ --interactive-border-neutral-light-default: var(--grey-white);
225
+ --interactive-border-neutral-light-hover: var(--grey-100);
226
+ --interactive-border-neutral-light-pressed: var(--grey-200);
227
+ --interactive-border-neutral-white-default: var(--grey-white);
228
+ --interactive-border-neutral-white-hover: var(--grey-50);
229
+ --interactive-border-neutral-white-pressed: var(--grey-100);
230
+ --interactive-border-primary-dark-default: var(--blue-500);
231
+ --interactive-border-primary-dark-hover: var(--blue-600);
232
+ --interactive-border-primary-dark-pressed: var(--blue-700);
233
+ --interactive-border-primary-light-default: var(--grey-white);
234
+ --interactive-border-primary-light-hover: var(--blue-100);
235
+ --interactive-border-primary-light-pressed: var(--blue-200);
236
+ --interactive-border-critical-dark-default: var(--red-500);
237
+ --interactive-border-critical-dark-hover: var(--red-600);
238
+ --interactive-border-critical-dark-pressed: var(--red-700);
239
+ --interactive-border-critical-light-default: var(--grey-white);
240
+ --interactive-border-critical-light-hover: var(--red-100);
241
+ --interactive-border-critical-light-pressed: var(--red-200);
242
+ --interactive-border-success-dark-default: var(--green-500);
243
+ --interactive-border-success-dark-hover: var(--green-600);
244
+ --interactive-border-success-dark-pressed: var(--green-700);
245
+ --interactive-border-success-light-default: var(--grey-white);
246
+ --interactive-border-success-light-hover: var(--green-50);
247
+ --interactive-border-success-light-pressed: var(--green-100);
248
+ --interactive-border-warning-dark-default: var(--yellow-400);
249
+ --interactive-border-warning-dark-hover: var(--yellow-500);
250
+ --interactive-border-warning-dark-pressed: var(--yellow-600);
251
+ --interactive-border-warning-light-default: var(--grey-white);
252
+ --interactive-border-warning-light-hover: var(--yellow-100);
253
+ --interactive-border-warning-light-pressed: var(--yellow-200);
254
+ }