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

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 +35 -7
  2. package/dist/index.d.ts +35 -7
  3. package/dist/index.js +40 -12
  4. package/dist/index.mjs +40 -12
  5. package/package.json +1 -1
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;
@@ -197,17 +198,33 @@ interface Label {
197
198
  active: string;
198
199
  };
199
200
  }
200
- interface Input {
201
- background: string;
201
+ interface InputText {
202
+ background: {
203
+ default: string;
204
+ disabled: string;
205
+ };
202
206
  border: {
203
207
  default: string;
204
208
  focus: string;
209
+ active: string;
210
+ danger: string;
211
+ disabled: string;
212
+ filled: string;
205
213
  };
206
- text: string;
207
- placeholder: string;
208
- 'helper-text': {
214
+ text: {
209
215
  default: string;
210
- error: string;
216
+ focus: string;
217
+ active: string;
218
+ filled: string;
219
+ disabled: string;
220
+ };
221
+ icon: {
222
+ default: string;
223
+ focus: string;
224
+ active: string;
225
+ filled: string;
226
+ danger: string;
227
+ disabled: string;
211
228
  };
212
229
  }
213
230
  interface Pagination {
@@ -285,6 +302,15 @@ interface Table {
285
302
  icon: string;
286
303
  };
287
304
  }
305
+ interface Dialog {
306
+ background: {
307
+ default: string;
308
+ overlay: string;
309
+ };
310
+ title: string;
311
+ text: string;
312
+ icon: string;
313
+ }
288
314
  interface Checkbox {
289
315
  unselected: {
290
316
  background: {
@@ -384,18 +410,20 @@ declare const colors: {
384
410
  800: string;
385
411
  900: string;
386
412
  950: string;
413
+ 1000: string;
387
414
  };
388
415
  button: Button;
389
416
  badge: Badge;
390
417
  separator: Separator;
391
418
  alert: Alert;
392
419
  label: Label;
393
- input: Input;
394
420
  dropdownMenu: DropdownMenu;
395
421
  pagination: Pagination;
396
422
  listItem: ListItem;
397
423
  tag: Tag;
398
424
  table: Table;
425
+ inputText: InputText;
426
+ dialog: Dialog;
399
427
  checkbox: Checkbox;
400
428
  };
401
429
 
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;
@@ -197,17 +198,33 @@ interface Label {
197
198
  active: string;
198
199
  };
199
200
  }
200
- interface Input {
201
- background: string;
201
+ interface InputText {
202
+ background: {
203
+ default: string;
204
+ disabled: string;
205
+ };
202
206
  border: {
203
207
  default: string;
204
208
  focus: string;
209
+ active: string;
210
+ danger: string;
211
+ disabled: string;
212
+ filled: string;
205
213
  };
206
- text: string;
207
- placeholder: string;
208
- 'helper-text': {
214
+ text: {
209
215
  default: string;
210
- error: string;
216
+ focus: string;
217
+ active: string;
218
+ filled: string;
219
+ disabled: string;
220
+ };
221
+ icon: {
222
+ default: string;
223
+ focus: string;
224
+ active: string;
225
+ filled: string;
226
+ danger: string;
227
+ disabled: string;
211
228
  };
212
229
  }
213
230
  interface Pagination {
@@ -285,6 +302,15 @@ interface Table {
285
302
  icon: string;
286
303
  };
287
304
  }
305
+ interface Dialog {
306
+ background: {
307
+ default: string;
308
+ overlay: string;
309
+ };
310
+ title: string;
311
+ text: string;
312
+ icon: string;
313
+ }
288
314
  interface Checkbox {
289
315
  unselected: {
290
316
  background: {
@@ -384,18 +410,20 @@ declare const colors: {
384
410
  800: string;
385
411
  900: string;
386
412
  950: string;
413
+ 1000: string;
387
414
  };
388
415
  button: Button;
389
416
  badge: Badge;
390
417
  separator: Separator;
391
418
  alert: Alert;
392
419
  label: Label;
393
- input: Input;
394
420
  dropdownMenu: DropdownMenu;
395
421
  pagination: Pagination;
396
422
  listItem: ListItem;
397
423
  tag: Tag;
398
424
  table: Table;
425
+ inputText: InputText;
426
+ dialog: Dialog;
399
427
  checkbox: Checkbox;
400
428
  };
401
429
 
package/dist/index.js CHANGED
@@ -46,6 +46,7 @@ var button = {
46
46
  },
47
47
  secondary: {
48
48
  background: {
49
+ default: "var(--button-secondary-background-default)",
49
50
  hover: "var(--button-secondary-background-hover)",
50
51
  active: "var(--button-secondary-background-active)",
51
52
  focus: "var(--button-secondary-background-focus)"
@@ -230,17 +231,33 @@ var label = {
230
231
  active: "var(--label-text-active)"
231
232
  }
232
233
  };
233
- var input = {
234
- background: "var(--input-background)",
234
+ var inputText = {
235
+ background: {
236
+ default: "var(--inputText-background-default)",
237
+ disabled: "var(--inputText-background-disabled)"
238
+ },
235
239
  border: {
236
- default: "var(--input-border-default)",
237
- focus: "var(--input-border-focus)"
238
- },
239
- text: "var(--input-text)",
240
- placeholder: "var(--input-placeholder)",
241
- "helper-text": {
242
- default: "var(--input-helper-text-default)",
243
- error: "var(--input-helper-text-error)"
240
+ default: "var(--inputText-border-default)",
241
+ focus: "var(--inputText-border-focus)",
242
+ active: "var(--inputText-border-active)",
243
+ danger: "var(--inputText-border-danger)",
244
+ disabled: "var(--inputText-border-disabled)",
245
+ filled: "var(--inputText-border-filled)"
246
+ },
247
+ text: {
248
+ default: "var(--inputText-text-default)",
249
+ focus: "var(--inputText-text-focus)",
250
+ active: "var(--inputText-text-active)",
251
+ filled: "var(--inputText-text-filled)",
252
+ disabled: "var(--inputText-text-disabled)"
253
+ },
254
+ icon: {
255
+ default: "var(--inputText-icon-default)",
256
+ focus: "var(--inputText-icon-focus)",
257
+ active: "var(--inputText-icon-active)",
258
+ filled: "var(--inputText-icon-filled)",
259
+ danger: "var(--inputText-icon-danger)",
260
+ disabled: "var(--inputText-icon-disabled)"
244
261
  }
245
262
  };
246
263
  var dropdownMenu = {
@@ -318,6 +335,15 @@ var table = {
318
335
  icon: "var(--table-cell-icon)"
319
336
  }
320
337
  };
338
+ var dialog = {
339
+ background: {
340
+ default: "var(--dialog-background-default)",
341
+ overlay: "var(--dialog-background-overlay)"
342
+ },
343
+ title: "var(--dialog-title)",
344
+ text: "var(--dialog-text)",
345
+ icon: "var(--dialog-icon)"
346
+ };
321
347
  var checkbox = {
322
348
  unselected: {
323
349
  background: {
@@ -416,19 +442,21 @@ var colors = {
416
442
  700: "var(--neutral-700)",
417
443
  800: "var(--neutral-800)",
418
444
  900: "var(--neutral-900)",
419
- 950: "var(--neutral-950)"
445
+ 950: "var(--neutral-950)",
446
+ 1e3: "var(--neutral-1000)"
420
447
  },
421
448
  button,
422
449
  badge,
423
450
  separator,
424
451
  alert,
425
452
  label,
426
- input,
427
453
  dropdownMenu,
428
454
  pagination,
429
455
  listItem,
430
456
  tag,
431
457
  table,
458
+ inputText,
459
+ dialog,
432
460
  checkbox
433
461
  };
434
462
 
package/dist/index.mjs CHANGED
@@ -14,6 +14,7 @@ var button = {
14
14
  },
15
15
  secondary: {
16
16
  background: {
17
+ default: "var(--button-secondary-background-default)",
17
18
  hover: "var(--button-secondary-background-hover)",
18
19
  active: "var(--button-secondary-background-active)",
19
20
  focus: "var(--button-secondary-background-focus)"
@@ -198,17 +199,33 @@ var label = {
198
199
  active: "var(--label-text-active)"
199
200
  }
200
201
  };
201
- var input = {
202
- background: "var(--input-background)",
202
+ var inputText = {
203
+ background: {
204
+ default: "var(--inputText-background-default)",
205
+ disabled: "var(--inputText-background-disabled)"
206
+ },
203
207
  border: {
204
- default: "var(--input-border-default)",
205
- focus: "var(--input-border-focus)"
206
- },
207
- text: "var(--input-text)",
208
- placeholder: "var(--input-placeholder)",
209
- "helper-text": {
210
- default: "var(--input-helper-text-default)",
211
- error: "var(--input-helper-text-error)"
208
+ default: "var(--inputText-border-default)",
209
+ focus: "var(--inputText-border-focus)",
210
+ active: "var(--inputText-border-active)",
211
+ danger: "var(--inputText-border-danger)",
212
+ disabled: "var(--inputText-border-disabled)",
213
+ filled: "var(--inputText-border-filled)"
214
+ },
215
+ text: {
216
+ default: "var(--inputText-text-default)",
217
+ focus: "var(--inputText-text-focus)",
218
+ active: "var(--inputText-text-active)",
219
+ filled: "var(--inputText-text-filled)",
220
+ disabled: "var(--inputText-text-disabled)"
221
+ },
222
+ icon: {
223
+ default: "var(--inputText-icon-default)",
224
+ focus: "var(--inputText-icon-focus)",
225
+ active: "var(--inputText-icon-active)",
226
+ filled: "var(--inputText-icon-filled)",
227
+ danger: "var(--inputText-icon-danger)",
228
+ disabled: "var(--inputText-icon-disabled)"
212
229
  }
213
230
  };
214
231
  var dropdownMenu = {
@@ -286,6 +303,15 @@ var table = {
286
303
  icon: "var(--table-cell-icon)"
287
304
  }
288
305
  };
306
+ var dialog = {
307
+ background: {
308
+ default: "var(--dialog-background-default)",
309
+ overlay: "var(--dialog-background-overlay)"
310
+ },
311
+ title: "var(--dialog-title)",
312
+ text: "var(--dialog-text)",
313
+ icon: "var(--dialog-icon)"
314
+ };
289
315
  var checkbox = {
290
316
  unselected: {
291
317
  background: {
@@ -384,19 +410,21 @@ var colors = {
384
410
  700: "var(--neutral-700)",
385
411
  800: "var(--neutral-800)",
386
412
  900: "var(--neutral-900)",
387
- 950: "var(--neutral-950)"
413
+ 950: "var(--neutral-950)",
414
+ 1e3: "var(--neutral-1000)"
388
415
  },
389
416
  button,
390
417
  badge,
391
418
  separator,
392
419
  alert,
393
420
  label,
394
- input,
395
421
  dropdownMenu,
396
422
  pagination,
397
423
  listItem,
398
424
  tag,
399
425
  table,
426
+ inputText,
427
+ dialog,
400
428
  checkbox
401
429
  };
402
430
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikatec/nebula-tokens",
3
- "version": "0.0.1-alpha.6",
3
+ "version": "0.0.1-alpha.9",
4
4
  "description": "Design tokens",
5
5
  "publishConfig": {
6
6
  "access": "public"