@hopper-ui/styled-system 3.0.0 → 3.1.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 (34) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/StyledSystemProvider.css +34 -34
  3. package/dist/StyledSystemProvider.js +10 -10
  4. package/dist/{chunk-QZ7W6U3E.js → chunk-7KZYHK7V.js} +2 -2
  5. package/dist/{chunk-3PUBJ5LJ.js → chunk-KAJDKUG6.js} +4 -4
  6. package/dist/{chunk-FGXNB7F6.js → chunk-LHB7KW6V.js} +2 -2
  7. package/dist/{chunk-A54ZRFEM.js → chunk-LMCQIGNN.js} +39 -0
  8. package/dist/{chunk-SVHEHWY4.js → chunk-UPH3VWIY.js} +1 -1
  9. package/dist/{chunk-VIIWNAIQ.js → chunk-WKG632HB.js} +1 -1
  10. package/dist/{chunk-YQ665QH5.js → chunk-WNTAV75B.js} +1 -1
  11. package/dist/{chunk-JJKYIWIT.js → chunk-Z2SZ7OME.js} +2 -2
  12. package/dist/{chunk-6ZFFJVAW.js → chunk-ZCDJUIUS.js} +1 -1
  13. package/dist/color-scheme/useColorSchemeValue.d.ts +1 -1
  14. package/dist/global-styles/BodyStyleProvider.js +2 -2
  15. package/dist/html-wrappers/html.css +34 -34
  16. package/dist/html-wrappers/html.js +6 -6
  17. package/dist/html-wrappers/htmlElement.css +34 -34
  18. package/dist/html-wrappers/htmlElement.js +5 -5
  19. package/dist/index.css +34 -34
  20. package/dist/index.js +10 -10
  21. package/dist/styledSystemRootCssClass.js +2 -2
  22. package/dist/theme/generated/sharegate/dark.css +109 -70
  23. package/dist/theme/generated/sharegate/light.css +108 -69
  24. package/dist/theme/generated/workleap/dark.css +56 -17
  25. package/dist/theme/generated/workleap/light.css +54 -15
  26. package/dist/tokens/generated/styledSystemConstants.d.ts +1 -1
  27. package/dist/tokens/generated/styledSystemConstants.js +1 -1
  28. package/dist/tokens/generated/styledSystemToTokenMappings.d.ts +39 -0
  29. package/dist/tokens/generated/styledSystemToTokenMappings.js +1 -1
  30. package/dist/tokens/tokenMappings.d.ts +217 -36
  31. package/dist/tokens/tokenMappings.js +3 -3
  32. package/dist/useStyledSystem.css +31 -31
  33. package/dist/useStyledSystem.js +4 -4
  34. package/package.json +2 -2
package/dist/theme/generated/sharegate/light.css CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file is generated by Style Dictionary. Do not edit directly.
3
3
  */
4
4
 
5
- .hop-5-0-0-sharegate {
5
+ .hop-5-1-0-sharegate {
6
6
  --hop-overline-bottom-offset: -0.25rem;
7
7
  --hop-overline-top-offset: -0.25rem;
8
8
  --hop-heading-xs-medium-bottom-offset: -0.25rem;
@@ -295,6 +295,7 @@
295
295
  --hop-space-20: 0.125rem;
296
296
  --hop-space-10: 0.0625rem;
297
297
  --hop-space-0: 0;
298
+ --hop-border-radius-2-5: 0.75rem;
298
299
  --hop-border-radius-9999: 624.9375rem;
299
300
  --hop-border-radius-4: 1.5rem;
300
301
  --hop-border-radius-3: 1rem;
@@ -336,24 +337,25 @@
336
337
  --hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
337
338
  --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
338
339
  --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
340
+ --hop-shadow-inset-bevel: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
339
341
  --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);
340
342
  --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);
341
343
  --hop-shadow-sm: 0 1px 6px 0 rgba(60, 60, 60, 0.10);
342
344
  --hop-shadow-none: none;
343
345
  --hop-samoyed: #ffffff;
344
- --hop-rock-900: #292929;
345
- --hop-rock-800: #3c3c3c;
346
- --hop-rock-700: #505050;
347
- --hop-rock-600: #636362;
348
- --hop-rock-500: #6c6c6b;
349
- --hop-rock-400: #777775;
350
- --hop-rock-300: #959593;
351
- --hop-rock-200: #b3b3b1;
352
- --hop-rock-100: #ccccca;
353
- --hop-rock-75: #e0dfdd;
354
- --hop-rock-50: #ecebe8;
355
- --hop-rock-25: #f8f6f3;
356
- --hop-rock-20: #fcfbfb;
346
+ --hop-rock-900: #232426;
347
+ --hop-rock-800: #313335;
348
+ --hop-rock-700: #484a4d;
349
+ --hop-rock-600: #5e6064;
350
+ --hop-rock-500: #6c6e72;
351
+ --hop-rock-400: #787a7e;
352
+ --hop-rock-300: #96989d;
353
+ --hop-rock-200: #b3b5ba;
354
+ --hop-rock-100: #cbcdd2;
355
+ --hop-rock-75: #e1e3e7;
356
+ --hop-rock-50: #eef0f2;
357
+ --hop-rock-25: #f8f9fa;
358
+ --hop-rock-20: #fafbfc;
357
359
  --hop-abyss: #1d1d1c;
