@helixui/tokens 2.1.2 → 3.0.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 +62 -0
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/tokens.css +30 -11
  4. package/dist/tokens.json +43 -13
  5. package/package.json +4 -1
  6. package/src/tokens.json +43 -13
package/dist/index.d.ts CHANGED
@@ -418,12 +418,18 @@ export declare const tokens: {
418
418
  "0": {
419
419
  value: string;
420
420
  };
421
+ "0-5": {
422
+ value: string;
423
+ };
421
424
  px: {
422
425
  value: string;
423
426
  };
424
427
  "1": {
425
428
  value: string;
426
429
  };
430
+ "1-5": {
431
+ value: string;
432
+ };
427
433
  "2": {
428
434
  value: string;
429
435
  };
@@ -656,6 +662,9 @@ export declare const tokens: {
656
662
  slower: {
657
663
  value: string;
658
664
  };
665
+ spinner: {
666
+ value: string;
667
+ };
659
668
  reduced: {
660
669
  value: string;
661
670
  };
@@ -686,6 +695,10 @@ export declare const tokens: {
686
695
  };
687
696
  };
688
697
  transition: {
698
+ base: {
699
+ value: string;
700
+ description: string;
701
+ };
689
702
  fast: {
690
703
  value: string;
691
704
  };
@@ -696,6 +709,16 @@ export declare const tokens: {
696
709
  value: string;
697
710
  };
698
711
  };
712
+ "touch-target": {
713
+ min: {
714
+ value: string;
715
+ description: string;
716
+ };
717
+ size: {
718
+ value: string;
719
+ description: string;
720
+ };
721
+ };
699
722
  focus: {
700
723
  "ring-color": {
701
724
  value: string;
@@ -860,20 +883,44 @@ export declare const tokens: {
860
883
  disabled: {
861
884
  value: string;
862
885
  };
886
+ muted: {
887
+ value: string;
888
+ };
863
889
  overlay: {
864
890
  value: string;
865
891
  };
866
892
  };
867
893
  size: {
894
+ "1": {
895
+ value: string;
896
+ };
897
+ "1-5": {
898
+ value: string;
899
+ };
900
+ "3": {
901
+ value: string;
902
+ };
903
+ "3-5": {
904
+ value: string;
905
+ };
868
906
  "4": {
869
907
  value: string;
870
908
  };
909
+ "4-5": {
910
+ value: string;
911
+ };
871
912
  "5": {
872
913
  value: string;
873
914
  };
915
+ "5-5": {
916
+ value: string;
917
+ };
874
918
  "6": {
875
919
  value: string;
876
920
  };
921
+ "6-5": {
922
+ value: string;
923
+ };
877
924
  "7": {
878
925
  value: string;
879
926
  };
@@ -913,6 +960,9 @@ export declare const tokens: {
913
960
  "touch-target": {
914
961
  value: string;
915
962
  };
963
+ "touch-target-min": {
964
+ value: string;
965
+ };
916
966
  };
917
967
  overlay: {
918
968
  black: {
@@ -948,15 +998,27 @@ export declare const tokens: {
948
998
  "10": {
949
999
  value: string;
950
1000
  };
1001
+ "15": {
1002
+ value: string;
1003
+ };
951
1004
  "20": {
952
1005
  value: string;
953
1006
  };
1007
+ "25": {
1008
+ value: string;
1009
+ };
954
1010
  "30": {
955
1011
  value: string;
956
1012
  };
957
1013
  "40": {
958
1014
  value: string;
959
1015
  };
1016
+ "50": {
1017
+ value: string;
1018
+ };
1019
+ "70": {
1020
+ value: string;
1021
+ };
960
1022
  };
961
1023
  primary: {
962
1024
  "25": {
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/tokens.css CHANGED
@@ -21,17 +21,17 @@
21
21
  --hx-color-secondary-800: #164E63;
22
22
  --hx-color-secondary-900: #134152;
23
23
  --hx-color-secondary-950: #083344;
24
- --hx-color-accent-50: #FFFBEB;
25
- --hx-color-accent-100: #FEF3C7;
26
- --hx-color-accent-200: #FDE68A;
27
- --hx-color-accent-300: #FCD34D;
28
- --hx-color-accent-400: #FBBF24;
29
- --hx-color-accent-500: #D97706;
30
- --hx-color-accent-600: #B45309;
31
- --hx-color-accent-700: #92400E;
32
- --hx-color-accent-800: #78350F;
33
- --hx-color-accent-900: #633112;
34
- --hx-color-accent-950: #451A03;
24
+ --hx-color-accent-50: #F5F3FF;
25
+ --hx-color-accent-100: #EDE9FE;
26
+ --hx-color-accent-200: #DDD6FE;
27
+ --hx-color-accent-300: #C4B5FD;
28
+ --hx-color-accent-400: #A78BFA;
29
+ --hx-color-accent-500: #7C3AED;
30
+ --hx-color-accent-600: #6D28D9;
31
+ --hx-color-accent-700: #5B21B6;
32
+ --hx-color-accent-800: #4C1D95;
33
+ --hx-color-accent-900: #3B0764;
34
+ --hx-color-accent-950: #2E1065;
35
35
  --hx-color-neutral-0: #FFFFFF;
36
36
  --hx-color-neutral-50: #F8FAFC;
37
37
  --hx-color-neutral-100: #F1F5F9;
@@ -144,7 +144,9 @@
144
144
  --hx-space-40: 10rem;
145
145
  --hx-space-48: 12rem;
146
146
  --hx-space-64: 16rem;
147
+ --hx-space-0-5: 0.125rem;
147
148
  --hx-space-px: 1px;
149
+ --hx-space-1-5: 0.375rem;
148
150
  --hx-font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
149
151
  --hx-font-family-serif: 'Georgia', 'Times New Roman', serif;
150
152
  --hx-font-family-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
@@ -198,6 +200,7 @@
198
200
  --hx-duration-normal: 200ms;
199
201
  --hx-duration-slow: 300ms;
200
202
  --hx-duration-slower: 500ms;
203
+ --hx-duration-spinner: 0.8s;
201
204
  --hx-duration-reduced: 0ms;
202
205
  --hx-easing-default: cubic-bezier(0.4, 0, 0.2, 1);
203
206
  --hx-easing-in: cubic-bezier(0.4, 0, 1, 1);
@@ -206,9 +209,12 @@
206
209
  --hx-easing-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
207
210
  --hx-easing-decelerate: cubic-bezier(0, 0, 0.2, 1);
208
211
  --hx-easing-accelerate: cubic-bezier(0.4, 0, 1, 1);
212
+ --hx-transition-base: 150ms ease;
209
213
  --hx-transition-fast: 150ms ease;
210
214
  --hx-transition-normal: 250ms ease;
211
215
  --hx-transition-slow: 350ms ease;
216
+ --hx-touch-target-min: 2.75rem;
217
+ --hx-touch-target-size: 44px;
212
218
  --hx-focus-ring-color: var(--hx-color-primary-400);
213
219
  --hx-focus-ring-width: 2px;
214
220
  --hx-focus-ring-offset: 2px;
@@ -258,7 +264,10 @@
258
264
  --hx-opacity-90: 0.9;
259
265
  --hx-opacity-100: 1;
260
266
  --hx-opacity-disabled: 0.5;
267
+ --hx-opacity-muted: 0.6;
261
268
  --hx-opacity-overlay: 0.75;
269
+ --hx-size-1: 0.25rem;
270
+ --hx-size-3: 0.75rem;
262
271
  --hx-size-4: 1rem;
263
272
  --hx-size-5: 1.25rem;
264
273
  --hx-size-6: 1.5rem;
@@ -271,10 +280,16 @@
271
280
  --hx-size-14: 3.5rem;
272
281
  --hx-size-16: 4rem;
273
282
  --hx-size-20: 5rem;
283
+ --hx-size-1-5: 0.375rem;
284
+ --hx-size-3-5: 0.875rem;
285
+ --hx-size-4-5: 1.125rem;
286
+ --hx-size-5-5: 1.375rem;
287
+ --hx-size-6-5: 1.625rem;
274
288
  --hx-size-icon-sm: 1rem;
275
289
  --hx-size-icon-md: 1.25rem;
276
290
  --hx-size-icon-lg: 1.5rem;
277
291
  --hx-size-touch-target: 2.75rem;
292
+ --hx-size-touch-target-min: 2.75rem;
278
293
  --hx-overlay-black-6: rgba(0, 0, 0, 0.06);
279
294
  --hx-overlay-black-10: rgba(0, 0, 0, 0.10);
280
295
  --hx-overlay-black-12: rgba(0, 0, 0, 0.12);
@@ -285,9 +300,13 @@
285
300
  --hx-overlay-black-50: rgba(0, 0, 0, 0.50);
286
301
  --hx-overlay-white-8: rgba(255, 255, 255, 0.08);
287
302
  --hx-overlay-white-10: rgba(255, 255, 255, 0.10);
303
+ --hx-overlay-white-15: rgba(255, 255, 255, 0.15);
288
304
  --hx-overlay-white-20: rgba(255, 255, 255, 0.20);
305
+ --hx-overlay-white-25: rgba(255, 255, 255, 0.25);
289
306
  --hx-overlay-white-30: rgba(255, 255, 255, 0.30);
290
307
  --hx-overlay-white-40: rgba(255, 255, 255, 0.40);
308
+ --hx-overlay-white-50: rgba(255, 255, 255, 0.50);
309
+ --hx-overlay-white-70: rgba(255, 255, 255, 0.70);
291
310
  --hx-overlay-primary-25: rgba(37, 99, 235, 0.25);
292
311
  --hx-overlay-error-25: rgba(220, 53, 69, 0.25);
293
312
  --hx-overlay-neutral-12: rgba(13, 17, 23, 0.12);
package/dist/tokens.json CHANGED
@@ -27,17 +27,17 @@
27
27
  "950": { "value": "#083344" }
28
28
  },
29
29
  "accent": {
30
- "50": { "value": "#FFFBEB" },
31
- "100": { "value": "#FEF3C7" },
32
- "200": { "value": "#FDE68A" },
33
- "300": { "value": "#FCD34D" },
34
- "400": { "value": "#FBBF24" },
35
- "500": { "value": "#D97706" },
36
- "600": { "value": "#B45309" },
37
- "700": { "value": "#92400E" },
38
- "800": { "value": "#78350F" },
39
- "900": { "value": "#633112" },
40
- "950": { "value": "#451A03" }
30
+ "50": { "value": "#F5F3FF" },
31
+ "100": { "value": "#EDE9FE" },
32
+ "200": { "value": "#DDD6FE" },
33
+ "300": { "value": "#C4B5FD" },
34
+ "400": { "value": "#A78BFA" },
35
+ "500": { "value": "#7C3AED" },
36
+ "600": { "value": "#6D28D9" },
37
+ "700": { "value": "#5B21B6" },
38
+ "800": { "value": "#4C1D95" },
39
+ "900": { "value": "#3B0764" },
40
+ "950": { "value": "#2E1065" }
41
41
  },
42
42
  "neutral": {
43
43
  "0": { "value": "#FFFFFF" },
@@ -163,8 +163,10 @@
163
163
  },
164
164
  "space": {
165
165
  "0": { "value": "0" },
166
+ "0-5": { "value": "0.125rem" },
166
167
  "px": { "value": "1px" },
167
168
  "1": { "value": "0.25rem" },
169
+ "1-5": { "value": "0.375rem" },
168
170
  "2": { "value": "0.5rem" },
169
171
  "3": { "value": "0.75rem" },
170
172
  "4": { "value": "1rem" },
@@ -259,6 +261,7 @@
259
261
  "normal": { "value": "200ms" },
260
262
  "slow": { "value": "300ms" },
261
263
  "slower": { "value": "500ms" },
264
+ "spinner": { "value": "0.8s" },
262
265
  "reduced": { "value": "0ms" }
263
266
  },
264
267
  "easing": {
@@ -277,10 +280,24 @@
277
280
  }
278
281
  },
279
282
  "transition": {
283
+ "base": {
284
+ "value": "150ms ease",
285
+ "description": "Base transition shorthand referenced by carousel, progress-ring, and tree-view components."
286
+ },
280
287
  "fast": { "value": "150ms ease" },
281
288
  "normal": { "value": "250ms ease" },
282
289
  "slow": { "value": "350ms ease" }
283
290
  },
291
+ "touch-target": {
292
+ "min": {
293
+ "value": "2.75rem",
294
+ "description": "Minimum touch target dimension (WCAG 2.5.5). 44px = 2.75rem at default 16px root. Used by 10+ interactive components."
295
+ },
296
+ "size": {
297
+ "value": "44px",
298
+ "description": "Explicit 44px touch target size for close buttons and small interactive elements."
299
+ }
300
+ },
284
301
  "focus": {
285
302
  "ring-color": { "value": "var(--hx-color-primary-400)" },
286
303
  "ring-width": { "value": "2px" },
@@ -347,12 +364,20 @@
347
364
  "90": { "value": "0.9" },
348
365
  "100": { "value": "1" },
349
366
  "disabled": { "value": "0.5" },
367
+ "muted": { "value": "0.6" },
350
368
  "overlay": { "value": "0.75" }
351
369
  },
352
370
  "size": {
371
+ "1": { "value": "0.25rem" },
372
+ "1-5": { "value": "0.375rem" },
373
+ "3": { "value": "0.75rem" },
374
+ "3-5": { "value": "0.875rem" },
353
375
  "4": { "value": "1rem" },
376
+ "4-5": { "value": "1.125rem" },
354
377
  "5": { "value": "1.25rem" },
378
+ "5-5": { "value": "1.375rem" },
355
379
  "6": { "value": "1.5rem" },
380
+ "6-5": { "value": "1.625rem" },
356
381
  "7": { "value": "1.75rem" },
357
382
  "8": { "value": "2rem" },
358
383
  "9": { "value": "2.25rem" },
@@ -365,7 +390,8 @@
365
390
  "icon-sm": { "value": "1rem" },
366
391
  "icon-md": { "value": "1.25rem" },
367
392
  "icon-lg": { "value": "1.5rem" },
368
- "touch-target": { "value": "2.75rem" }
393
+ "touch-target": { "value": "2.75rem" },
394
+ "touch-target-min": { "value": "2.75rem" }
369
395
  },
370
396
  "overlay": {
371
397
  "black": {
@@ -381,9 +407,13 @@
381
407
  "white": {
382
408
  "8": { "value": "rgba(255, 255, 255, 0.08)" },
383
409
  "10": { "value": "rgba(255, 255, 255, 0.10)" },
410
+ "15": { "value": "rgba(255, 255, 255, 0.15)" },
384
411
  "20": { "value": "rgba(255, 255, 255, 0.20)" },
412
+ "25": { "value": "rgba(255, 255, 255, 0.25)" },
385
413
  "30": { "value": "rgba(255, 255, 255, 0.30)" },
386
- "40": { "value": "rgba(255, 255, 255, 0.40)" }
414
+ "40": { "value": "rgba(255, 255, 255, 0.40)" },
415
+ "50": { "value": "rgba(255, 255, 255, 0.50)" },
416
+ "70": { "value": "rgba(255, 255, 255, 0.70)" }
387
417
  },
388
418
  "primary": {
389
419
  "25": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@helixui/tokens",
3
- "version": "2.1.2",
3
+ "version": "3.0.0",
4
4
  "description": "Design tokens for the HELiX enterprise healthcare web component library",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -43,6 +43,9 @@
43
43
  "directory": "packages/hx-tokens"
44
44
  },
45
45
  "license": "MIT",
46
+ "publishConfig": {
47
+ "access": "public"
48
+ },
46
49
  "homepage": "https://helix.bookedsolid.tech",
47
50
  "bugs": "https://github.com/bookedsolidtech/helix/issues",
48
51
  "keywords": [
package/src/tokens.json CHANGED
@@ -27,17 +27,17 @@
27
27
  "950": { "value": "#083344" }
28
28
  },
29
29
  "accent": {
30
- "50": { "value": "#FFFBEB" },
31
- "100": { "value": "#FEF3C7" },
32
- "200": { "value": "#FDE68A" },
33
- "300": { "value": "#FCD34D" },
34
- "400": { "value": "#FBBF24" },
35
- "500": { "value": "#D97706" },
36
- "600": { "value": "#B45309" },
37
- "700": { "value": "#92400E" },
38
- "800": { "value": "#78350F" },
39
- "900": { "value": "#633112" },
40
- "950": { "value": "#451A03" }
30
+ "50": { "value": "#F5F3FF" },
31
+ "100": { "value": "#EDE9FE" },
32
+ "200": { "value": "#DDD6FE" },
33
+ "300": { "value": "#C4B5FD" },
34
+ "400": { "value": "#A78BFA" },
35
+ "500": { "value": "#7C3AED" },
36
+ "600": { "value": "#6D28D9" },
37
+ "700": { "value": "#5B21B6" },
38
+ "800": { "value": "#4C1D95" },
39
+ "900": { "value": "#3B0764" },
40
+ "950": { "value": "#2E1065" }
41
41
  },
42
42
  "neutral": {
43
43
  "0": { "value": "#FFFFFF" },
@@ -163,8 +163,10 @@
163
163
  },
164
164
  "space": {
165
165
  "0": { "value": "0" },
166
+ "0-5": { "value": "0.125rem" },
166
167
  "px": { "value": "1px" },
167
168
  "1": { "value": "0.25rem" },
169
+ "1-5": { "value": "0.375rem" },
168
170
  "2": { "value": "0.5rem" },
169
171
  "3": { "value": "0.75rem" },
170
172
  "4": { "value": "1rem" },
@@ -259,6 +261,7 @@
259
261
  "normal": { "value": "200ms" },
260
262
  "slow": { "value": "300ms" },
261
263
  "slower": { "value": "500ms" },
264
+ "spinner": { "value": "0.8s" },
262
265
  "reduced": { "value": "0ms" }
263
266
  },
264
267
  "easing": {
@@ -277,10 +280,24 @@
277
280
  }
278
281
  },
279
282
  "transition": {
283
+ "base": {
284
+ "value": "150ms ease",
285
+ "description": "Base transition shorthand referenced by carousel, progress-ring, and tree-view components."
286
+ },
280
287
  "fast": { "value": "150ms ease" },
281
288
  "normal": { "value": "250ms ease" },
282
289
  "slow": { "value": "350ms ease" }
283
290
  },
291
+ "touch-target": {
292
+ "min": {
293
+ "value": "2.75rem",
294
+ "description": "Minimum touch target dimension (WCAG 2.5.5). 44px = 2.75rem at default 16px root. Used by 10+ interactive components."
295
+ },
296
+ "size": {
297
+ "value": "44px",
298
+ "description": "Explicit 44px touch target size for close buttons and small interactive elements."
299
+ }
300
+ },
284
301
  "focus": {
285
302
  "ring-color": { "value": "var(--hx-color-primary-400)" },
286
303
  "ring-width": { "value": "2px" },
@@ -347,12 +364,20 @@
347
364
  "90": { "value": "0.9" },
348
365
  "100": { "value": "1" },
349
366
  "disabled": { "value": "0.5" },
367
+ "muted": { "value": "0.6" },
350
368
  "overlay": { "value": "0.75" }
351
369
  },
352
370
  "size": {
371
+ "1": { "value": "0.25rem" },
372
+ "1-5": { "value": "0.375rem" },
373
+ "3": { "value": "0.75rem" },
374
+ "3-5": { "value": "0.875rem" },
353
375
  "4": { "value": "1rem" },
376
+ "4-5": { "value": "1.125rem" },
354
377
  "5": { "value": "1.25rem" },
378
+ "5-5": { "value": "1.375rem" },
355
379
  "6": { "value": "1.5rem" },
380
+ "6-5": { "value": "1.625rem" },
356
381
  "7": { "value": "1.75rem" },
357
382
  "8": { "value": "2rem" },
358
383
  "9": { "value": "2.25rem" },
@@ -365,7 +390,8 @@
365
390
  "icon-sm": { "value": "1rem" },
366
391
  "icon-md": { "value": "1.25rem" },
367
392
  "icon-lg": { "value": "1.5rem" },
368
- "touch-target": { "value": "2.75rem" }
393
+ "touch-target": { "value": "2.75rem" },
394
+ "touch-target-min": { "value": "2.75rem" }
369
395
  },
370
396
  "overlay": {
371
397
  "black": {
@@ -381,9 +407,13 @@
381
407
  "white": {
382
408
  "8": { "value": "rgba(255, 255, 255, 0.08)" },
383
409
  "10": { "value": "rgba(255, 255, 255, 0.10)" },
410
+ "15": { "value": "rgba(255, 255, 255, 0.15)" },
384
411
  "20": { "value": "rgba(255, 255, 255, 0.20)" },
412
+ "25": { "value": "rgba(255, 255, 255, 0.25)" },
385
413
  "30": { "value": "rgba(255, 255, 255, 0.30)" },
386
- "40": { "value": "rgba(255, 255, 255, 0.40)" }
414
+ "40": { "value": "rgba(255, 255, 255, 0.40)" },
415
+ "50": { "value": "rgba(255, 255, 255, 0.50)" },
416
+ "70": { "value": "rgba(255, 255, 255, 0.70)" }
387
417
  },
388
418
  "primary": {
389
419
  "25": {