@helixui/tokens 3.2.0 → 3.3.0

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 (6) hide show
  1. package/dist/index.d.ts +218 -0
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/tokens.css +71 -5
  4. package/dist/tokens.json +257 -31
  5. package/package.json +1 -1
  6. package/src/tokens.json +257 -31
package/dist/index.d.ts CHANGED
@@ -337,6 +337,18 @@ export declare const tokens: {
337
337
  value: string;
338
338
  description: string;
339
339
  };
340
+ "on-primary-strong": {
341
+ value: string;
342
+ description: string;
343
+ };
344
+ "on-success-strong": {
345
+ value: string;
346
+ description: string;
347
+ };
348
+ "on-error-strong": {
349
+ value: string;
350
+ description: string;
351
+ };
340
352
  link: {
341
353
  value: string;
342
354
  };
@@ -375,6 +387,30 @@ export declare const tokens: {
375
387
  overlay: {
376
388
  value: string;
377
389
  };
390
+ "success-strong": {
391
+ value: string;
392
+ description: string;
393
+ };
394
+ "warning-strong": {
395
+ value: string;
396
+ description: string;
397
+ };
398
+ "danger-strong": {
399
+ value: string;
400
+ description: string;
401
+ };
402
+ "info-strong": {
403
+ value: string;
404
+ description: string;
405
+ };
406
+ "on-dark-overlay-default": {
407
+ value: string;
408
+ description: string;
409
+ };
410
+ "on-dark-overlay-subtle": {
411
+ value: string;
412
+ description: string;
413
+ };
378
414
  };