358
360
  --hop-moss-900: #132a27;
359
361
  --hop-moss-800: #16433d;
@@ -379,6 +381,18 @@
379
381
  --hop-amanita-75: #ffd6d3;
380
382
  --hop-amanita-50: #fde6e5;
381
383
  --hop-amanita-25: #fdf6f6;
384
+ --hop-limeburst-900: #1f2b00;
385
+ --hop-limeburst-800: #304200;
386
+ --hop-limeburst-700: #415800;
387
+ --hop-limeburst-600: #4f6c00;
388
+ --hop-limeburst-500: #577600;
389
+ --hop-limeburst-400: #5f8100;
390
+ --hop-limeburst-300: #77a300;
391
+ --hop-limeburst-200: #8fc300;
392
+ --hop-limeburst-100: #a3df00;
393
+ --hop-limeburst-75: #b3f400;
394
+ --hop-limeburst-50: #ccff42;
395
+ --hop-limeburst-25: #edffbc;
382
396
  --hop-koi-900: #451a02;
383
397
  --hop-koi-800: #692803;
384
398
  --hop-koi-700: #8c3504;
@@ -415,6 +429,18 @@
415
429
  --hop-toad-75: #e5ded6;
416
430
  --hop-toad-50: #f0eae3;
417
431
  --hop-toad-25: #fef6ef;
432
+ --hop-iris-900: #292362;
433
+ --hop-iris-800: #3b356c;
434
+ --hop-iris-700: #4d468f;
435
+ --hop-iris-600: #6057b3;
436
+ --hop-iris-500: #685dc9;
437
+ --hop-iris-400: #736ad2;
438
+ --hop-iris-300: #8e85ec;
439
+ --hop-iris-200: #b4abff;
440
+ --hop-iris-100: #c3bcff;
441
+ --hop-iris-75: #deddff;
442
+ --hop-iris-50: #eceaff;
443
+ --hop-iris-25: #f6f6ff;
418
444
  --hop-fog-900: #20282a;
419
445
  --hop-fog-800: #313e43;
420
446
  --hop-fog-700: #40535a;
@@ -439,6 +465,18 @@
439
465
  --hop-sapphire-75: #d6e0ff;
440
466
  --hop-sapphire-50: #e6ebff;
441
467
  --hop-sapphire-25: #f5f6ff;
468
+ --hop-persimmon-900: #4c1300;
469
+ --hop-persimmon-800: #731e00;
470
+ --hop-persimmon-700: #982700;
471
+ --hop-persimmon-600: #ba3000;
472
+ --hop-persimmon-500: #ca3400;
473
+ --hop-persimmon-400: #dd3900;
474
+ --hop-persimmon-300: #ff5b22;
475
+ --hop-persimmon-200: #ff9874;
476
+ --hop-persimmon-100: #ffbda7;
477
+ --hop-persimmon-75: #ffd8ca;
478
+ --hop-persimmon-50: #ffe7df;
479
+ --hop-persimmon-25: #fff5f2;
442
480
  --hop-orchid-bloom-900: #1e1c5d;
443
481
  --hop-orchid-bloom-800: #322b8d;
444
482
  --hop-orchid-bloom-700: #433fac;
@@ -992,34 +1030,34 @@
992
1030
  --hop-decorative-option9-surface: var(--hop-rock-400);
993
1031
  --hop-decorative-option9-icon: var(--hop-samoyed);
994
1032
  --hop-decorative-option9-border: var(--hop-rock-100);
