@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 +31 -19
- package/dist/semantic-colors.css +22 -8
- package/dist/semantic-colors.d.ts +31 -19
- package/dist/semantic-colors.js +25 -19
- package/package.json +2 -2
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
|
-
|
|
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,
|
package/dist/semantic-colors.css
CHANGED
|
@@ -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
|
-
|
|
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,
|
package/dist/semantic-colors.js
CHANGED
|
@@ -79,14 +79,20 @@ export const surfaces = {
|
|
|
79
79
|
};
|
|
80
80
|
|
|
81
81
|
/**
|
|
82
|
-
* @typedef {{
|
|
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
|
-
"
|
|
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.
|
|
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.
|
|
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"
|