@moderneinc/neo-design 2.8.0 → 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 (17) hide show
  1. package/dist/index.d.ts +388 -376
  2. package/dist/semantic-colors.css +122 -108
  3. package/dist/semantic-colors.d.ts +194 -182
  4. package/dist/semantic-colors.js +131 -125
  5. package/dist/semantic-typography.css +46 -46
  6. package/dist/semantic-typography.d.ts +58 -58
  7. package/dist/semantic-typography.js +8 -8
  8. package/dist/shadows.css +6 -6
  9. package/dist/shadows.d.ts +62 -62
  10. package/dist/shadows.js +76 -76
  11. package/dist/spacing.css +12 -12
  12. package/dist/spacing.d.ts +24 -24
  13. package/dist/spacing.js +25 -25
  14. package/dist/typography.css +24 -24
  15. package/dist/typography.d.ts +50 -50
  16. package/dist/typography.js +50 -50
  17. package/package.json +2 -2
package/dist/typography.css CHANGED
@@ -1,20 +1,27 @@
1
- :root { --neo-font-family-heading: Inter;
2
- --neo-font-family-body: Inter;
3
- --neo-font-family-code: JetBrains Mono NL;
1
+ :root {/* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
2
+ --neo-line-height-s: 20;
4
3
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
5
- --neo-font-size-xxs: 10px;
4
+ --neo-line-height-m: 24;
6
5
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
7
- --neo-font-size-xs: 12px;
6
+ --neo-line-height-l: 28;
8
7
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
9
- --neo-font-size-sm: 14px;
8
+ --neo-line-height-xl: 32;
9
+ /* value in pixels | Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
10
+ --neo-line-height-xs: 16;
11
+ /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
12
+ --neo-font-size-caption: 13px;
13
+ /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
14
+ --neo-font-size-code: 14px;
15
+ /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
16
+ --neo-font-size-xs: 12px;
10
17
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
11
18
  --neo-font-size-h6: 16px;
12
19
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
13
- --neo-font-size-default: 16px;
20
+ --neo-font-size-xxs: 10px;
14
21
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
15
- --neo-font-size-caption: 13px;
22
+ --neo-font-size-sm: 14px;
16
23
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
17
- --neo-font-size-code: 14px;
24
+ --neo-font-size-default: 16px;
18
25
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
19
26
  --neo-font-size-h5: 18px;
20
27
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
@@ -25,28 +32,21 @@
25
32
  --neo-font-size-h2: 24px;
26
33
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
27
34
  --neo-font-size-h1: 28px;
35
+ --neo-text-decoration-underline: underline;
36
+ --neo-font-family-body: Inter;
37
+ --neo-font-family-code: JetBrains Mono NL;
38
+ --neo-font-family-heading: Inter;
28
39
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
29
40
  --neo-font-weight-thin: 100;
30
- /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
31
- --neo-font-weight-light: 300;
32
41
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
33
42
  --neo-font-weight-regular: 400;
34
- /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
35
- --neo-font-weight-medium: 500;
36
- /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
37
- --neo-font-weight-semi-bold: 600;
38
43
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
39
44
  --neo-font-weight-bold: 700;
40
45
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
41
- --neo-font-weight-extra-bold: 800;
42
- /* value in pixels | Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
43
- --neo-line-height-xs: 16;
44
- /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
45
- --neo-line-height-s: 20;
46
+ --neo-font-weight-medium: 500;
46
47
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
47
- --neo-line-height-m: 24;
48
+ --neo-font-weight-light: 300;
48
49
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
49
- --neo-line-height-l: 28;
50
+ --neo-font-weight-semi-bold: 600;
50
51
  /* Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
51
- --neo-line-height-xl: 32;
52
- --neo-text-decoration-underline: underline;}
52
+ --neo-font-weight-extra-bold: 800;}
package/dist/typography.d.ts CHANGED
@@ -4,27 +4,45 @@
4
4
  * @generated
5
5
  */
6
6
 
7
- export type FontFamily = {
8
- heading: 'Inter';
9
- body: 'Inter';
10
- code: 'JetBrains Mono NL';
7
+ export type LineHeight = {
8
+ /**
9
+ * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
10
+ */
11
+ s: 20;
12
+ /**
13
+ * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
14
+ */
15
+ m: 24;
16
+ /**
17
+ * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
18
+ */
19
+ l: 28;
20
+ /**
21
+ * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
22
+ */
23
+ xl: 32;
24
+ /**
25
+ * value in pixels
26
+ * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
27
+ */
28
+ xs: 16;
11
29
  };
12
30
 
13
- export declare const fontFamily: FontFamily;
31
+ export declare const lineHeight: LineHeight;
14
32
 
15
33
  export type FontSize = {
16
34
  /**
17
35
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
18
36
  */
19
- xxs: 10;
37
+ caption: 13;
20
38
  /**
21
39
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
22
40
  */
23
- xs: 12;
41
+ code: 14;
24
42
  /**
25
43
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
26
44
  */
27
- sm: 14;
45
+ xs: 12;
28
46
  /**
29
47
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
30
48
  */
@@ -32,15 +50,15 @@ h6: 16;
32
50
  /**
33
51
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
34
52
  */
35
- default: 16;
53
+ xxs: 10;
36
54
  /**
37
55
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
38
56
  */
39
- caption: 13;
57
+ sm: 14;
40
58
  /**
41
59
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
42
60
  */
43
- code: 14;
61
+ default: 16;
44
62
  /**
45
63
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
46
64
  */
@@ -65,6 +83,20 @@ h1: 28;
65
83
 
66
84
  export declare const fontSize: FontSize;
67
85
 
86
+ export type TextDecoration = {
87
+ underline: 'underline';
88
+ };
89
+
90
+ export declare const textDecoration: TextDecoration;
91
+
92
+ export type FontFamily = {
93
+ body: 'Inter';
94
+ code: 'JetBrains Mono NL';
95
+ heading: 'Inter';
96
+ };
97
+
98
+ export declare const fontFamily: FontFamily;
99
+
68
100
  export type FontWeight = {
69
101
  /**
70
102
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
@@ -73,11 +105,11 @@ thin: 100;
73
105
  /**
74
106
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
75
107
  */
76
- light: 300;
108
+ regular: 400;
77
109
  /**
78
110
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
79
111
  */
80
- regular: 400;
112
+ bold: 700;
81
113
  /**
82
114
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
83
115
  */
@@ -85,11 +117,11 @@ medium: 500;
85
117
  /**
86
118
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
87
119
  */
88
- semiBold: 600;
120
+ light: 300;
89
121
  /**
90
122
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
91
123
  */
92
- bold: 700;
124
+ semiBold: 600;
93
125
  /**
94
126
  * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
95
127
  */
@@ -98,44 +130,12 @@ extraBold: 800;
98
130
 
99
131
  export declare const fontWeight: FontWeight;
100
132
 
101
- export type LineHeight = {
102
- /**
103
- * value in pixels
104
- * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
105
- */
106
- xs: 16;
107
- /**
108
- * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
109
- */
110
- s: 20;
111
- /**
112
- * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
113
- */
114
- m: 24;
115
- /**
116
- * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
117
- */
118
- l: 28;
119
- /**
120
- * @scopes Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing
121
- */
122
- xl: 32;
123
- };
124
-
125
- export declare const lineHeight: LineHeight;
126
-
127
- export type TextDecoration = {
128
- underline: 'underline';
129
- };
130
-
131
- export declare const textDecoration: TextDecoration;
132
-
133
133
  declare const _default: {
134
- fontFamily: typeof fontFamily,
135
- fontSize: typeof fontSize,
136
- fontWeight: typeof fontWeight,
137
134
  lineHeight: typeof lineHeight,
135
+ fontSize: typeof fontSize,
138
136
  textDecoration: typeof textDecoration,
137
+ fontFamily: typeof fontFamily,
138
+ fontWeight: typeof fontWeight,
139
139
  };
140
140
 
141
141
  export default _default;
package/dist/typography.js CHANGED
@@ -5,20 +5,27 @@
5
5
  */
6
6
 
7
7
  /**
8
- * @typedef {{ heading: string, body: string, code: string }} FontFamily
8
+ * @typedef {{ s: number, m: number, l: number, xl: number, xs: number }} LineHeight
9
9
  */
10
10
 
11
11
  /**
12
- * @type {FontFamily}
12
+ * @type {LineHeight}
13
13
  */
14
- export const fontFamily = {
15
- "heading": "Inter",
16
- "body": "Inter",
17
- "code": "JetBrains Mono NL",
14
+ export const lineHeight = {
15
+ /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
16
+ "s": 20,
17
+ /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
18
+ "m": 24,
19
+ /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
20
+ "l": 28,
21
+ /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
22
+ "xl": 32,
23
+ /** value in pixels | Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
24
+ "xs": 16,
18
25
  };
19
26
 
20
27
  /**
21
- * @typedef {{ xxs: number, xs: number, sm: number, h6: number, default: number, caption: number, code: number, h5: number, h4: number, h3: number, h2: number, h1: number }} FontSize
28
+ * @typedef {{ caption: number, code: number, xs: number, h6: number, xxs: number, sm: number, default: number, h5: number, h4: number, h3: number, h2: number, h1: number }} FontSize
22
29
  */
23
30
 
24
31
  /**
@@ -26,19 +33,19 @@ export const fontFamily = {
26
33
  */
27
34
  export const fontSize = {
28
35
  /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
29
- "xxs": 10,
36
+ "caption": 13,
30
37
  /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
31
- "xs": 12,
38
+ "code": 14,
32
39
  /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
33
- "sm": 14,
40
+ "xs": 12,
34
41
  /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
35
42
  "h6": 16,
36
43
  /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
37
- "default": 16,
44
+ "xxs": 10,
38
45
  /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
39
- "caption": 13,
46
+ "sm": 14,
40
47
  /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
41
- "code": 14,
48
+ "default": 16,
42
49
  /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
43
50
  "h5": 18,
44
51
  /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
@@ -52,65 +59,58 @@ export const fontSize = {
52
59
  };
53
60
 
54
61
  /**
55
- * @typedef {{ thin: number, light: number, regular: number, medium: number, semiBold: number, bold: number, extraBold: number }} FontWeight
62
+ * @typedef {{ underline: string }} TextDecoration
56
63
  */
57
64
 
58
65
  /**
59
- * @type {FontWeight}
66
+ * @type {TextDecoration}
60
67
  */
61
- export const fontWeight = {
62
- /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
63
- "thin": 100,
64
- /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
65
- "light": 300,
66
- /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
67
- "regular": 400,
68
- /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
69
- "medium": 500,
70
- /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
71
- "semiBold": 600,
72
- /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
73
- "bold": 700,
74
- /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
75
- "extraBold": 800,
68
+ export const textDecoration = {
69
+ "underline": "underline",
76
70
  };
77
71
 
78
72
  /**
79
- * @typedef {{ xs: number, s: number, m: number, l: number, xl: number }} LineHeight
73
+ * @typedef {{ body: string, code: string, heading: string }} FontFamily
80
74
  */
81
75
 
82
76
  /**
83
- * @type {LineHeight}
77
+ * @type {FontFamily}
84
78
  */
85
- export const lineHeight = {
86
- /** value in pixels | Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
87
- "xs": 16,
88
- /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
89
- "s": 20,
90
- /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
91
- "m": 24,
92
- /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
93
- "l": 28,
94
- /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
95
- "xl": 32,
79
+ export const fontFamily = {
80
+ "body": "Inter",
81
+ "code": "JetBrains Mono NL",
82
+ "heading": "Inter",
96
83
  };
97
84
 
98
85
  /**
99
- * @typedef {{ underline: string }} TextDecoration
86
+ * @typedef {{ thin: number, regular: number, bold: number, medium: number, light: number, semiBold: number, extraBold: number }} FontWeight
100
87
  */
101
88
 
102
89
  /**
103
- * @type {TextDecoration}
90
+ * @type {FontWeight}
104
91
  */
105
- export const textDecoration = {
106
- "underline": "underline",
92
+ export const fontWeight = {
93
+ /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
94
+ "thin": 100,
95
+ /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
96
+ "regular": 400,
97
+ /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
98
+ "bold": 700,
99
+ /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
100
+ "medium": 500,
101
+ /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
102
+ "light": 300,
103
+ /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
104
+ "semiBold": 600,
105
+ /** Scopes: Text Content, Font Style, Font Size, Line Height, Letter Spacing, Paragraph Spacing */
106
+ "extraBold": 800,
107
107
  };
108
108
 
109
109
  // Default export with all color groups
110
110
  export default {
111
- fontFamily,
112
- fontSize,
113
- fontWeight,
114
111
  lineHeight,
112
+ fontSize,
115
113
  textDecoration,
114
+ fontFamily,
115
+ fontWeight,
116
116
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moderneinc/neo-design",
3
- "version": "2.8.0",
3
+ "version": "3.0.0",
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"