995
- --hop-upsell-text-weak-press: var(--hop-sunken-treasure-600);
996
- --hop-upsell-text-weak-hover: var(--hop-sunken-treasure-500);
997
- --hop-upsell-text-weak: var(--hop-sunken-treasure-300);
998
- --hop-upsell-text-press: var(--hop-sunken-treasure-900);
999
- --hop-upsell-text-hover: var(--hop-sunken-treasure-800);
1000
- --hop-upsell-text-disabled: var(--hop-sunken-treasure-400);
1001
- --hop-upsell-text-selected: var(--hop-sunken-treasure-400);
1002
- --hop-upsell-text: var(--hop-sunken-treasure-700);
1003
- --hop-upsell-surface-weak-press: var(--hop-sunken-treasure-200);
1004
- --hop-upsell-surface-weak-hover: var(--hop-sunken-treasure-100);
1005
- --hop-upsell-surface-weak: var(--hop-sunken-treasure-75);
1006
- --hop-upsell-surface-press: var(--hop-sunken-treasure-75);
1007
- --hop-upsell-surface-hover: var(--hop-sunken-treasure-50);
1008
- --hop-upsell-surface-disabled: var(--hop-sunken-treasure-25);
1009
- --hop-upsell-surface-selected: var(--hop-sunken-treasure-50);
1010
- --hop-upsell-surface: var(--hop-sunken-treasure-25);
1011
- --hop-upsell-icon-weak-press: var(--hop-sunken-treasure-600);
1012
- --hop-upsell-icon-weak-hover: var(--hop-sunken-treasure-500);
1013
- --hop-upsell-icon-weak: var(--hop-sunken-treasure-300);
1014
- --hop-upsell-icon-weakest: var(--hop-sunken-treasure-75);
1015
- --hop-upsell-icon-press: var(--hop-sunken-treasure-900);
1016
- --hop-upsell-icon-hover: var(--hop-sunken-treasure-800);
1017
- --hop-upsell-icon-selected: var(--hop-sunken-treasure-400);
1018
- --hop-upsell-icon: var(--hop-sunken-treasure-700);
1019
- --hop-upsell-border-press: var(--hop-sunken-treasure-300);
1020
- --hop-upsell-border-disabled: var(--hop-sunken-treasure-75);
1021
- --hop-upsell-border-selected: var(--hop-sunken-treasure-400);
1022
- --hop-upsell-border: var(--hop-sunken-treasure-100);
1033
+ --hop-upsell-text-weak-press: var(--hop-limeburst-600);
1034
+ --hop-upsell-text-weak-hover: var(--hop-limeburst-500);
1035
+ --hop-upsell-text-weak: var(--hop-limeburst-300);
1036
+ --hop-upsell-text-press: var(--hop-limeburst-900);
1037
+ --hop-upsell-text-hover: var(--hop-limeburst-800);
1038
+ --hop-upsell-text-disabled: var(--hop-limeburst-400);
1039
+ --hop-upsell-text-selected: var(--hop-limeburst-600);
1040
+ --hop-upsell-text: var(--hop-limeburst-700);
1041
+ --hop-upsell-surface-weak-press: var(--hop-limeburst-200);
1042
+ --hop-upsell-surface-weak-hover: var(--hop-limeburst-100);
1043
+ --hop-upsell-surface-weak: var(--hop-limeburst-75);
1044
+ --hop-upsell-surface-press: var(--hop-limeburst-75);
1045
+ --hop-upsell-surface-hover: var(--hop-limeburst-50);
1046
+ --hop-upsell-surface-disabled: var(--hop-limeburst-25);
1047
+ --hop-upsell-surface-selected: var(--hop-limeburst-50);
1048
+ --hop-upsell-surface: var(--hop-limeburst-25);
1049
+ --hop-upsell-icon-weak-press: var(--hop-limeburst-600);
1050
+ --hop-upsell-icon-weak-hover: var(--hop-limeburst-500);
1051
+ --hop-upsell-icon-weak: var(--hop-limeburst-300);
1052
+ --hop-upsell-icon-weakest: var(--hop-limeburst-75);
1053
+ --hop-upsell-icon-press: var(--hop-limeburst-900);
1054
+ --hop-upsell-icon-hover: var(--hop-limeburst-800);
1055
+ --hop-upsell-icon-selected: var(--hop-limeburst-600);
1056
+ --hop-upsell-icon: var(--hop-limeburst-700);
1057
+ --hop-upsell-border-press: var(--hop-limeburst-300);
1058
+ --hop-upsell-border-disabled: var(--hop-limeburst-75);
1059
+ --hop-upsell-border-selected: var(--hop-limeburst-400);
1060
+ --hop-upsell-border: var(--hop-limeburst-100);
1023
1061
  --hop-upsell-text-weak-active: var(--hop-sunken-treasure-600);
1024
1062
  --hop-upsell-text-active: var(--hop-sunken-treasure-900);
1025
1063
  --hop-upsell-surface-weak-active: var(--hop-sunken-treasure-75);
@@ -1029,35 +1067,36 @@
1029
1067
  --hop-upsell-border-active: var(--hop-sunken-treasure-200);
1030
1068
  --hop-primary-text-strong-hover: var(--hop-samoyed);
1031
1069
  --hop-primary-text-strong: var(--hop-samoyed);
