@ikatec/nebula-tokens 0.0.1-alpha.2 → 0.0.1-alpha.20

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 (5) hide show
  1. package/dist/index.d.mts +231 -76
  2. package/dist/index.d.ts +231 -76
  3. package/dist/index.js +245 -85
  4. package/dist/index.mjs +245 -85
  5. package/package.json +10 -6
package/dist/index.d.mts CHANGED
@@ -13,6 +13,7 @@ interface Button {
13
13
  };
14
14
  secondary: {
15
15
  background: {
16
+ default: string;
16
17
  hover: string;
17
18
  active: string;
18
19
  focus: string;
@@ -52,80 +53,16 @@ interface Button {
52
53
  };
53
54
  }
54
55
  interface Badge {
55
- info: {
56
- background: {
57
- default: string;
58
- hover: string;
59
- };
60
- text: string;
61
- };
62
- "info-soft": {
63
- background: {
64
- default: string;
65
- hover: string;
66
- };
67
- text: string;
68
- };
69
- warning: {
70
- background: {
71
- default: string;
72
- hover: string;
73
- };
74
- text: string;
75
- };
76
- "warning-soft": {
77
- background: {
78
- default: string;
79
- hover: string;
80
- };
81
- text: string;
82
- };
83
- neutral: {
84
- background: {
85
- default: string;
86
- hover: string;
87
- };
88
- text: string;
89
- };
90
- "neutral-soft": {
91
- background: {
92
- default: string;
93
- hover: string;
94
- };
95
- text: string;
96
- };
97
- success: {
98
- background: {
99
- default: string;
100
- hover: string;
101
- };
102
- text: string;
103
- };
104
- "success-soft": {
105
- background: {
106
- default: string;
107
- hover: string;
108
- };
109
- text: string;
110
- };
111
- danger: {
112
- background: {
113
- default: string;
114
- hover: string;
115
- };
56
+ primary: {
57
+ background: string;
116
58
  text: string;
117
59
  };
118
- "danger-soft": {
119
- background: {
120
- default: string;
121
- hover: string;
122
- };
60
+ secondary: {
61
+ background: string;
123
62
  text: string;
124
63
  };
125
- outline: {
126
- border: {
127
- default: string;
128
- };
64
+ alert: {
65
+ background: string;
129
66
  text: string;
130
67
  };
131
68
  }
@@ -197,18 +134,223 @@ interface Label {
197
134
  active: string;
198
135
  };
199
136
  }
200
- interface Input {
201
- background: string;
137
+ interface InputText {
138
+ background: {
139
+ default: string;
140
+ disabled: string;
141
+ };
202
142
  border: {
203
143
  default: string;
204
144
  focus: string;
145
+ active: string;
146
+ danger: string;
147
+ disabled: string;
148
+ filled: string;
149
+ };
150
+ text: {
151
+ default: string;
152
+ focus: string;
153
+ active: string;
154
+ filled: string;
155
+ disabled: string;
156
+ };
157
+ icon: {
158
+ default: string;
159
+ focus: string;
160
+ active: string;
161
+ filled: string;
162
+ danger: string;
163
+ disabled: string;
164
+ };
165
+ }
166
+ interface Pagination {
167
+ text: string;
168
+ background: {
169
+ default: string;
170
+ hover: string;
171
+ disabled: string;
172
+ };
173
+ border: {
174
+ default: string;
175
+ disabled: string;
176
+ };
177
+ icon: {
178
+ disabled: string;
179
+ default: string;
205
180
  };
181
+ }
182
+ interface DropdownMenu {
183
+ background: string;
184
+ border: string;
185
+ shadow: string;
186
+ }
187
+ interface ListItem {
188
+ background: {
189
+ default: string;
190
+ hover: string;
191
+ };
192
+ border: {
193
+ default: string;
194
+ };
195
+ text: {
196
+ default: string;
197
+ header: string;
198
+ selected: string;
199
+ };
200
+ icon: {
201
+ default: string;
202
+ selected: string;
203
+ };
204
+ }
205
+ interface Tag {
206
+ border: string;
207
+ icon: string;
208
+ text: string;
209
+ background: {
210
+ hover: string;
211
+ };
212
+ colorIndicator: {
213
+ yellow: string;
214
+ blue: string;
215
+ red: string;
216
+ green: string;
217
+ gray: string;
218
+ orange: string;
219
+ };
220
+ }
221
+ interface Table {
222
+ background: string;
223
+ border: string;
224
+ header: {
225
+ background: string;
226
+ border: string;
227
+ text: string;
228
+ helper: string;
229
+ };
230
+ cell: {
231
+ background: {
232
+ 'first-layer': string;
233
+ 'second-layer': string;
234
+ };
235
+ border: string;
236
+ text: string;
237
+ link: string;
238
+ icon: string;
239
+ };
240
+ }
241
+ interface InputSelectState {
242
+ border: string;
243
+ text: string;
244
+ icon: string;
245
+ }
246
+ interface Dialog {
247
+ background: {
248
+ default: string;
249
+ overlay: string;
250
+ };
251
+ title: string;
206
252
  text: string;
207
- placeholder: string;
208
- 'helper-text': {
253
+ icon: string;
254
+ }
255
+ interface InputSelect {
256
+ default: {
257
+ background: string;
258
+ border: string;
259
+ text: string;
260
+ icon: string;
261
+ };
262
+ focus: InputSelectState;
263
+ active: InputSelectState;
264
+ filled: InputSelectState;
265
+ disabled: {
266
+ background: string;
267
+ };
268
+ }
269
+ interface Checkbox {
270
+ unselected: {
271
+ background: {
272
+ default: string;
273
+ hover: string;
274
+ focus: string;
275
+ disabled: string;
276
+ };
277
+ border: {
278
+ default: string;
279
+ hover: string;
280
+ focus: string;
281
+ disabled: string;
282
+ external: {
283
+ focus: string;
284
+ };
285
+ };
286
+ };
287
+ selected: {
288
+ background: {
289
+ default: string;
290
+ hover: string;
291
+ focus: string;
292
+ disabled: string;
293
+ };
294
+ border: {
295
+ focus: string;
296
+ };
297
+ icon: {
298
+ default: string;
299
+ disabled: string;
300
+ };
301
+ };
302
+ }
303
+ interface Drawer {
304
+ overlay: string;
305
+ header: {
306
+ background: string;
307
+ border: string;
308
+ title: string;
309
+ description: string;
310
+ };
311
+ body: {
312
+ background: string;
313
+ text: string;
314
+ };
315
+ footer: {
316
+ background: string;
317
+ label: string;
318
+ border: string;
319
+ };
320
+ }
321
+ interface Breadcrumb {
322
+ text: {
209
323
  default: string;
210
- error: string;
324
+ hover: string;
325
+ active: string;
211
326
  };
327
+ ellipsis: {
328
+ background: {
329
+ hover: string;
330
+ };
331
+ };
332
+ }
333
+ interface Switch {
334
+ background: {
335
+ off: {
336
+ default: string;
337
+ hover: string;
338
+ focus: string;
339
+ disabled: string;
340
+ };
341
+ on: {
342
+ default: string;
343
+ hover: string;
344
+ focus: string;
345
+ disabled: string;
346
+ };
347
+ };
348
+ ring: string;
349
+ circle: string;
350
+ }
351
+ interface Tooltip {
352
+ background: string;
353
+ text: string;
212
354
  }
213
355
  declare const colors: {
214
356
  primary: {
@@ -275,13 +417,26 @@ declare const colors: {
275
417
  800: string;
276
418
  900: string;
277
419
  950: string;
420
+ 1000: string;
278
421
  };
279
422
  button: Button;
280
423
  badge: Badge;
281
424
  separator: Separator;
282
425
  alert: Alert;
283
426
  label: Label;
284
- input: Input;
427
+ dropdownMenu: DropdownMenu;
428
+ pagination: Pagination;
429
+ listItem: ListItem;
430
+ tag: Tag;
431
+ table: Table;
432
+ inputSelect: InputSelect;
433
+ inputText: InputText;
434
+ dialog: Dialog;
435
+ checkbox: Checkbox;
436
+ drawer: Drawer;
437
+ breadcrumb: Breadcrumb;
438
+ switch: Switch;
439
+ tooltip: Tooltip;
285
440
  };
286
441
 
287
442
  declare const space: {
package/dist/index.d.ts CHANGED
@@ -13,6 +13,7 @@ interface Button {
13
13
  };
14
14
  secondary: {
15
15
  background: {
16
+ default: string;
16
17
  hover: string;
17
18
  active: string;
18
19
  focus: string;
@@ -52,80 +53,16 @@ interface Button {
52
53
  };
53
54
  }
54
55
  interface Badge {
55
- info: {
56
- background: {
57
- default: string;
58
- hover: string;
59
- };
60
- text: string;
61
- };
62
- "info-soft": {
63
- background: {
64
- default: string;
65
- hover: string;
66
- };
67
- text: string;
68
- };
69
- warning: {
70
- background: {
71
- default: string;
72
- hover: string;
73
- };
74
- text: string;
75
- };
76
- "warning-soft": {
77
- background: {
78
- default: string;
79
- hover: string;
80
- };
81
- text: string;
82
- };
83
- neutral: {
84
- background: {
85
- default: string;
86
- hover: string;
87
- };
88
- text: string;
89
- };
90
- "neutral-soft": {
91
- background: {
92
- default: string;
93
- hover: string;
94
- };
95
- text: string;
96
- };
97
- success: {
98
- background: {
99
- default: string;
100
- hover: string;
101
- };
102
- text: string;
103
- };
104
- "success-soft": {
105
- background: {
106
- default: string;
107
- hover: string;
108
- };
109
- text: string;
110
- };
111
- danger: {
112
- background: {
113
- default: string;
114
- hover: string;
115
- };
56
+ primary: {
57
+ background: string;
116
58
  text: string;
117
59
  };
118
- "danger-soft": {
119
- background: {
120
- default: string;
121
- hover: string;
122
- };
60
+ secondary: {
61
+ background: string;
123
62
  text: string;
124
63
  };
125
- outline: {
126
- border: {
127
- default: string;
128
- };
64
+ alert: {
65
+ background: string;
129
66
  text: string;
130
67
  };
131
68
  }
@@ -197,18 +134,223 @@ interface Label {
197
134
  active: string;
198
135
  };
199
136
  }
200
- interface Input {
201
- background: string;
137
+ interface InputText {
138
+ background: {
139
+ default: string;
140
+ disabled: string;
141
+ };
202
142
  border: {
203
143
  default: string;
204
144
  focus: string;
145
+ active: string;
146
+ danger: string;
147
+ disabled: string;
148
+ filled: string;
149
+ };
150
+ text: {
151
+ default: string;
152
+ focus: string;
153
+ active: string;
154
+ filled: string;
155
+ disabled: string;
156
+ };
157
+ icon: {
158
+ default: string;
159
+ focus: string;
160
+ active: string;
161
+ filled: string;
162
+ danger: string;
163
+ disabled: string;
164
+ };
165
+ }
166
+ interface Pagination {
167
+ text: string;
168
+ background: {
169
+ default: string;
170
+ hover: string;
171
+ disabled: string;
172
+ };
173
+ border: {
174
+ default: string;
175
+ disabled: string;
176
+ };
177
+ icon: {
178
+ disabled: string;
179
+ default: string;
205
180
  };
181
+ }
182
+ interface DropdownMenu {
183
+ background: string;
184
+ border: string;
185
+ shadow: string;
186
+ }
187
+ interface ListItem {
188
+ background: {
189
+ default: string;
190
+ hover: string;
191
+ };
192
+ border: {
193
+ default: string;
194
+ };
195
+ text: {
196
+ default: string;
197
+ header: string;
198
+ selected: string;
199
+ };
200
+ icon: {
201
+ default: string;
202
+ selected: string;
203
+ };
204
+ }
205
+ interface Tag {
206
+ border: string;
207
+ icon: string;
208
+ text: string;
209
+ background: {
210
+ hover: string;
211
+ };
212
+ colorIndicator: {
213
+ yellow: string;
214
+ blue: string;
215
+ red: string;
216
+ green: string;
217
+ gray: string;
218
+ orange: string;
219
+ };
220
+ }
221
+ interface Table {
222
+ background: string;
223
+ border: string;
224
+ header: {
225
+ background: string;
226
+ border: string;
227
+ text: string;
228
+ helper: string;
229
+ };
230
+ cell: {
231
+ background: {
232
+ 'first-layer': string;
233
+ 'second-layer': string;
234
+ };
235
+ border: string;
236
+ text: string;
237
+ link: string;
238
+ icon: string;
239
+ };
240
+ }
241
+ interface InputSelectState {
242
+ border: string;
243
+ text: string;
244
+ icon: string;
245
+ }
246
+ interface Dialog {
247
+ background: {
248
+ default: string;
249
+ overlay: string;
250
+ };
251
+ title: string;
206
252
  text: string;
207
- placeholder: string;
208
- 'helper-text': {
253
+ icon: string;
254
+ }
255
+ interface InputSelect {
256
+ default: {
257
+ background: string;
258
+ border: string;
259
+ text: string;
260
+ icon: string;
261
+ };
262
+ focus: InputSelectState;
263
+ active: InputSelectState;
264
+ filled: InputSelectState;
265
+ disabled: {
266
+ background: string;
267
+ };
268
+ }
269
+ interface Checkbox {
270
+ unselected: {
271
+ background: {
272
+ default: string;
273
+ hover: string;
274
+ focus: string;
275
+ disabled: string;
276
+ };
277
+ border: {
278
+ default: string;
279
+ hover: string;
280
+ focus: string;
281
+ disabled: string;
282
+ external: {
283
+ focus: string;
284
+ };
285
+ };
286
+ };
287
+ selected: {
288
+ background: {
289
+ default: string;
290
+ hover: string;
291
+ focus: string;
292
+ disabled: string;
293
+ };
294
+ border: {
295
+ focus: string;
296
+ };
297
+ icon: {
298
+ default: string;
299
+ disabled: string;
300
+ };
301
+ };
302
+ }
303
+ interface Drawer {
304
+ overlay: string;
305
+ header: {
306
+ background: string;
307
+ border: string;
308
+ title: string;
309
+ description: string;
310
+ };
311
+ body: {
312
+ background: string;
313
+ text: string;
314
+ };
315
+ footer: {
316
+ background: string;
317
+ label: string;
318
+ border: string;
319
+ };
320
+ }
321
+ interface Breadcrumb {
322
+ text: {
209
323
  default: string;
210
- error: string;
324
+ hover: string;
325
+ active: string;
211
326
  };
327
+ ellipsis: {
328
+ background: {
329
+ hover: string;
330
+ };
331
+ };
332
+ }
333
+ interface Switch {
334
+ background: {
335
+ off: {
336
+ default: string;
337
+ hover: string;
338
+ focus: string;
339
+ disabled: string;
340
+ };
341
+ on: {
342
+ default: string;
343
+ hover: string;
344
+ focus: string;
345
+ disabled: string;
346
+ };
347
+ };
348
+ ring: string;
349
+ circle: string;
350
+ }
351
+ interface Tooltip {
352
+ background: string;
353
+ text: string;
212
354
  }
213
355
  declare const colors: {
214
356
  primary: {
@@ -275,13 +417,26 @@ declare const colors: {
275
417
  800: string;
276
418
  900: string;
277
419
  950: string;
420
+ 1000: string;
278
421
  };
279
422
  button: Button;
280
423
  badge: Badge;
281
424
  separator: Separator;
282
425
  alert: Alert;
283
426
  label: Label;
284
- input: Input;
427
+ dropdownMenu: DropdownMenu;
428
+ pagination: Pagination;
429
+ listItem: ListItem;
430
+ tag: Tag;
431
+ table: Table;
432
+ inputSelect: InputSelect;
433
+ inputText: InputText;
434
+ dialog: Dialog;
435
+ checkbox: Checkbox;
436
+ drawer: Drawer;
437
+ breadcrumb: Breadcrumb;
438
+ switch: Switch;
439
+ tooltip: Tooltip;
285
440
  };
286
441
 
287
442
  declare const space: {