@moderneinc/neo-design 2.8.0-next.eb01a5 → 2.8.0-next.fea0d4

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.ts CHANGED
@@ -644,7 +644,21 @@ black: '#000000';
644
644
  declare const surfaces: Surfaces;
645
645
 
646
646
  type Typography = {
647
- searchInput: '#ffffff';
647
+ searchInputBackground: '#ffffff';
648
+ linkDefault: '#ffffff';
649
+ linkHover: '#ffffff';
650
+ navigation: {
651
+ search: {
652
+ highlightText: '#1e2ec2';
653
+ highlightBackground: 'rgba(47, 66, 255, 0)';
654
+ inputBackground: '#f2f3ff';
655
+ highlightBackgroundActive: '#b6bfff';
656
+ };
657
+ default: '#1f2937';
658
+ };
659
+ linkVisited: '#ffffff';
660
+ linkWhite: '#ffffff';
661
+ linkWhiteHover: '#ffffff';
648
662
  input: {
649
663
  placeholder: '#9ca3af';
650
664
  default: '#1f2937';
@@ -684,9 +698,6 @@ warning: '#1f2937';
684
698
  * @scopes All Fills, Stroke Color
685
699
  */
686
700
  tooltip: '#ffffff';
687
- navigation: {
688
- default: '#1f2937';
689
- };
690
701
  /**
691
702
  * @scopes All Fills, Stroke Color
692
703
  */
@@ -703,6 +714,21 @@ body: '#1f2937';
703
714
 
704
715
  declare const typography: Typography;
705
716
 
717
+ type Border = {
718
+ overlay: 'rgba(255, 255, 255, 0)';
719
+ /**
720
+ * @scopes All Fills, Stroke Color
721
+ */
722
+ primary: '#d1d5db';
723
+ /**
724
+ * @scopes All Fills, Stroke Color
725
+ */
726
+ secondary: '#e5e7eb';
727
+ focus: '#3bcca6';
728
+ };
729
+
730
+ declare const border: Border;
731
+
706
732
  type Input$1 = {
707
733
  /**
708
734
  * @scopes All Fills, Stroke Color
@@ -809,20 +835,6 @@ activeBorder: '#2f42ff';
809
835
 
810
836
  declare const buttons: Buttons;
811
837
 
812
- type Border = {
813
- /**
814
- * @scopes All Fills, Stroke Color
815
- */
816
- primary: '#d1d5db';
817
- /**
818
- * @scopes All Fills, Stroke Color
819
- */
820
- secondary: '#e5e7eb';
821
- focus: '#3bcca6';
822
- };
823
-
824
- declare const border: Border;
825
-
826
838
  type Activity = {
827
839
  /**
828
840
  * @scopes All Fills, Stroke Color
@@ -904,10 +916,10 @@ declare const _default$4: {
904
916
  icons: typeof icons,
905
917
  surfaces: typeof surfaces,
906
918
  typography: typeof typography,
919
+ border: typeof border,
907
920
  input: typeof input$1,
908
921
  status: typeof status,
909
922
  buttons: typeof buttons,
910
- border: typeof border,
911
923
  activity: typeof activity,
912
924
  data: typeof data,
913
925
  tab: typeof tab$1,
@@ -52,7 +52,22 @@
52
52
  --neo-surfaces-white: #ffffff;
53
53
  /* Scopes: All Fills, Stroke Color */
54
54
  --neo-surfaces-black: #000000;
55
- --neo-typography-search-input: #ffffff;
55
+ --neo-typography-search-input-background: #ffffff;
56
+ --neo-typography-link-default: #ffffff;
57
+ --neo-typography-link-hover: #ffffff;
58
+ /* Scopes: All Fills, Stroke Color */
59
+ --neo-typography-navigation-search-highlight-text: #1e2ec2;
60
+ /* Scopes: All Fills, Stroke Color */
61
+ --neo-typography-navigation-search-highlight-background: rgba(47, 66, 255, 0);
62
+ /* Scopes: All Fills, Stroke Color */
63
+ --neo-typography-navigation-search-input-background: #f2f3ff;
64
+ /* Scopes: All Fills, Stroke Color */
65
+ --neo-typography-navigation-search-highlight-background-active: #b6bfff;
66
+ /* Scopes: All Fills, Stroke Color */
67
+ --neo-typography-navigation-default: #1f2937;
68
+ --neo-typography-link-visited: #ffffff;
69
+ --neo-typography-link-white: #ffffff;
70
+ --neo-typography-link-white-hover: #ffffff;
56
71
  /* Scopes: All Fills, Stroke Color */
57
72
  --neo-typography-input-placeholder: #9ca3af;
58
73
  /* Scopes: All Fills, Stroke Color */
@@ -87,14 +102,18 @@
87
102
  --neo-typography-warning: #1f2937;
88
103
  /* Scopes: All Fills, Stroke Color */
89
104
  --neo-typography-tooltip: #ffffff;
90
- /* Scopes: All Fills, Stroke Color */
91
- --neo-typography-navigation-default: #1f2937;
92
105
  /* Scopes: All Fills, Stroke Color */
93
106
  --neo-typography-legal: #9ca3af;
94
107
  /* Scopes: All Fills, Stroke Color */
95
108
  --neo-typography-body-secondary: #6b7280;
96
109
  /* Scopes: All Fills, Stroke Color */
97
110
  --neo-typography-body: #1f2937;
111
+ --neo-border-overlay: rgba(255, 255, 255, 0);
112
+ /* Scopes: All Fills, Stroke Color */
113
+ --neo-border-primary: #d1d5db;
114
+ /* Scopes: All Fills, Stroke Color */
115
+ --neo-border-secondary: #e5e7eb;
116
+ --neo-border-focus: #3bcca6;
98
117
  /* Scopes: All Fills, Stroke Color */
99
118
  --neo-input-checkbox: #d1d5db;
100
119
  /* Scopes: All Fills, Stroke Color */
@@ -190,11 +209,6 @@
190
209
  --neo-buttons-navigation-pressed-background: #e5e7eb;
191
210
  /* Scopes: All Fills, Stroke Color */
192
211
  --neo-buttons-navigation-active-border: #2f42ff;
193
- /* Scopes: All Fills, Stroke Color */
194
- --neo-border-primary: #d1d5db;
195
- /* Scopes: All Fills, Stroke Color */
196
- --neo-border-secondary: #e5e7eb;
197
- --neo-border-focus: #3bcca6;
198
212
  /* Scopes: All Fills, Stroke Color */
199
213
  --neo-activity-recipe-run: #992fb9;
200
214
  /* Scopes: All Fills, Stroke Color */
@@ -119,7 +119,21 @@ black: '#000000';
119
119
  export declare const surfaces: Surfaces;
120
120
 
121
121
  export type Typography = {
122
- searchInput: '#ffffff';
122
+ searchInputBackground: '#ffffff';
123
+ linkDefault: '#ffffff';
124
+ linkHover: '#ffffff';
125
+ navigation: {
126
+ search: {
127
+ highlightText: '#1e2ec2';
128
+ highlightBackground: 'rgba(47, 66, 255, 0)';
129
+ inputBackground: '#f2f3ff';
130
+ highlightBackgroundActive: '#b6bfff';
131
+ };
132
+ default: '#1f2937';
133
+ };
134
+ linkVisited: '#ffffff';
135
+ linkWhite: '#ffffff';
136
+ linkWhiteHover: '#ffffff';
123
137
  input: {
124
138
  placeholder: '#9ca3af';
125
139
  default: '#1f2937';
@@ -159,9 +173,6 @@ warning: '#1f2937';
159
173
  * @scopes All Fills, Stroke Color
160
174
  */
161
175
  tooltip: '#ffffff';
162
- navigation: {
163
- default: '#1f2937';
164
- };
165
176
  /**
166
177
  * @scopes All Fills, Stroke Color
167
178
  */
@@ -178,6 +189,21 @@ body: '#1f2937';
178
189
 
179
190
  export declare const typography: Typography;
180
191
 
192
+ export type Border = {
193
+ overlay: 'rgba(255, 255, 255, 0)';
194
+ /**
195
+ * @scopes All Fills, Stroke Color
196
+ */
197
+ primary: '#d1d5db';
198
+ /**
199
+ * @scopes All Fills, Stroke Color
200
+ */
201
+ secondary: '#e5e7eb';
202
+ focus: '#3bcca6';
203
+ };
204
+
205
+ export declare const border: Border;
206
+
181
207
  export type Input = {
182
208
  /**
183
209
  * @scopes All Fills, Stroke Color
@@ -284,20 +310,6 @@ activeBorder: '#2f42ff';
284
310
 
285
311
  export declare const buttons: Buttons;
286
312
 
287
- export type Border = {
288
- /**
289
- * @scopes All Fills, Stroke Color
290
- */
291
- primary: '#d1d5db';
292
- /**
293
- * @scopes All Fills, Stroke Color
294
- */
295
- secondary: '#e5e7eb';
296
- focus: '#3bcca6';
297
- };
298
-
299
- export declare const border: Border;
300
-
301
313
  export type Activity = {
302
314
  /**
303
315
  * @scopes All Fills, Stroke Color
@@ -379,10 +391,10 @@ declare const _default: {
379
391
  icons: typeof icons,
380
392
  surfaces: typeof surfaces,
381
393
  typography: typeof typography,
394
+ border: typeof border,
382
395
  input: typeof input,
383
396
  status: typeof status,
384
397
  buttons: typeof buttons,
385
- border: typeof border,
386
398
  activity: typeof activity,
387
399
  data: typeof data,
388
400
  tab: typeof tab,
@@ -79,14 +79,20 @@ export const surfaces = {
79
79
  };
80
80
 
81
81
  /**
82
- * @typedef {{ searchInput: string, input: object, code: object, button: object, tab: object, link: object, error: string, success: string, warning: string, tooltip: string, navigation: object, legal: string, bodySecondary: string, body: string }} Typography
82
+ * @typedef {{ searchInputBackground: string, linkDefault: string, linkHover: string, navigation: object, linkVisited: string, linkWhite: string, linkWhiteHover: string, input: object, code: object, button: object, tab: object, link: object, error: string, success: string, warning: string, tooltip: string, legal: string, bodySecondary: string, body: string }} Typography
83
83
  */
84
84
 
85
85
  /**
86
86
  * @type {Typography}
87
87
  */
88
88
  export const typography = {
89
- "searchInput": "#ffffff",
89
+ "searchInputBackground": "#ffffff",
90
+ "linkDefault": "#ffffff",
91
+ "linkHover": "#ffffff",
92
+ "navigation": {"search":{"highlightText":"#1e2ec2","highlightBackground":"rgba(47, 66, 255, 0)","inputBackground":"#f2f3ff","highlightBackgroundActive":"#b6bfff"},"default":"#1f2937"},
93
+ "linkVisited": "#ffffff",
94
+ "linkWhite": "#ffffff",
95
+ "linkWhiteHover": "#ffffff",
90
96
  "input": {"placeholder":"#9ca3af","default":"#1f2937","label":"#1f2937","helper":"#4b5563"},
91
97
  "code": {"primary":"#1f2937","secondary":"#9ca3af"},
92
98
  "button": {"disabled":"#9ca3af"},
@@ -100,7 +106,6 @@ export const typography = {
100
106
  "warning": "#1f2937",
101
107
  /** Scopes: All Fills, Stroke Color */
102
108
  "tooltip": "#ffffff",
103
- "navigation": {"default":"#1f2937"},
104
109
  /** Scopes: All Fills, Stroke Color */
105
110
  "legal": "#9ca3af",
106
111
  /** Scopes: All Fills, Stroke Color */
@@ -109,6 +114,22 @@ export const typography = {
109
114
  "body": "#1f2937",
110
115
  };
111
116
 
117
+ /**
118
+ * @typedef {{ overlay: string, primary: string, secondary: string, focus: string }} Border
119
+ */
120
+
121
+ /**
122
+ * @type {Border}
123
+ */
124
+ export const border = {
125
+ "overlay": "rgba(255, 255, 255, 0)",
126
+ /** Scopes: All Fills, Stroke Color */
127
+ "primary": "#d1d5db",
128
+ /** Scopes: All Fills, Stroke Color */
129
+ "secondary": "#e5e7eb",
130
+ "focus": "#3bcca6",
131
+ };
132
+
112
133
  /**
113
134
  * @typedef {{ checkbox: string, hoverBackground: string, background: string, disabledBackground: string }} Input
114
135
  */
@@ -161,21 +182,6 @@ export const buttons = {
161
182
  "navigation": {"defaultBorder":"#b6bfff","hoverBackground":"#f3f4f6","pressedBackground":"#e5e7eb","activeBorder":"#2f42ff"},
162
183
  };
163
184
 
164
- /**
165
- * @typedef {{ primary: string, secondary: string, focus: string }} Border
166
- */
167
-
168
- /**
169
- * @type {Border}
170
- */
171
- export const border = {
172
- /** Scopes: All Fills, Stroke Color */
173
- "primary": "#d1d5db",
174
- /** Scopes: All Fills, Stroke Color */
175
- "secondary": "#e5e7eb",
176
- "focus": "#3bcca6",
177
- };
178
-
179
185
  /**
180
186
  * @typedef {{ recipeRun: string, commitJob: string, visualization: string }} Activity
181
187
  */
@@ -253,10 +259,10 @@ export default {
253
259
  icons,
254
260
  surfaces,
255
261
  typography,
262
+ border,
256
263
  input,
257
264
  status,
258
265
  buttons,
259
- border,
260
266
  activity,
261
267
  data,
262
268
  tab,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moderneinc/neo-design",
3
- "version": "2.8.0-next.eb01a5",
3
+ "version": "2.8.0-next.fea0d4",
4
4
  "type": "module",
5
5
  "description": "Design primitives and tokens for Moderne applications",
6
6
  "main": "dist/index.js",
@@ -57,7 +57,7 @@
57
57
  "@types/node": "25.5.0",
58
58
  "conventional-changelog-conventionalcommits": "9.3.0",
59
59
  "dotenv": "17.3.1",
60
- "rollup": "4.59.0",
60
+ "rollup": "4.60.0",
61
61
  "rollup-plugin-dts": "6.4.0",
62
62
  "semantic-release": "25.0.2",
63
63
  "typescript": "5.9.2"