1032
- --hop-primary-text-press: var(--hop-sapphire-700);
1033
- --hop-primary-text-hover: var(--hop-sapphire-600);
1034
- --hop-primary-text-disabled: var(--hop-sapphire-200);
1035
- --hop-primary-text-selected: var(--hop-sapphire-500);
1036
- --hop-primary-text: var(--hop-sapphire-500);
1037
- --hop-primary-surface-weak-press: var(--hop-sapphire-75);
1038
- --hop-primary-surface-weak-hover: var(--hop-sapphire-50);
1039
- --hop-primary-surface-weak: var(--hop-sapphire-25);
1040
- --hop-primary-surface-strong-press: var(--hop-sapphire-700);
1041
- --hop-primary-surface-strong-hover: var(--hop-sapphire-600);
1042
- --hop-primary-surface-strong-selected: var(--hop-sapphire-50);
1043
- --hop-primary-surface-strong: var(--hop-sapphire-400);
1044
- --hop-primary-surface-press: var(--hop-sapphire-300);
1045
- --hop-primary-surface-hover: var(--hop-sapphire-200);
1046
- --hop-primary-surface-focus: var(--hop-sapphire-25);
1047
- --hop-primary-surface-disabled: var(--hop-sapphire-200);
1048
- --hop-primary-surface-selected: var(--hop-sapphire-50);
1049
- --hop-primary-surface: var(--hop-sapphire-50);
1070
+ --hop-primary-text-press: var(--hop-iris-700);
1071
+ --hop-primary-text-hover: var(--hop-iris-600);
1072
+ --hop-primary-text-disabled: var(--hop-iris-200);
1073
+ --hop-primary-text-selected: var(--hop-persimmon-500);
1074
+ --hop-primary-text: var(--hop-iris-500);
1075
+ --hop-primary-surface-weak-press: var(--hop-iris-75);
1076
+ --hop-primary-surface-weak-hover: var(--hop-iris-50);
1077
+ --hop-primary-surface-weak-selected: var(--hop-persimmon-200);
1078
+ --hop-primary-surface-weak: var(--hop-iris-25);
1079
+ --hop-primary-surface-strong-press: var(--hop-iris-700);
1080
+ --hop-primary-surface-strong-hover: var(--hop-iris-600);
1081
+ --hop-primary-surface-strong-selected: var(--hop-persimmon-50);
1082
+ --hop-primary-surface-strong: var(--hop-iris-400);
1083
+ --hop-primary-surface-press: var(--hop-iris-300);
1084
+ --hop-primary-surface-hover: var(--hop-iris-200);
1085
+ --hop-primary-surface-focus: var(--hop-iris-25);
1086
+ --hop-primary-surface-disabled: var(--hop-iris-200);
1087
+ --hop-primary-surface-selected: var(--hop-persimmon-300);
1088
+ --hop-primary-surface: var(--hop-iris-50);
1050
1089
  --hop-primary-icon-strong-hover: var(--hop-samoyed);
1051
1090
  --hop-primary-icon-strong: var(--hop-samoyed);
1052
- --hop-primary-icon-press: var(--hop-sapphire-700);
1053
- --hop-primary-icon-hover: var(--hop-sapphire-600);
1054
- --hop-primary-icon-disabled: var(--hop-sapphire-200);
1055
- --hop-primary-icon-selected: var(--hop-sapphire-500);
1056
- --hop-primary-icon: var(--hop-sapphire-500);
1057
- --hop-primary-border-press: var(--hop-sapphire-300);
1058
- --hop-primary-border-focus: var(--hop-sapphire-500);
1059
- --hop-primary-border-selected: var(--hop-sapphire-400);
1060
- --hop-primary-border: var(--hop-sapphire-400);
1091
+ --hop-primary-icon-press: var(--hop-iris-700);
1092
+ --hop-primary-icon-hover: var(--hop-iris-600);
1093
+ --hop-primary-icon-disabled: var(--hop-iris-200);
1094
+ --hop-primary-icon-selected: var(--hop-persimmon-500);
1095
+ --hop-primary-icon: var(--hop-iris-500);
1096
+ --hop-primary-border-press: var(--hop-iris-500);
1097
+ --hop-primary-border-focus: var(--hop-iris-500);
1098
+ --hop-primary-border-selected: var(--hop-persimmon-400);
1099
+ --hop-primary-border: var(--hop-iris-400);
1061
1100
  --hop-primary-text-active: var(--hop-sapphire-700);
1062
1101
  --hop-primary-surface-weak-active: var(--hop-sapphire-75);
1063
1102
  --hop-primary-surface-strong-active: var(--hop-sapphire-700);
package/dist/theme/generated/workleap/dark.css CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file is generated by Style Dictionary. Do not edit directly.
3
3
  */
4
4
 
5
- .hop-5-0-0-workleap-dark {
5
+ .hop-5-1-0-workleap-dark {
6
6
  --hop-space-1280: 8rem;
7
7
  --hop-space-960: 6rem;
8
8
  --hop-space-800: 5rem;
@@ -17,6 +17,7 @@
17
17
  --hop-space-20: 0.125rem;
18
18
  --hop-space-10: 0.0625rem;
19
19
  --hop-space-0: 0;
20
+ --hop-border-radius-2-5: 0.75rem;
20
21
  --hop-border-radius-9999: 624.9375rem;
21
22
  --hop-border-radius-4: 1.5rem;
22
23
  --hop-border-radius-3: 1rem;
@@ -58,24 +59,25 @@
58
59
  --hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
59
60
  --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
60
61
  --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
62
+ --hop-shadow-inset-bevel: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
61
63
  --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);
62
64
  --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);
63
65
  --hop-shadow-sm: 0 1px 6px 0 rgba(60, 60, 60, 0.10);
64
66
  --hop-shadow-none: none;
65
67
  --hop-samoyed: #ffffff;