379
415
  border: {
380
416
  default: {
@@ -385,13 +421,19 @@ export declare const tokens: {
385
421
  };
386
422
  strong: {
387
423
  value: string;
424
+ description: string;
388
425
  };
389
426
  focus: {
390
427
  value: string;
391
428
  };
429
+ "on-dark-strong": {
430
+ value: string;
431
+ description: string;
432
+ };
392
433
  };
393
434
  "focus-ring": {
394
435
  value: string;
436
+ description: string;
395
437
  };
396
438
  selection: {
397
439
  bg: {
@@ -401,6 +443,73 @@ export declare const tokens: {
401
443
  value: string;
402
444
  };
403
445
  };
446
+ action: {
447
+ _comment: string;
448
+ primary: {
449
+ bg: {
450
+ value: string;
451
+ description: string;
452
+ };
453
+ "bg-inverted-rest": {
454
+ value: string;
455
+ description: string;
456
+ };
457
+ "bg-hover": {
458
+ value: string;
459
+ description: string;
460
+ };
461
+ "bg-active": {
462
+ value: string;
463
+ description: string;
464
+ };
465
+ "bg-inverted-hover": {
466
+ value: string;
467
+ description: string;
468
+ };
469
+ };
470
+ secondary: {
471
+ fg: {
472
+ value: string;
473
+ description: string;
474
+ };
475
+ border: {
476
+ value: string;
477
+ description: string;
478
+ };
479
+ "bg-hover": {
480
+ value: string;
481
+ description: string;
482
+ };
483
+ };
484
+ ghost: {
485
+ fg: {
486
+ value: string;
487
+ description: string;
488
+ };
489
+ "bg-hover": {
490
+ value: string;
491
+ description: string;
492
+ };
493
+ };
494
+ danger: {
495
+ bg: {
496
+ value: string;
497
+ description: string;
498
+ };
499
+ "bg-hover": {
500
+ value: string;
501
+ description: string;
502
+ };
503
+ "bg-active": {
504
+ value: string;
505
+ description: string;
506
+ };
507
+ "bg-inverted-hover": {
508
+ value: string;
509
+ description: string;
510
+ };
511
+ };
512
+ };
404
513
  };
405
514
  body: {
406
515
  bg: {
@@ -741,6 +850,7 @@ export declare const tokens: {
741
850
  focus: {
742
851
  "ring-color": {
743
852
  value: string;
853
+ description: string;
744
854
  };
745
855
  "ring-width": {
746
856
  value: string;
@@ -1137,6 +1247,7 @@ export declare const tokens: {
1137
1247
  };
1138
1248
  };
1139
1249
  surface: {
1250
+ _comment: string;
1140
1251
  default: {
1141
1252
  value: string;
1142
1253
  };
@@ -1152,6 +1263,14 @@ export declare const tokens: {
1152
1263
  overlay: {
1153
1264
  value: string;
1154
1265
  };
1266
+ "on-dark-overlay-default": {
1267
+ value: string;
1268
+ description: string;
1269
+ };
1270
+ "on-dark-overlay-subtle": {
1271
+ value: string;
1272
+ description: string;
1273
+ };
1155
1274
  };
1156
1275
  border: {
1157
1276
  default: {
@@ -1162,10 +1281,15 @@ export declare const tokens: {
1162
1281
  };
1163
1282
  strong: {
1164
1283
  value: string;
1284
+ description: string;
1165
1285
  };
1166
1286
  focus: {
1167
1287
  value: string;
1168
1288
  };
1289
+ "on-dark-strong": {
1290
+ value: string;
1291
+ description: string;
1292
+ };
1169
1293
  };
1170
1294
  "focus-ring": {
1171
1295
  value: string;
@@ -1178,6 +1302,39 @@ export declare const tokens: {
1178
1302
  value: string;
1179
1303
  };
1180
1304
  };
1305
+ action: {
1306
+ _comment: string;
1307
+ primary: {
1308
+ "bg-inverted-rest": {
1309
+ value: string;
1310
+ description: string;
1311
+ };
1312
+ };
1313
+ secondary: {
1314
+ fg: {
1315
+ value: string;
1316
+ description: string;
1317
+ };
1318
+ border: {
1319
+ value: string;
1320
+ description: string;
1321
+ };
1322
+ "bg-hover": {
1323
+ value: string;
1324
+ description: string;
1325
+ };
1326
+ };
1327
+ ghost: {
1328
+ fg: {
1329
+ value: string;
1330
+ description: string;
1331
+ };
1332
+ "bg-hover": {
1333
+ value: string;
1334
+ description: string;
1335
+ };
1336
+ };
1337
+ };
1181
1338
  };
1182
1339
  body: {
1183
1340
  bg: {
@@ -1187,6 +1344,12 @@ export declare const tokens: {
1187
1344
  value: string;
1188
1345
  };
1189
1346
  };
1347
+ focus: {
1348
+ "ring-color": {
1349
+ value: string;
1350
+ description: string;
1351
+ };
1352
+ };
1190
1353
  shadow: {
1191
1354
  sm: {
1192
1355
  value: string;
@@ -1331,6 +1494,18 @@ export declare const tokens: {
1331
1494
  value: string;
1332
1495
  description: string;
1333
1496
  };
1497
+ "on-primary-strong": {
1498
+ value: string;
1499
+ description: string;
1500
+ };
1501
+ "on-error-strong": {
1502
+ value: string;
1503
+ description: string;
1504
+ };
1505
+ "on-success-strong": {
1506
+ value: string;
1507
+ description: string;
1508
+ };
1334
1509
  link: {
1335
1510
  value: string;
1336
1511
  description: string;
@@ -1364,6 +1539,30 @@ export declare const tokens: {
1364
1539
  overlay: {
1365
1540
  value: string;
1366
1541
  };
1542
+ "success-strong": {
1543
+ value: string;
1544
+ description: string;
1545
+ };
1546
+ "warning-strong": {
1547
+ value: string;
1548
+ description: string;
1549
+ };
1550
+ "danger-strong": {
1551
+ value: string;
1552
+ description: string;
1553
+ };
1554
+ "info-strong": {
1555
+ value: string;
1556
+ description: string;
1557
+ };
1558
+ "on-dark-overlay-default": {
1559
+ value: string;
1560
+ description: string;
1561
+ };
1562
+ "on-dark-overlay-subtle": {
1563
+ value: string;
1564
+ description: string;
1565
+ };
1367
1566
  };
1368
1567
  border: {
1369
1568
  default: {
@@ -1380,6 +1579,10 @@ export declare const tokens: {
1380
1579
  value: string;
1381
1580
  description: string;
1382
1581
  };
1582
+ "on-dark-strong": {
1583
+ value: string;
1584
+ description: string;
1585
+ };
1383
1586
  };
1384
1587
  "focus-ring": {
1385
1588
  value: string;
@@ -1394,6 +1597,15 @@ export declare const tokens: {
1394
1597
  value: string;
1395
1598
  };
1396
1599
  };
1600
+ action: {
1601
+ _comment: string;
1602
+ danger: {
1603
+ "bg-active": {
1604
+ value: string;
1605
+ description: string;
1606
+ };
1607
+ };
1608
+ };
1397
1609
  };
1398
1610
  body: {
1399
1611
  bg: {
@@ -1569,6 +1781,7 @@ export declare const tokens: {
1569
1781
  "--hx-breadcrumb-text-color": null;
1570
1782
  };
1571
1783
  "hx-button": {
1784
+ "--hx-button-active-bg": null;
1572
1785
  "--hx-button-bg": null;
1573
1786
  "--hx-button-border-color": null;
1574
1787
  "--hx-button-border-radius": null;
@@ -1578,8 +1791,10 @@ export declare const tokens: {
1578
1791
  "--hx-button-font-weight": null;
1579
1792
  "--hx-button-hover-bg": null;
1580
1793
  "--hx-button-inverted-color": null;
1794
+ "--hx-button-inverted-danger-interactive-color": null;
1581
1795
  "--hx-button-inverted-focus-ring-color": null;
1582
1796
  "--hx-button-inverted-ghost-hover-bg": null;
1797
+ "--hx-button-inverted-primary-interactive-color": null;
1583
1798
  };
1584
1799
  "hx-button-group": {
1585
1800
  "--hx-button-group-border-radius": null;
@@ -1933,6 +2148,8 @@ export declare const tokens: {
1933
2148
  "--hx-nav-item-hover-bg": null;
1934
2149
  "--hx-nav-item-hover-color": null;
1935
2150
  "--hx-nav-item-padding": null;
2151
+ "--hx-nav-item-tooltip-bg": null;
2152
+ "--hx-nav-item-tooltip-color": null;
1936
2153
  "--hx-nav-link-active-bg": null;
1937
2154
  "--hx-nav-link-active-color": null;
1938
2155
  "--hx-nav-link-color": null;
@@ -2090,6 +2307,7 @@ export declare const tokens: {
2090
2307
  "--hx-side-nav-footer-padding": null;
2091
2308
  "--hx-side-nav-header-padding": null;
2092
2309
  "--hx-side-nav-toggle-color": null;
2310
+ "--hx-side-nav-toggle-hover-color": null;
2093
2311
  "--hx-side-nav-width": null;
2094
2312
  };
2095
2313
  "hx-skeleton": {
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAE9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AA+C7E,yCAAyC;AACzC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAC;AASjC,oEAAoE;AACpE,eAAO,MAAM,YAAY,EAAE,UAAU,EAA6B,CAAC;AAEnE,oDAAoD;AACpD,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAEnC,CAAC;AAEP,wDAAwD;AACxD,eAAO,MAAM,wBAAwB,EAAE,UAAU,EAE3C,CAAC;AAEP,kDAAkD;AAClD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAqC,CAAC;AAEhG,wCAAwC;AACxC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE3C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,MAAoC,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAwC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAgD,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAE9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AA+C7E,yCAAyC;AACzC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAC;AASjC,oEAAoE;AACpE,eAAO,MAAM,YAAY,EAAE,UAAU,EAA6B,CAAC;AAEnE,oDAAoD;AACpD,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAEnC,CAAC;AAEP,wDAAwD;AACxD,eAAO,MAAM,wBAAwB,EAAE,UAAU,EAE3C,CAAC;AAEP,kDAAkD;AAClD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAqC,CAAC;AAEhG,wCAAwC;AACxC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE3C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,MAAoC,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAwC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAgD,CAAC"}
package/dist/tokens.css CHANGED
@@ -101,6 +101,9 @@
101
101
  --hx-color-text-on-success: var(--hx-color-neutral-900);
102
102
  --hx-color-text-on-warning: var(--hx-color-neutral-900);
103
103
  --hx-color-text-on-info: var(--hx-color-neutral-900);
104
+ --hx-color-text-on-primary-strong: var(--hx-color-neutral-0);
105
+ --hx-color-text-on-success-strong: var(--hx-color-neutral-0);
106
+ --hx-color-text-on-error-strong: var(--hx-color-neutral-0);
104
107
  --hx-color-text-link: var(--hx-color-primary-600);
105
108
  --hx-color-text-link-hover: var(--hx-color-primary-700);
106
109
  --hx-color-text-link-visited: var(--hx-color-secondary-600);
@@ -112,13 +115,34 @@
112
115
  --hx-color-surface-sunken: var(--hx-color-neutral-100);
113
116
  --hx-color-surface-inverse: var(--hx-color-neutral-900);
114
117
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.75);
118
+ --hx-color-surface-success-strong: var(--hx-color-success-700);
119
+ --hx-color-surface-warning-strong: var(--hx-color-warning-500);
120
+ --hx-color-surface-danger-strong: var(--hx-color-error-600);
121
+ --hx-color-surface-info-strong: var(--hx-color-primary-600);
122
+ --hx-color-surface-on-dark-overlay-default: var(--hx-overlay-white-30);
123
+ --hx-color-surface-on-dark-overlay-subtle: var(--hx-overlay-white-10);
115
124
  --hx-color-border-default: var(--hx-color-neutral-200);
116
125
  --hx-color-border-subtle: var(--hx-color-neutral-100);
117
- --hx-color-border-strong: var(--hx-color-neutral-400);
126
+ --hx-color-border-strong: var(--hx-color-neutral-500);
118
127
  --hx-color-border-focus: var(--hx-color-primary-500);
119
- --hx-color-focus-ring: var(--hx-color-primary-400);
128
+ --hx-color-border-on-dark-strong: var(--hx-overlay-white-70);
129
+ --hx-color-focus-ring: var(--hx-color-primary-600);
120
130
  --hx-color-selection-bg: var(--hx-color-primary-200);
121
131
  --hx-color-selection-color: var(--hx-color-neutral-900);
132
+ --hx-color-action-primary-bg: var(--hx-color-primary-500);
133
+ --hx-color-action-primary-bg-inverted-rest: var(--hx-color-primary-500);
134
+ --hx-color-action-primary-bg-hover: var(--hx-color-primary-600);
135
+ --hx-color-action-primary-bg-active: var(--hx-color-primary-700);
136
+ --hx-color-action-primary-bg-inverted-hover: var(--hx-color-primary-400);
137
+ --hx-color-action-secondary-fg: var(--hx-color-primary-600);
138
+ --hx-color-action-secondary-border: var(--hx-color-primary-600);
139
+ --hx-color-action-secondary-bg-hover: var(--hx-color-primary-50);
140
+ --hx-color-action-ghost-fg: var(--hx-color-primary-600);
141
+ --hx-color-action-ghost-bg-hover: var(--hx-color-primary-50);
142
+ --hx-color-action-danger-bg: var(--hx-color-error-500);
143
+ --hx-color-action-danger-bg-hover: var(--hx-color-error-600);
144
+ --hx-color-action-danger-bg-active: var(--hx-color-error-700);
145
+ --hx-color-action-danger-bg-inverted-hover: var(--hx-color-error-400);
122
146
  --hx-body-bg: var(--hx-color-surface-default);
123
147
  --hx-body-color: var(--hx-color-text-primary);
124
148
  --hx-body-font-family: var(--hx-font-family-sans);
@@ -218,7 +242,7 @@
218
242
  --hx-transition-slow: 350ms ease;
219
243
  --hx-touch-target-min: 2.75rem;
220
244
  --hx-touch-target-size: 44px;
221
- --hx-focus-ring-color: var(--hx-color-primary-400);
245
+ --hx-focus-ring-color: var(--hx-color-primary-600);
222
246
  --hx-focus-ring-width: 2px;
223
247
  --hx-focus-ring-offset: 2px;
224
248
  --hx-focus-ring-style: solid;
@@ -344,15 +368,25 @@
344
368
  --hx-color-surface-sunken: var(--hx-color-neutral-950);
345
369
  --hx-color-surface-inverse: var(--hx-color-neutral-100);
346
370
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.85);
371
+ --hx-color-surface-on-dark-overlay-default: var(--hx-overlay-black-30);
372
+ --hx-color-surface-on-dark-overlay-subtle: var(--hx-overlay-black-10);
347
373
  --hx-color-border-default: var(--hx-color-neutral-700);
348
374
  --hx-color-border-subtle: var(--hx-color-neutral-800);
349
- --hx-color-border-strong: var(--hx-color-neutral-500);
375
+ --hx-color-border-strong: var(--hx-color-neutral-400);
350
376
  --hx-color-border-focus: var(--hx-color-primary-400);
377
+ --hx-color-border-on-dark-strong: var(--hx-overlay-black-50);
351
378
  --hx-color-focus-ring: var(--hx-color-primary-400);
352
379
  --hx-color-selection-bg: var(--hx-color-primary-800);
353
380
  --hx-color-selection-color: var(--hx-color-neutral-100);
381
+ --hx-color-action-primary-bg-inverted-rest: var(--hx-color-primary-600);
382
+ --hx-color-action-secondary-fg: var(--hx-color-primary-400);
383
+ --hx-color-action-secondary-border: var(--hx-color-primary-400);
384
+ --hx-color-action-secondary-bg-hover: var(--hx-color-primary-900);
385
+ --hx-color-action-ghost-fg: var(--hx-color-primary-400);
386
+ --hx-color-action-ghost-bg-hover: var(--hx-color-primary-900);
354
387
  --hx-body-bg: var(--hx-color-surface-default);
355
388
  --hx-body-color: var(--hx-color-text-primary);
389
+ --hx-focus-ring-color: var(--hx-color-primary-400);
356
390
  --hx-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
357
391
  --hx-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);
358
392
  --hx-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3);
@@ -380,15 +414,25 @@
380
414
  --hx-color-surface-sunken: var(--hx-color-neutral-950);
381
415
  --hx-color-surface-inverse: var(--hx-color-neutral-100);
382
416
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.85);
417
+ --hx-color-surface-on-dark-overlay-default: var(--hx-overlay-black-30);
418
+ --hx-color-surface-on-dark-overlay-subtle: var(--hx-overlay-black-10);
383
419
  --hx-color-border-default: var(--hx-color-neutral-700);
384
420
  --hx-color-border-subtle: var(--hx-color-neutral-800);
385
- --hx-color-border-strong: var(--hx-color-neutral-500);
421
+ --hx-color-border-strong: var(--hx-color-neutral-400);
386
422
  --hx-color-border-focus: var(--hx-color-primary-400);
423
+ --hx-color-border-on-dark-strong: var(--hx-overlay-black-50);
387
424
  --hx-color-focus-ring: var(--hx-color-primary-400);
388
425
  --hx-color-selection-bg: var(--hx-color-primary-800);
389
426
  --hx-color-selection-color: var(--hx-color-neutral-100);
427
+ --hx-color-action-primary-bg-inverted-rest: var(--hx-color-primary-600);
428
+ --hx-color-action-secondary-fg: var(--hx-color-primary-400);
429
+ --hx-color-action-secondary-border: var(--hx-color-primary-400);
430
+ --hx-color-action-secondary-bg-hover: var(--hx-color-primary-900);
431
+ --hx-color-action-ghost-fg: var(--hx-color-primary-400);
432
+ --hx-color-action-ghost-bg-hover: var(--hx-color-primary-900);
390
433
  --hx-body-bg: var(--hx-color-surface-default);
391
434
  --hx-body-color: var(--hx-color-text-primary);
435
+ --hx-focus-ring-color: var(--hx-color-primary-400);
392
436
  --hx-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3);
393
437
  --hx-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.3);
394
438
  --hx-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.3);
@@ -426,6 +470,9 @@
426
470
  --hx-color-text-on-success: #000000;
427
471
  --hx-color-text-on-warning: #000000;
428
472
  --hx-color-text-on-info: #000000;
473
+ --hx-color-text-on-primary-strong: #000000;
474
+ --hx-color-text-on-error-strong: #000000;
475
+ --hx-color-text-on-success-strong: #000000;
429
476
  --hx-color-text-link: #FFFF00;
430
477
  --hx-color-text-link-hover: #FFFF99;
431
478
  --hx-color-text-link-visited: #FF80FF;
@@ -435,13 +482,21 @@
435
482
  --hx-color-surface-sunken: #000000;
436
483
  --hx-color-surface-inverse: #FFFFFF;
437
484
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.95);
485
+ --hx-color-surface-success-strong: var(--hx-color-success-500);
486
+ --hx-color-surface-warning-strong: var(--hx-color-warning-500);
487
+ --hx-color-surface-danger-strong: var(--hx-color-error-500);
488
+ --hx-color-surface-info-strong: var(--hx-color-primary-500);
489
+ --hx-color-surface-on-dark-overlay-default: #FFFFFF;
490
+ --hx-color-surface-on-dark-overlay-subtle: #C0C0C0;
438
491
  --hx-color-border-default: #FFFFFF;
439
492
  --hx-color-border-subtle: #C0C0C0;
440
493
  --hx-color-border-strong: #FFFFFF;
441
494
  --hx-color-border-focus: #FFFF00;
495
+ --hx-color-border-on-dark-strong: #FFFFFF;
442
496
  --hx-color-focus-ring: #FFFF00;
443
497
  --hx-color-selection-bg: #1AEBFF;
444
498
  --hx-color-selection-color: #000000;
499
+ --hx-color-action-danger-bg-active: var(--hx-color-error-500);
445
500
  --hx-body-bg: #000000;
446
501
  --hx-body-color: #FFFFFF;
447
502
  --hx-focus-ring-color: #FFFF00;
@@ -491,6 +546,9 @@
491
546
  --hx-color-text-on-success: #000000;
492
547
  --hx-color-text-on-warning: #000000;
493
548
  --hx-color-text-on-info: #000000;
549
+ --hx-color-text-on-primary-strong: #000000;
550
+ --hx-color-text-on-error-strong: #000000;
551
+ --hx-color-text-on-success-strong: #000000;
494
552
  --hx-color-text-link: #FFFF00;
495
553
  --hx-color-text-link-hover: #FFFF99;
496
554
  --hx-color-text-link-visited: #FF80FF;
@@ -500,13 +558,21 @@
500
558
  --hx-color-surface-sunken: #000000;
501
559
  --hx-color-surface-inverse: #FFFFFF;
502
560
  --hx-color-surface-overlay: rgba(0, 0, 0, 0.95);
561
+ --hx-color-surface-success-strong: var(--hx-color-success-500);
562
+ --hx-color-surface-warning-strong: var(--hx-color-warning-500);
563
+ --hx-color-surface-danger-strong: var(--hx-color-error-500);
564
+ --hx-color-surface-info-strong: var(--hx-color-primary-500);
565
+ --hx-color-surface-on-dark-overlay-default: #FFFFFF;
566
+ --hx-color-surface-on-dark-overlay-subtle: #C0C0C0;
503
567
  --hx-color-border-default: #FFFFFF;
504
568
  --hx-color-border-subtle: #C0C0C0;
505
569
  --hx-color-border-strong: #FFFFFF;
506
570
  --hx-color-border-focus: #FFFF00;
571
+ --hx-color-border-on-dark-strong: #FFFFFF;
507
572
  --hx-color-focus-ring: #FFFF00;
508
573
  --hx-color-selection-bg: #1AEBFF;
509
574
  --hx-color-selection-color: #000000;
575
+ --hx-color-action-danger-bg-active: var(--hx-color-error-500);
510
576
  --hx-body-bg: #000000;
511
577
  --hx-body-color: #FFFFFF;
512
578
  --hx-focus-ring-color: #FFFF00;