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

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/index.d.mts CHANGED
@@ -59,7 +59,7 @@ interface Badge {
59
59
  };
60
60
  text: string;
61
61
  };
62
- "info-soft": {
62
+ 'info-soft': {
63
63
  background: {
64
64
  default: string;
65
65
  hover: string;
@@ -73,7 +73,7 @@ interface Badge {
73
73
  };
74
74
  text: string;
75
75
  };
76
- "warning-soft": {
76
+ 'warning-soft': {
77
77
  background: {
78
78
  default: string;
79
79
  hover: string;
@@ -87,7 +87,7 @@ interface Badge {
87
87
  };
88
88
  text: string;
89
89
  };
90
- "neutral-soft": {
90
+ 'neutral-soft': {
91
91
  background: {
92
92
  default: string;
93
93
  hover: string;
@@ -101,7 +101,7 @@ interface Badge {
101
101
  };
102
102
  text: string;
103
103
  };
104
- "success-soft": {
104
+ 'success-soft': {
105
105
  background: {
106
106
  default: string;
107
107
  hover: string;
@@ -115,7 +115,7 @@ interface Badge {
115
115
  };
116
116
  text: string;
117
117
  };
118
- "danger-soft": {
118
+ 'danger-soft': {
119
119
  background: {
120
120
  default: string;
121
121
  hover: string;
@@ -210,6 +210,115 @@ interface Input {
210
210
  error: string;
211
211
  };
212
212
  }
213
+ interface Pagination {
214
+ text: string;
215
+ background: {
216
+ default: string;
217
+ hover: string;
218
+ disabled: string;
219
+ };
220
+ border: {
221
+ default: string;
222
+ disabled: string;
223
+ };
224
+ icon: {
225
+ disabled: string;
226
+ default: string;
227
+ };
228
+ }
229
+ interface DropdownMenu {
230
+ background: string;
231
+ border: string;
232
+ shadow: string;
233
+ }
234
+ interface ListItem {
235
+ background: {
236
+ default: string;
237
+ hover: string;
238
+ };
239
+ border: {
240
+ default: string;
241
+ };
242
+ text: {
243
+ default: string;
244
+ header: string;
245
+ selected: string;
246
+ };
247
+ icon: {
248
+ default: string;
249
+ selected: string;
250
+ };
251
+ }
252
+ interface Tag {
253
+ border: string;
254
+ icon: string;
255
+ text: string;
256
+ background: {
257
+ hover: string;
258
+ };
259
+ colorIndicator: {
260
+ yellow: string;
261
+ blue: string;
262
+ red: string;
263
+ green: string;
264
+ gray: string;
265
+ orange: string;
266
+ };
267
+ }
268
+ interface Table {
269
+ background: string;
270
+ border: string;
271
+ header: {
272
+ background: string;
273
+ border: string;
274
+ text: string;
275
+ helper: string;
276
+ };
277
+ cell: {
278
+ background: {
279
+ 'first-layer': string;
280
+ 'second-layer': string;
281
+ };
282
+ border: string;
283
+ text: string;
284
+ link: string;
285
+ icon: string;
286
+ };
287
+ }
288
+ interface Checkbox {
289
+ unselected: {
290
+ background: {
291
+ default: string;
292
+ hover: string;
293
+ focus: string;
294
+ disabled: string;
295
+ };
296
+ border: {
297
+ default: string;
298
+ hover: string;
299
+ focus: string;
300
+ disabled: string;
301
+ external: {
302
+ focus: string;
303
+ };
304
+ };
305
+ };
306
+ selected: {
307
+ background: {
308
+ default: string;
309
+ hover: string;
310
+ focus: string;
311
+ disabled: string;
312
+ };
313
+ border: {
314
+ focus: string;
315
+ };
316
+ icon: {
317
+ default: string;
318
+ disabled: string;
319
+ };
320
+ };
321
+ }
213
322
  declare const colors: {
214
323
  primary: {
215
324
  50: string;
@@ -282,6 +391,12 @@ declare const colors: {
282
391
  alert: Alert;
283
392
  label: Label;
284
393
  input: Input;
394
+ dropdownMenu: DropdownMenu;
395
+ pagination: Pagination;
396
+ listItem: ListItem;
397
+ tag: Tag;
398
+ table: Table;
399
+ checkbox: Checkbox;
285
400
  };
286
401
 
287
402
  declare const space: {
package/dist/index.d.ts CHANGED
@@ -59,7 +59,7 @@ interface Badge {
59
59
  };
60
60
  text: string;
61
61
  };
62
- "info-soft": {
62
+ 'info-soft': {
63
63
  background: {
64
64
  default: string;
65
65
  hover: string;
@@ -73,7 +73,7 @@ interface Badge {
73
73
  };
74
74
  text: string;
75
75
  };
76
- "warning-soft": {
76
+ 'warning-soft': {
77
77
  background: {
78
78
  default: string;
79
79
  hover: string;
@@ -87,7 +87,7 @@ interface Badge {
87
87
  };
88
88
  text: string;
89
89
  };
90
- "neutral-soft": {
90
+ 'neutral-soft': {
91
91
  background: {
92
92
  default: string;
93
93
  hover: string;
@@ -101,7 +101,7 @@ interface Badge {
101
101
  };
102
102
  text: string;
103
103
  };
104
- "success-soft": {
104
+ 'success-soft': {
105
105
  background: {
106
106
  default: string;
107
107
  hover: string;
@@ -115,7 +115,7 @@ interface Badge {
115
115
  };
116
116
  text: string;
117
117
  };
118
- "danger-soft": {
118
+ 'danger-soft': {
119
119
  background: {
120
120
  default: string;
121
121
  hover: string;
@@ -210,6 +210,115 @@ interface Input {
210
210
  error: string;
211
211
  };
212
212
  }
213
+ interface Pagination {
214
+ text: string;
215
+ background: {
216
+ default: string;
217
+ hover: string;
218
+ disabled: string;
219
+ };
220
+ border: {
221
+ default: string;
222
+ disabled: string;
223
+ };
224
+ icon: {
225
+ disabled: string;
226
+ default: string;
227
+ };
228
+ }
229
+ interface DropdownMenu {
230
+ background: string;
231
+ border: string;
232
+ shadow: string;
233
+ }
234
+ interface ListItem {
235
+ background: {
236
+ default: string;
237
+ hover: string;
238
+ };
239
+ border: {
240
+ default: string;
241
+ };
242
+ text: {
243
+ default: string;
244
+ header: string;
245
+ selected: string;
246
+ };
247
+ icon: {
248
+ default: string;
249
+ selected: string;
250
+ };
251
+ }
252
+ interface Tag {
253
+ border: string;
254
+ icon: string;
255
+ text: string;
256
+ background: {
257
+ hover: string;
258
+ };
259
+ colorIndicator: {
260
+ yellow: string;
261
+ blue: string;
262
+ red: string;
263
+ green: string;
264
+ gray: string;
265
+ orange: string;
266
+ };
267
+ }
268
+ interface Table {
269
+ background: string;
270
+ border: string;
271
+ header: {
272
+ background: string;
273
+ border: string;
274
+ text: string;
275
+ helper: string;
276
+ };
277
+ cell: {
278
+ background: {
279
+ 'first-layer': string;
280
+ 'second-layer': string;
281
+ };
282
+ border: string;
283
+ text: string;
284
+ link: string;
285
+ icon: string;
286
+ };
287
+ }
288
+ interface Checkbox {
289
+ unselected: {
290
+ background: {
291
+ default: string;
292
+ hover: string;
293
+ focus: string;
294
+ disabled: string;
295
+ };
296
+ border: {
297
+ default: string;
298
+ hover: string;
299
+ focus: string;
300
+ disabled: string;
301
+ external: {
302
+ focus: string;
303
+ };
304
+ };
305
+ };
306
+ selected: {
307
+ background: {
308
+ default: string;
309
+ hover: string;
310
+ focus: string;
311
+ disabled: string;
312
+ };
313
+ border: {
314
+ focus: string;
315
+ };
316
+ icon: {
317
+ default: string;
318
+ disabled: string;
319
+ };
320
+ };
321
+ }
213
322
  declare const colors: {
214
323
  primary: {
215
324
  50: string;
@@ -282,6 +391,12 @@ declare const colors: {
282
391
  alert: Alert;
283
392
  label: Label;
284
393
  input: Input;
394
+ dropdownMenu: DropdownMenu;
395
+ pagination: Pagination;
396
+ listItem: ListItem;
397
+ tag: Tag;
398
+ table: Table;
399
+ checkbox: Checkbox;
285
400
  };
286
401
 
287
402
  declare const space: {
package/dist/index.js CHANGED
@@ -243,6 +243,115 @@ var input = {
243
243
  error: "var(--input-helper-text-error)"
244
244
  }
245
245
  };
246
+ var dropdownMenu = {
247
+ background: "var(--dropdown-background)",
248
+ border: "var(--dropdown-border)",
249
+ shadow: "var(--dropdown-shadow)"
250
+ };
251
+ var pagination = {
252
+ text: "var(--pagination-text)",
253
+ background: {
254
+ default: "var(--pagination-background-default)",
255
+ hover: "var(--pagination-background-hover)",
256
+ disabled: "var(--pagination-background-disabled)"
257
+ },
258
+ border: {
259
+ default: "var(--pagination-border-default)",
260
+ disabled: "var(--pagination-border-disabled)"
261
+ },
262
+ icon: {
263
+ disabled: "var(--pagination-icon-disabled)",
264
+ default: "var(--pagination-icon-default)"
265
+ }
266
+ };
267
+ var listItem = {
268
+ background: {
269
+ default: "var(--listItem-background)",
270
+ hover: "var(--listItem-background-hover)"
271
+ },
272
+ border: {
273
+ default: "var(--listItem-border)"
274
+ },
275
+ text: {
276
+ default: "var(--listItem-text)",
277
+ header: "var(--listItem-text-header)",
278
+ selected: "var(--listItem-text-selected)"
279
+ },
280
+ icon: {
281
+ default: "var(--listItem-icon)",
282
+ selected: "var(--listItem-icon-selected)"
283
+ }
284
+ };
285
+ var tag = {
286
+ border: "var(--tag-border)",
287
+ icon: "var(--tag-icon)",
288
+ text: "var(--tag-text)",
289
+ background: {
290
+ hover: "var(--tag-background-hover)"
291
+ },
292
+ colorIndicator: {
293
+ yellow: "var(--tag-colorIndicator-yellow)",
294
+ blue: "var(--tag-colorIndicator-blue)",
295
+ red: "var(--tag-colorIndicator-red)",
296
+ green: "var(--tag-colorIndicator-green)",
297
+ gray: "var(--tag-colorIndicator-gray)",
298
+ orange: "var(--tag-colorIndicator-orange)"
299
+ }
300
+ };
301
+ var table = {
302
+ background: "var(--table-background)",
303
+ border: "var(--table-border)",
304
+ header: {
305
+ background: "var(--table-header-background)",
306
+ border: "var(--table-header-border)",
307
+ text: "var(--table-header-text)",
308
+ helper: "var(--table-header-helper)"
309
+ },
310
+ cell: {
311
+ background: {
312
+ "first-layer": "var(--table-cell-background-first-layer)",
313
+ "second-layer": "var(--table-cell-background-second-layer)"
314
+ },
315
+ border: "var(--table-cell-border)",
316
+ text: "var(--table-cell-text)",
317
+ link: "var(--table-cell-link)",
318
+ icon: "var(--table-cell-icon)"
319
+ }
320
+ };
321
+ var checkbox = {
322
+ unselected: {
323
+ background: {
324
+ default: "var(--checkbox-unselected-background-default)",
325
+ hover: "var(--checkbox-unselected-background-hover)",
326
+ focus: "var(--checkbox-unselected-background-focus)",
327
+ disabled: "var(--checkbox-unselected-background-disabled)"
328
+ },
329
+ border: {
330
+ default: "var(--checkbox-unselected-border-default)",
331
+ hover: "var(--checkbox-unselected-border-hover)",
332
+ focus: "var(--checkbox-unselected-border-focus)",
333
+ disabled: "var(--checkbox-unselected-border-disabled)",
334
+ external: {
335
+ focus: "var(--checkbox-unselected-border-external-focus)"
336
+ }
337
+ }
338
+ },
339
+ selected: {
340
+ background: {
341
+ default: "var(--checkbox-selected-background-default)",
342
+ hover: "var(--checkbox-selected-background-hover)",
343
+ focus: "var(--checkbox-selected-background-focus)",
344
+ disabled: "var(--checkbox-selected-background-disabled)"
345
+ },
346
+ border: {
347
+ focus: "var(--checkbox-selected-border-focus)"
348
+ },
349
+ icon: {
350
+ default: "var(--checkbox-selected-icon-default)",
351
+ disabled: "var(--checkbox-selected-icon-disabled)"
352
+ }
353
+ }
354
+ };
246
355
  var colors = {
247
356
  primary: {
248
357
  50: "var(--primary-50)",
@@ -314,7 +423,13 @@ var colors = {
314
423
  separator,
315
424
  alert,
316
425
  label,
317
- input
426
+ input,
427
+ dropdownMenu,
428
+ pagination,
429
+ listItem,
430
+ tag,
431
+ table,
432
+ checkbox
318
433
  };
319
434
 
320
435
  // src/space.ts
package/dist/index.mjs CHANGED
@@ -211,6 +211,115 @@ var input = {
211
211
  error: "var(--input-helper-text-error)"
212
212
  }
213
213
  };
214
+ var dropdownMenu = {
215
+ background: "var(--dropdown-background)",
216
+ border: "var(--dropdown-border)",
217
+ shadow: "var(--dropdown-shadow)"
218
+ };
219
+ var pagination = {
220
+ text: "var(--pagination-text)",
221
+ background: {
222
+ default: "var(--pagination-background-default)",
223
+ hover: "var(--pagination-background-hover)",
224
+ disabled: "var(--pagination-background-disabled)"
225
+ },
226
+ border: {
227
+ default: "var(--pagination-border-default)",
228
+ disabled: "var(--pagination-border-disabled)"
229
+ },
230
+ icon: {
231
+ disabled: "var(--pagination-icon-disabled)",
232
+ default: "var(--pagination-icon-default)"
233
+ }
234
+ };
235
+ var listItem = {
236
+ background: {
237
+ default: "var(--listItem-background)",
238
+ hover: "var(--listItem-background-hover)"
239
+ },
240
+ border: {
241
+ default: "var(--listItem-border)"
242
+ },
243
+ text: {
244
+ default: "var(--listItem-text)",
245
+ header: "var(--listItem-text-header)",
246
+ selected: "var(--listItem-text-selected)"
247
+ },
248
+ icon: {
249
+ default: "var(--listItem-icon)",
250
+ selected: "var(--listItem-icon-selected)"
251
+ }
252
+ };
253
+ var tag = {
254
+ border: "var(--tag-border)",
255
+ icon: "var(--tag-icon)",
256
+ text: "var(--tag-text)",
257
+ background: {
258
+ hover: "var(--tag-background-hover)"
259
+ },
260
+ colorIndicator: {
261
+ yellow: "var(--tag-colorIndicator-yellow)",
262
+ blue: "var(--tag-colorIndicator-blue)",
263
+ red: "var(--tag-colorIndicator-red)",
264
+ green: "var(--tag-colorIndicator-green)",
265
+ gray: "var(--tag-colorIndicator-gray)",
266
+ orange: "var(--tag-colorIndicator-orange)"
267
+ }
268
+ };
269
+ var table = {
270
+ background: "var(--table-background)",
271
+ border: "var(--table-border)",
272
+ header: {
273
+ background: "var(--table-header-background)",
274
+ border: "var(--table-header-border)",
275
+ text: "var(--table-header-text)",
276
+ helper: "var(--table-header-helper)"
277
+ },
278
+ cell: {
279
+ background: {
280
+ "first-layer": "var(--table-cell-background-first-layer)",
281
+ "second-layer": "var(--table-cell-background-second-layer)"
282
+ },
283
+ border: "var(--table-cell-border)",
284
+ text: "var(--table-cell-text)",
285
+ link: "var(--table-cell-link)",
286
+ icon: "var(--table-cell-icon)"
287
+ }
288
+ };
289
+ var checkbox = {
290
+ unselected: {
291
+ background: {
292
+ default: "var(--checkbox-unselected-background-default)",
293
+ hover: "var(--checkbox-unselected-background-hover)",
294
+ focus: "var(--checkbox-unselected-background-focus)",
295
+ disabled: "var(--checkbox-unselected-background-disabled)"
296
+ },
297
+ border: {
298
+ default: "var(--checkbox-unselected-border-default)",
299
+ hover: "var(--checkbox-unselected-border-hover)",
300
+ focus: "var(--checkbox-unselected-border-focus)",
301
+ disabled: "var(--checkbox-unselected-border-disabled)",
302
+ external: {
303
+ focus: "var(--checkbox-unselected-border-external-focus)"
304
+ }
305
+ }
306
+ },
307
+ selected: {
308
+ background: {
309
+ default: "var(--checkbox-selected-background-default)",
310
+ hover: "var(--checkbox-selected-background-hover)",
311
+ focus: "var(--checkbox-selected-background-focus)",
312
+ disabled: "var(--checkbox-selected-background-disabled)"
313
+ },
314
+ border: {
315
+ focus: "var(--checkbox-selected-border-focus)"
316
+ },
317
+ icon: {
318
+ default: "var(--checkbox-selected-icon-default)",
319
+ disabled: "var(--checkbox-selected-icon-disabled)"
320
+ }
321
+ }
322
+ };
214
323
  var colors = {
215
324
  primary: {
216
325
  50: "var(--primary-50)",
@@ -282,7 +391,13 @@ var colors = {
282
391
  separator,
283
392
  alert,
284
393
  label,
285
- input
394
+ input,
395
+ dropdownMenu,
396
+ pagination,
397
+ listItem,
398
+ tag,
399
+ table,
400
+ checkbox
286
401
  };
287
402
 
288
403
  // src/space.ts
package/package.json CHANGED
@@ -1,27 +1,31 @@
1
1
  {
2
2
  "name": "@ikatec/nebula-tokens",
3
- "version": "0.0.1-alpha.2",
3
+ "version": "0.0.1-alpha.6",
4
4
  "description": "Design tokens",
5
5
  "publishConfig": {
6
6
  "access": "public"
7
7
  },
8
8
  "types": "./dist/index.d.ts",
9
- "main": "./dist/index.js",
9
+ "main": "./dist/index.mjs",
10
10
  "module": "./dist/index.mjs",
11
11
  "files": [
12
12
  "dist"
13
13
  ],
14
14
  "scripts": {
15
- "build": "tsup src/index.ts --format esm,cjs --dts",
15
+ "build": "tsup src/index.ts --format esm --dts",
16
16
  "dev": "tsup src/index.ts --format esm,cjs --dts --watch",
17
- "lint": "eslint src/**/*.ts* --fix"
17
+ "lint": "eslint ./src --ext .ts,.tsx,.js,.jsx",
18
+ "lint:staged": "npx lint-staged",
19
+ "lint:fix": "eslint ./src --ext .ts,.tsx,.js,.jsx --fix"
18
20
  },
19
21
  "keywords": [],
20
22
  "author": "",
21
23
  "license": "MIT",
22
24
  "devDependencies": {
23
- "@nebula-ds/typescript-config": "*",
24
- "@nebula-ds/eslint-config": "*",
25
+ "@eslint/eslintrc": "^3.3.1",
26
+ "@eslint/js": "^9.24.0",
27
+ "@ikatec/eslint-config": "*",
28
+ "@ikatec/typescript-config": "*",
25
29
  "tsup": "^8.3.5",
26
30
  "typescript": "^5.7.2"
27
31
  }