66
- --hop-rock-900: #292929;
67
- --hop-rock-800: #3c3c3c;
68
- --hop-rock-700: #505050;
69
- --hop-rock-600: #636362;
70
- --hop-rock-500: #6c6c6b;
71
- --hop-rock-400: #777775;
72
- --hop-rock-300: #959593;
73
- --hop-rock-200: #b3b3b1;
74
- --hop-rock-100: #ccccca;
75
- --hop-rock-75: #e0dfdd;
76
- --hop-rock-50: #ecebe8;
77
- --hop-rock-25: #f8f6f3;
78
- --hop-rock-20: #fcfbfb;
68
+ --hop-rock-900: #232426;
69
+ --hop-rock-800: #313335;
70
+ --hop-rock-700: #484a4d;
71
+ --hop-rock-600: #5e6064;
72
+ --hop-rock-500: #6c6e72;
73
+ --hop-rock-400: #787a7e;
74
+ --hop-rock-300: #96989d;
75
+ --hop-rock-200: #b3b5ba;
76
+ --hop-rock-100: #cbcdd2;
77
+ --hop-rock-75: #e1e3e7;
78
+ --hop-rock-50: #eef0f2;
79
+ --hop-rock-25: #f8f9fa;
80
+ --hop-rock-20: #fafbfc;
79
81
  --hop-abyss: #1d1d1c;
80
82
  --hop-moss-900: #132a27;
81
83
  --hop-moss-800: #16433d;
@@ -101,6 +103,18 @@
101
103
  --hop-amanita-75: #ffd6d3;
102
104
  --hop-amanita-50: #fde6e5;
103
105
  --hop-amanita-25: #fdf6f6;
106
+ --hop-limeburst-900: #1f2b00;
107
+ --hop-limeburst-800: #304200;
108
+ --hop-limeburst-700: #415800;
109
+ --hop-limeburst-600: #4f6c00;
110
+ --hop-limeburst-500: #577600;
111
+ --hop-limeburst-400: #5f8100;
112
+ --hop-limeburst-300: #77a300;
113
+ --hop-limeburst-200: #8fc300;
114
+ --hop-limeburst-100: #a3df00;
115
+ --hop-limeburst-75: #b3f400;
116
+ --hop-limeburst-50: #ccff42;
117
+ --hop-limeburst-25: #edffbc;
104
118
  --hop-koi-900: #451a02;
105
119
  --hop-koi-800: #692803;
106
120
  --hop-koi-700: #8c3504;
@@ -137,6 +151,18 @@
137
151
  --hop-toad-75: #e5ded6;
138
152
  --hop-toad-50: #f0eae3;
139
153
  --hop-toad-25: #fef6ef;
154
+ --hop-iris-900: #292362;
155
+ --hop-iris-800: #3b356c;
156
+ --hop-iris-700: #4d468f;
157
+ --hop-iris-600: #6057b3;
158
+ --hop-iris-500: #685dc9;
159
+ --hop-iris-400: #736ad2;
160
+ --hop-iris-300: #8e85ec;
161
+ --hop-iris-200: #b4abff;
162
+ --hop-iris-100: #c3bcff;
163
+ --hop-iris-75: #deddff;
164
+ --hop-iris-50: #eceaff;
165
+ --hop-iris-25: #f6f6ff;
140
166
  --hop-fog-900: #20282a;
141
167
  --hop-fog-800: #313e43;
142
168
  --hop-fog-700: #40535a;
@@ -161,6 +187,18 @@
161
187
  --hop-sapphire-75: #d6e0ff;
162
188
  --hop-sapphire-50: #e6ebff;
163
189
  --hop-sapphire-25: #f5f6ff;
190
+ --hop-persimmon-900: #4c1300;
191
+ --hop-persimmon-800: #731e00;
192
+ --hop-persimmon-700: #982700;
193
+ --hop-persimmon-600: #ba3000;
194
+ --hop-persimmon-500: #ca3400;
195
+ --hop-persimmon-400: #dd3900;
196
+ --hop-persimmon-300: #ff5b22;
197
+ --hop-persimmon-200: #ff9874;
198
+ --hop-persimmon-100: #ffbda7;
199
+ --hop-persimmon-75: #ffd8ca;
200
+ --hop-persimmon-50: #ffe7df;
201
+ --hop-persimmon-25: #fff5f2;
164
202
  --hop-orchid-bloom-900: #1e1c5d;
165
203
  --hop-orchid-bloom-800: #322b8d;
166
204
  --hop-orchid-bloom-700: #433fac;
@@ -617,6 +655,7 @@
617
655
  --hop-primary-text: var(--hop-sapphire-100);
618
656
  --hop-primary-surface-weak-press: var(--hop-sapphire-600);
619
657
  --hop-primary-surface-weak-hover: var(--hop-sapphire-700);
658
+ --hop-primary-surface-weak-selected: var(--hop-sapphire-600);
620
659
  --hop-primary-surface-weak: var(--hop-sapphire-800);
621
660
  --hop-primary-surface-strong-press: var(--hop-sapphire-600);
622
661
  --hop-primary-surface-strong-hover: var(--hop-sapphire-500);
@@ -628,14 +667,14 @@
628
667
  --hop-primary-surface-disabled: var(--hop-sapphire-700);
629
668
  --hop-primary-surface-selected: var(--hop-sapphire-800);
630
669
  --hop-primary-surface: var(--hop-sapphire-200);
631
- --hop-primary-icon-strong-hover: var(--hop-sapphire-300);
670
+ --hop-primary-icon-strong-hover: var(--hop-samoyed);
632
671
  --hop-primary-icon-strong: var(--hop-samoyed);
633
672
  --hop-primary-icon-press: var(--hop-sapphire-75);
634
673
  --hop-primary-icon-hover: var(--hop-sapphire-300);
635
674
  --hop-primary-icon-disabled: var(--hop-sapphire-700);
636
675
  --hop-primary-icon-selected: var(--hop-sapphire-200);
637
- --hop-primary-icon: var(--hop-sapphire-200);
638
- --hop-primary-border-press: var(--hop-sapphire-500);
676
+ --hop-primary-icon: var(--hop-sapphire-100);
677
+ --hop-primary-border-press: var(--hop-sapphire-400);
639
678
  --hop-primary-border-focus: var(--hop-sapphire-200);
640
679
  --hop-primary-border-selected: var(--hop-sapphire-300);
641
680
  --hop-primary-border: var(--hop-sapphire-300);
package/dist/theme/generated/workleap/light.css CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file is generated by Style Dictionary. Do not edit directly.
3
3
  */
4
4
 
5
- .hop-5-0-0-workleap {
5
+ .hop-5-1-0-workleap {
6
6
  --hop-overline-bottom-offset: -0.25rem;
7
7
  --hop-overline-top-offset: -0.25rem;
8
8
  --hop-heading-xs-medium-bottom-offset: -0.25rem;
@@ -295,6 +295,7 @@
295
295
  --hop-space-20: 0.125rem;
296
296
  --hop-space-10: 0.0625rem;
297
297
  --hop-space-0: 0;
298
+ --hop-border-radius-2-5: 0.75rem;
298
299
  --hop-border-radius-9999: 624.9375rem;
299
300
  --hop-border-radius-4: 1.5rem;
300
301
  --hop-border-radius-3: 1rem;
@@ -336,24 +337,25 @@
336
337
  --hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
337
338
  --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
338
339
  --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
340
+ --hop-shadow-inset-bevel: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
339
341
  --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);
340
342
  --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);
341
343
  --hop-shadow-sm: 0 1px 6px 0 rgba(60, 60, 60, 0.10);
342
344
  --hop-shadow-none: none;
343
345
  --hop-samoyed: #ffffff;
344
- --hop-rock-900: #292929;
345
- --hop-rock-800: #3c3c3c;
346
- --hop-rock-700: #505050;
347
- --hop-rock-600: #636362;
348
- --hop-rock-500: #6c6c6b;
349
- --hop-rock-400: #777775;
350
- --hop-rock-300: #959593;
351
- --hop-rock-200: #b3b3b1;
352
- --hop-rock-100: #ccccca;
353
- --hop-rock-75: #e0dfdd;
354
- --hop-rock-50: #ecebe8;
355
- --hop-rock-25: #f8f6f3;
356
- --hop-rock-20: #fcfbfb;
346
+ --hop-rock-900: #232426;
347
+ --hop-rock-800: #313335;
348
+ --hop-rock-700: #484a4d;
349
+ --hop-rock-600: #5e6064;
350
+ --hop-rock-500: #6c6e72;
351
+ --hop-rock-400: #787a7e;
352
+ --hop-rock-300: #96989d;
353
+ --hop-rock-200: #b3b5ba;
354
+ --hop-rock-100: #cbcdd2;
355
+ --hop-rock-75: #e1e3e7;
356
+ --hop-rock-50: #eef0f2;
357
+ --hop-rock-25: #f8f9fa;
358
+ --hop-rock-20: #fafbfc;
357
359
  --hop-abyss: #1d1d1c;
358
360
  --hop-moss-900: #132a27;
359
361
  --hop-moss-800: #16433d;
@@ -379,6 +381,18 @@
379
381
  --hop-amanita-75: #ffd6d3;
380
382
  --hop-amanita-50: #fde6e5;
381
383
  --hop-amanita-25: #fdf6f6;
384
+ --hop-limeburst-900: #1f2b00;
385
+ --hop-limeburst-800: #304200;
386
+ --hop-limeburst-700: #415800;
387
+ --hop-limeburst-600: #4f6c00;
388
+ --hop-limeburst-500: #577600;
389
+ --hop-limeburst-400: #5f8100;
390
+ --hop-limeburst-300: #77a300;
391
+ --hop-limeburst-200: #8fc300;
392
+ --hop-limeburst-100: #a3df00;
393
+ --hop-limeburst-75: #b3f400;
394
+ --hop-limeburst-50: #ccff42;
395
+ --hop-limeburst-25: #edffbc;
382
396
  --hop-koi-900: #451a02;
383
397
  --hop-koi-800: #692803;
384
398
  --hop-koi-700: #8c3504;
@@ -415,6 +429,18 @@
415
429
  --hop-toad-75: #e5ded6;
416
430
  --hop-toad-50: #f0eae3;
417
431
  --hop-toad-25: #fef6ef;
432
+ --hop-iris-900: #292362;
433
+ --hop-iris-800: #3b356c;
434
+ --hop-iris-700: #4d468f;
435
+ --hop-iris-600: #6057b3;
436
+ --hop-iris-500: #685dc9;
437
+ --hop-iris-400: #736ad2;
438
+ --hop-iris-300: #8e85ec;
439
+ --hop-iris-200: #b4abff;
440
+ --hop-iris-100: #c3bcff;
441
+ --hop-iris-75: #deddff;
442
+ --hop-iris-50: #eceaff;
443
+ --hop-iris-25: #f6f6ff;
418
444
  --hop-fog-900: #20282a;
419
445
  --hop-fog-800: #313e43;
420
446
  --hop-fog-700: #40535a;
@@ -439,6 +465,18 @@
439
465
  --hop-sapphire-75: #d6e0ff;
440
466
  --hop-sapphire-50: #e6ebff;
441
467
  --hop-sapphire-25: #f5f6ff;
468
+ --hop-persimmon-900: #4c1300;
469
+ --hop-persimmon-800: #731e00;
470
+ --hop-persimmon-700: #982700;
471
+ --hop-persimmon-600: #ba3000;
472
+ --hop-persimmon-500: #ca3400;
473
+ --hop-persimmon-400: #dd3900;
474
+ --hop-persimmon-300: #ff5b22;
475
+ --hop-persimmon-200: #ff9874;
476
+ --hop-persimmon-100: #ffbda7;
477
+ --hop-persimmon-75: #ffd8ca;
478
+ --hop-persimmon-50: #ffe7df;
479
+ --hop-persimmon-25: #fff5f2;
442
480
  --hop-orchid-bloom-900: #1e1c5d;
443
481
  --hop-orchid-bloom-800: #322b8d;
444
482
  --hop-orchid-bloom-700: #433fac;
@@ -1036,6 +1074,7 @@
1036
1074
  --hop-primary-text: var(--hop-sapphire-500);
1037
1075
  --hop-primary-surface-weak-press: var(--hop-sapphire-75);
1038
1076
  --hop-primary-surface-weak-hover: var(--hop-sapphire-50);
1077
+ --hop-primary-surface-weak-selected: var(--hop-sapphire-100);
1039
1078
  --hop-primary-surface-weak: var(--hop-sapphire-25);
1040
1079
  --hop-primary-surface-strong-press: var(--hop-sapphire-700);
1041
1080
  --hop-primary-surface-strong-hover: var(--hop-sapphire-600);
@@ -1054,7 +1093,7 @@
1054
1093
  --hop-primary-icon-disabled: var(--hop-sapphire-200);
1055
1094
  --hop-primary-icon-selected: var(--hop-sapphire-500);
1056
1095
  --hop-primary-icon: var(--hop-sapphire-500);
1057
- --hop-primary-border-press: var(--hop-sapphire-300);
1096
+ --hop-primary-border-press: var(--hop-sapphire-500);
1058
1097
  --hop-primary-border-focus: var(--hop-sapphire-500);
1059
1098
  --hop-primary-border-selected: var(--hop-sapphire-400);
1060
1099
  --hop-primary-border: var(--hop-sapphire-400);
package/dist/tokens/generated/styledSystemConstants.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  declare const HopperRootCssClass = "hop";
2
- declare const StyledSystemRootCssClass = "hop-5-0-0";
2
+ declare const StyledSystemRootCssClass = "hop-5-1-0";
3
3
  declare const HopperVariablePrefix = "--hop";
4
4
  type Theme = "sharegate" | "workleap";
5
5
 
package/dist/tokens/generated/styledSystemConstants.js CHANGED
@@ -1,2 +1,2 @@
1
- export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from '../../chunk-YQ665QH5.js';
1
+ export { HopperRootCssClass, HopperVariablePrefix, StyledSystemRootCssClass } from '../../chunk-WNTAV75B.js';
2
2
  import '../../chunk-AQ5VUG5P.js';
package/dist/tokens/generated/styledSystemToTokenMappings.d.ts CHANGED
@@ -38,6 +38,18 @@ declare const HopperColors: {
38
38
  readonly "core_orchid-bloom-700": "orchid-bloom-700";
39
39
  readonly "core_orchid-bloom-800": "orchid-bloom-800";
40
40
  readonly "core_orchid-bloom-900": "orchid-bloom-900";
41
+ readonly "core_persimmon-25": "persimmon-25";
42
+ readonly "core_persimmon-50": "persimmon-50";
43
+ readonly "core_persimmon-75": "persimmon-75";
44
+ readonly "core_persimmon-100": "persimmon-100";
45
+ readonly "core_persimmon-200": "persimmon-200";
46
+ readonly "core_persimmon-300": "persimmon-300";
47
+ readonly "core_persimmon-400": "persimmon-400";
48
+ readonly "core_persimmon-500": "persimmon-500";
49
+ readonly "core_persimmon-600": "persimmon-600";
50
+ readonly "core_persimmon-700": "persimmon-700";
51
+ readonly "core_persimmon-800": "persimmon-800";
52
+ readonly "core_persimmon-900": "persimmon-900";
41
53
  readonly "core_sapphire-25": "sapphire-25";
42
54
  readonly "core_sapphire-50": "sapphire-50";
43
55
  readonly "core_sapphire-75": "sapphire-75";
@@ -62,6 +74,18 @@ declare const HopperColors: {
62
74
  readonly "core_fog-700": "fog-700";
63
75
  readonly "core_fog-800": "fog-800";
64
76
  readonly "core_fog-900": "fog-900";
77
+ readonly "core_iris-25": "iris-25";
78
+ readonly "core_iris-50": "iris-50";
79
+ readonly "core_iris-75": "iris-75";
80
+ readonly "core_iris-100": "iris-100";
81
+ readonly "core_iris-200": "iris-200";
82
+ readonly "core_iris-300": "iris-300";
83
+ readonly "core_iris-400": "iris-400";
84
+ readonly "core_iris-500": "iris-500";
85
+ readonly "core_iris-600": "iris-600";
86
+ readonly "core_iris-700": "iris-700";
87
+ readonly "core_iris-800": "iris-800";
88
+ readonly "core_iris-900": "iris-900";
65
89
  readonly "core_toad-25": "toad-25";
66
90
  readonly "core_toad-50": "toad-50";
67
91
  readonly "core_toad-75": "toad-75";
@@ -98,6 +122,18 @@ declare const HopperColors: {
98
122
  readonly "core_koi-700": "koi-700";
99
123
  readonly "core_koi-800": "koi-800";
100
124
  readonly "core_koi-900": "koi-900";
125
+ readonly "core_limeburst-25": "limeburst-25";
126
+ readonly "core_limeburst-50": "limeburst-50";
127
+ readonly "core_limeburst-75": "limeburst-75";
128
+ readonly "core_limeburst-100": "limeburst-100";
129
+ readonly "core_limeburst-200": "limeburst-200";
130
+ readonly "core_limeburst-300": "limeburst-300";
131
+ readonly "core_limeburst-400": "limeburst-400";
132
+ readonly "core_limeburst-500": "limeburst-500";
133
+ readonly "core_limeburst-600": "limeburst-600";
134
+ readonly "core_limeburst-700": "limeburst-700";
135
+ readonly "core_limeburst-800": "limeburst-800";
136
+ readonly "core_limeburst-900": "limeburst-900";
101
137
  readonly "core_amanita-25": "amanita-25";
102
138
  readonly "core_amanita-50": "amanita-50";
103
139
  readonly "core_amanita-75": "amanita-75";
@@ -180,6 +216,7 @@ declare const BackgroundColors: {
180
216
  readonly "primary-strong-hover": "primary-surface-strong-hover";
181
217
  readonly "primary-strong-press": "primary-surface-strong-press";
182
218
  readonly "primary-weak": "primary-surface-weak";
219
+ readonly "primary-weak-selected": "primary-surface-weak-selected";
183
220
  readonly "primary-weak-hover": "primary-surface-weak-hover";
184
221
  readonly "primary-weak-press": "primary-surface-weak-press";
185
222
  readonly "upsell-active": "upsell-surface-active";
@@ -954,6 +991,7 @@ declare const Elevation: {
954
991
  readonly core_sm: "shadow-sm";
955
992
  readonly core_md: "shadow-md";
956
993
  readonly core_lg: "shadow-lg";
994
+ readonly "core_inset-bevel": "shadow-inset-bevel";
957
995
  readonly none: "elevation-none";
958
996
  readonly raised: "elevation-raised";
959
997
  readonly lifted: "elevation-lifted";
@@ -1153,6 +1191,7 @@ declare const Shape: {
1153
1191
  readonly core_3: "border-radius-3";
1154
1192
  readonly core_4: "border-radius-4";
1155
1193
  readonly core_9999: "border-radius-9999";
1194
+ readonly "core_2-5": "border-radius-2-5";
1156
1195
  readonly circle: "shape-circle";
1157
1196
  readonly pill: "shape-pill";
1158
1197
  readonly "rounded-lg": "shape-rounded-lg";
package/dist/tokens/generated/styledSystemToTokenMappings.js CHANGED
@@ -1,2 +1,2 @@
1
- export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, HopperColors, IconColors, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-A54ZRFEM.js';
1
+ export { BackgroundColors, BorderColors, CoreSpace, DataVizColors, Elevation, FontFamily, FontOffset, FontSize, FontWeight, HopperColors, IconColors, LineHeight, Motions, SemanticComplexMarginSpace, SemanticComplexPaddingSpace, SemanticSimpleMarginSpace, SemanticSimplePaddingSpace, Shape, TextColors } from '../../chunk-LMCQIGNN.js';
2
2
  import '../../chunk-AQ5VUG5P.js';