@moderneinc/neo-design 1.6.0 → 1.6.1-next.024dce

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 (22) hide show
  1. package/dist/border-radius.css +11 -13
  2. package/dist/border-radius.d.ts +42 -42
  3. package/dist/border-radius.js +21 -21
  4. package/dist/breakpoints.d.ts +10 -10
  5. package/dist/breakpoints.js +9 -9
  6. package/dist/colors.css +3 -5
  7. package/dist/colors.d.ts +113 -113
  8. package/dist/colors.js +96 -96
  9. package/dist/index.d.ts +786 -712
  10. package/dist/semantic-colors.css +81 -68
  11. package/dist/semantic-colors.d.ts +214 -197
  12. package/dist/semantic-colors.js +138 -151
  13. package/dist/shadows.css +5 -5
  14. package/dist/shadows.d.ts +265 -213
  15. package/dist/shadows.js +241 -199
  16. package/dist/spacing.css +17 -19
  17. package/dist/spacing.d.ts +68 -68
  18. package/dist/spacing.js +33 -33
  19. package/dist/typography.css +27 -29
  20. package/dist/typography.d.ts +69 -69
  21. package/dist/typography.js +64 -64
  22. package/package.json +7 -20
package/dist/border-radius.css CHANGED
@@ -1,22 +1,20 @@
1
- :root {
2
- /* Scopes: Corner Radius */
1
+ :root {/* Scopes: Corner Radius */
3
2
  --neo-border-radius-card: 12;
4
- /* Scopes: Corner Radius */
3
+ /* Scopes: Corner Radius */
5
4
  --neo-border-radius-button: 999;
6
- /* Scopes: Corner Radius */
5
+ /* Scopes: Corner Radius */
7
6
  --neo-border-radius-input: 8;
8
- /* Scopes: Corner Radius */
7
+ /* Scopes: Corner Radius */
9
8
  --neo-border-radius-x-xs: 2;
10
- /* Scopes: Corner Radius */
9
+ /* Scopes: Corner Radius */
11
10
  --neo-border-radius-x-s: 4;
12
- /* Scopes: Corner Radius */
11
+ /* Scopes: Corner Radius */
13
12
  --neo-border-radius-s: 8;
14
- /* Scopes: Corner Radius */
13
+ /* Scopes: Corner Radius */
15
14
  --neo-border-radius-m: 12;
16
- /* Scopes: Corner Radius */
15
+ /* Scopes: Corner Radius */
17
16
  --neo-border-radius-l: 20;
18
- /* Scopes: Corner Radius */
17
+ /* Scopes: Corner Radius */
19
18
  --neo-border-radius-x-l: 30;
20
- /* Scopes: Corner Radius */
21
- --neo-border-radius-full: 999;
22
- }
19
+ /* Scopes: Corner Radius */
20
+ --neo-border-radius-full: 999;}
package/dist/border-radius.d.ts CHANGED
@@ -5,66 +5,66 @@
5
5
  */
6
6
 
7
7
  /**
8
- * @scopes Corner Radius
9
- */
10
- export declare const card: 12
8
+ * @scopes Corner Radius
9
+ */
10
+ export declare const card: 12;
11
11
 
12
12
  /**
13
- * @scopes Corner Radius
14
- */
15
- export declare const button: 999
13
+ * @scopes Corner Radius
14
+ */
15
+ export declare const button: 999;
16
16
 
17
17
  /**
18
- * @scopes Corner Radius
19
- */
20
- export declare const input: 8
18
+ * @scopes Corner Radius
19
+ */
20
+ export declare const input: 8;
21
21
 
22
22
  /**
23
- * @scopes Corner Radius
24
- */
25
- export declare const xXS: 2
23
+ * @scopes Corner Radius
24
+ */
25
+ export declare const xXS: 2;
26
26
 
27
27
  /**
28
- * @scopes Corner Radius
29
- */
30
- export declare const xS: 4
28
+ * @scopes Corner Radius
29
+ */
30
+ export declare const xS: 4;
31
31
 
32
32
  /**
33
- * @scopes Corner Radius
34
- */
35
- export declare const s: 8
33
+ * @scopes Corner Radius
34
+ */
35
+ export declare const s: 8;
36
36
 
37
37
  /**
38
- * @scopes Corner Radius
39
- */
40
- export declare const m: 12
38
+ * @scopes Corner Radius
39
+ */
40
+ export declare const m: 12;
41
41
 
42
42
  /**
43
- * @scopes Corner Radius
44
- */
45
- export declare const l: 20
43
+ * @scopes Corner Radius
44
+ */
45
+ export declare const l: 20;
46
46
 
47
47
  /**
48
- * @scopes Corner Radius
49
- */
50
- export declare const xL: 30
48
+ * @scopes Corner Radius
49
+ */
50
+ export declare const xL: 30;
51
51
 
52
52
  /**
53
- * @scopes Corner Radius
54
- */
55
- export declare const full: 999
53
+ * @scopes Corner Radius
54
+ */
55
+ export declare const full: 999;
56
56
 
57
57
  declare const _default: {
58
- card: typeof card
59
- button: typeof button
60
- input: typeof input
61
- xXS: typeof xXS
62
- xS: typeof xS
63
- s: typeof s
64
- m: typeof m
65
- l: typeof l
66
- xL: typeof xL
67
- full: typeof full
68
- }
58
+ card: typeof card,
59
+ button: typeof button,
60
+ input: typeof input,
61
+ xXS: typeof xXS,
62
+ xS: typeof xS,
63
+ s: typeof s,
64
+ m: typeof m,
65
+ l: typeof l,
66
+ xL: typeof xL,
67
+ full: typeof full,
68
+ };
69
69
 
70
- export default _default
70
+ export default _default;
package/dist/border-radius.js CHANGED
@@ -8,72 +8,72 @@
8
8
  * Scopes: Corner Radius
9
9
  * @type {number}
10
10
  */
11
- export const card = 12
11
+ export const card = 12;
12
12
 
13
13
  /**
14
14
  * Scopes: Corner Radius
15
15
  * @type {number}
16
16
  */
17
- export const button = 999
17
+ export const button = 999;
18
18
 
19
19
  /**
20
20
  * Scopes: Corner Radius
21
21
  * @type {number}
22
22
  */
23
- export const input = 8
23
+ export const input = 8;
24
24
 
25
25
  /**
26
26
  * Scopes: Corner Radius
27
27
  * @type {number}
28
28
  */
29
- export const xXS = 2
29
+ export const xXS = 2;
30
30
 
31
31
  /**
32
32
  * Scopes: Corner Radius
33
33
  * @type {number}
34
34
  */
35
- export const xS = 4
35
+ export const xS = 4;
36
36
 
37
37
  /**
38
38
  * Scopes: Corner Radius
39
39
  * @type {number}
40
40
  */
41
- export const s = 8
41
+ export const s = 8;
42
42
 
43
43
  /**
44
44
  * Scopes: Corner Radius
45
45
  * @type {number}
46
46
  */
47
- export const m = 12
47
+ export const m = 12;
48
48
 
49
49
  /**
50
50
  * Scopes: Corner Radius
51
51
  * @type {number}
52
52
  */
53
- export const l = 20
53
+ export const l = 20;
54
54
 
55
55
  /**
56
56
  * Scopes: Corner Radius
57
57
  * @type {number}
58
58
  */
59
- export const xL = 30
59
+ export const xL = 30;
60
60
 
61
61
  /**
62
62
  * Scopes: Corner Radius
63
63
  * @type {number}
64
64
  */
65
- export const full = 999
65
+ export const full = 999;
66
66
 
67
67
  // Default export with all color groups
68
68
  export default {
69
- card,
70
- button,
71
- input,
72
- xXS,
73
- xS,
74
- s,
75
- m,
76
- l,
77
- xL,
78
- full,
79
- }
69
+ card,
70
+ button,
71
+ input,
72
+ xXS,
73
+ xS,
74
+ s,
75
+ m,
76
+ l,
77
+ xL,
78
+ full,
79
+ };
package/dist/breakpoints.d.ts CHANGED
@@ -4,19 +4,19 @@
4
4
  * @generated
5
5
  */
6
6
 
7
- export declare const xl: 1920
7
+ export declare const xl: 1920;
8
8
 
9
- export declare const lg: 1280
9
+ export declare const lg: 1280;
10
10
 
11
- export declare const md: 960
11
+ export declare const md: 960;
12
12
 
13
- export declare const sm: 600
13
+ export declare const sm: 600;
14
14
 
15
15
  declare const _default: {
16
- xl: typeof xl
17
- lg: typeof lg
18
- md: typeof md
19
- sm: typeof sm
20
- }
16
+ xl: typeof xl,
17
+ lg: typeof lg,
18
+ md: typeof md,
19
+ sm: typeof sm,
20
+ };
21
21
 
22
- export default _default
22
+ export default _default;
package/dist/breakpoints.js CHANGED
@@ -7,27 +7,27 @@
7
7
  /**
8
8
  * @type {number}
9
9
  */
10
- export const xl = 1920
10
+ export const xl = 1920;
11
11
 
12
12
  /**
13
13
  * @type {number}
14
14
  */
15
- export const lg = 1280
15
+ export const lg = 1280;
16
16
 
17
17
  /**
18
18
  * @type {number}
19
19
  */
20
- export const md = 960
20
+ export const md = 960;
21
21
 
22
22
  /**
23
23
  * @type {number}
24
24
  */
25
- export const sm = 600
25
+ export const sm = 600;
26
26
 
27
27
  // Default export with all color groups
28
28
  export default {
29
- xl,
30
- lg,
31
- md,
32
- sm,
33
- }
29
+ xl,
30
+ lg,
31
+ md,
32
+ sm,
33
+ };
package/dist/colors.css CHANGED
@@ -1,10 +1,9 @@
1
- :root {
2
- --neo-digital-blue-50: #f2f3ff;
1
+ :root { --neo-digital-blue-50: #f2f3ff;
3
2
  --neo-digital-blue-100: #dce0ff;
4
3
  --neo-digital-blue-200: #b6bfff;
5
4
  --neo-digital-blue-300: #8d99ff;
6
5
  --neo-digital-blue-400: #626eff;
7
- /* primary color */
6
+ /* primary color */
8
7
  --neo-digital-blue-500: #2f42ff;
9
8
  --neo-digital-blue-600: #2637e6;
10
9
  --neo-digital-blue-700: #1e2ec2;
@@ -77,5 +76,4 @@
77
76
  --neo-violet-600: #7a2694;
78
77
  --neo-violet-700: #5c1c6f;
79
78
  --neo-violet-800: #3d134a;
80
- --neo-violet-900: #1f0925;
81
- }
79
+ --neo-violet-900: #1f0925;}
package/dist/colors.d.ts CHANGED
@@ -5,135 +5,135 @@
5
5
  */
6
6
 
7
7
  export type DigitalBlue = {
8
- '50': '#f2f3ff'
9
- '100': '#dce0ff'
10
- '200': '#b6bfff'
11
- '300': '#8d99ff'
12
- '400': '#626eff'
13
- /**
8
+ '50': '#f2f3ff';
9
+ '100': '#dce0ff';
10
+ '200': '#b6bfff';
11
+ '300': '#8d99ff';
12
+ '400': '#626eff';
13
+ /**
14
14
  * primary color
15
15
  */
16
- '500': '#2f42ff'
17
- '600': '#2637e6'
18
- '700': '#1e2ec2'
19
- '800': '#131e7a'
20
- '900': '#000855'
21
- }
16
+ '500': '#2f42ff';
17
+ '600': '#2637e6';
18
+ '700': '#1e2ec2';
19
+ '800': '#131e7a';
20
+ '900': '#000855';
21
+ };
22
22
 
23
- export declare const digitalBlue: DigitalBlue
23
+ export declare const digitalBlue: DigitalBlue;
24
24
 
25
25
  export type DigitalGreen = {
26
- '50': '#f3fff5'
27
- '100': '#cfffd7'
28
- '200': '#acffb9'
29
- '300': '#88fe9b'
30
- '400': '#72e184'
31
- '500': '#5ec46f'
32
- '600': '#4ca75a'
33
- '700': '#3b8948'
34
- '800': '#2c6c36'
35
- '900': '#1e4f26'
36
- }
37
-
38
- export declare const digitalGreen: DigitalGreen
26
+ '50': '#f3fff5';
27
+ '100': '#cfffd7';
28
+ '200': '#acffb9';
29
+ '300': '#88fe9b';
30
+ '400': '#72e184';
31
+ '500': '#5ec46f';
32
+ '600': '#4ca75a';
33
+ '700': '#3b8948';
34
+ '800': '#2c6c36';
35
+ '900': '#1e4f26';
36
+ };
37
+
38
+ export declare const digitalGreen: DigitalGreen;
39
39
 
40
40
  export type Gold = {
41
- '100': '#fbf1d2'
42
- '200': '#f7e3a5'
43
- '300': '#f4d479'
44
- '400': '#f0c64c'
45
- '500': '#ecb81f'
46
- '600': '#bd9319'
47
- '700': '#8e6e13'
48
- '800': '#5e4a0c'
49
- '900': '#2f2506'
50
- }
51
-
52
- export declare const gold: Gold
41
+ '100': '#fbf1d2';
42
+ '200': '#f7e3a5';
43
+ '300': '#f4d479';
44
+ '400': '#f0c64c';
45
+ '500': '#ecb81f';
46
+ '600': '#bd9319';
47
+ '700': '#8e6e13';
48
+ '800': '#5e4a0c';
49
+ '900': '#2f2506';
50
+ };
51
+
52
+ export declare const gold: Gold;
53
53
 
54
54
  export type Grey = {
55
- '50': '#f9fafb'
56
- '100': '#f3f4f6'
57
- '200': '#e5e7eb'
58
- '300': '#d1d5db'
59
- '400': '#9ca3af'
60
- '500': '#6b7280'
61
- '600': '#4b5563'
62
- '700': '#374151'
63
- '800': '#1f2937'
64
- '900': '#111827'
65
- }
66
-
67
- export declare const grey: Grey
55
+ '50': '#f9fafb';
56
+ '100': '#f3f4f6';
57
+ '200': '#e5e7eb';
58
+ '300': '#d1d5db';
59
+ '400': '#9ca3af';
60
+ '500': '#6b7280';
61
+ '600': '#4b5563';
62
+ '700': '#374151';
63
+ '800': '#1f2937';
64
+ '900': '#111827';
65
+ };
66
+
67
+ export declare const grey: Grey;
68
68
 
69
69
  export type Orange = {
70
- '50': '#fff8e5'
71
- '100': '#ffebb7'
72
- '200': '#ffde8a'
73
- '300': '#ffd15c'
74
- '400': '#ffc52e'
75
- '500': '#ffb800'
76
- '600': '#d69b00'
77
- '700': '#856000'
78
- '800': '#856000'
79
- '900': '#5c4200'
80
- }
81
-
82
- export declare const orange: Orange
70
+ '50': '#fff8e5';
71
+ '100': '#ffebb7';
72
+ '200': '#ffde8a';
73
+ '300': '#ffd15c';
74
+ '400': '#ffc52e';
75
+ '500': '#ffb800';
76
+ '600': '#d69b00';
77
+ '700': '#856000';
78
+ '800': '#856000';
79
+ '900': '#5c4200';
80
+ };
81
+
82
+ export declare const orange: Orange;
83
83
 
84
84
  export type Red = {
85
- '50': '#ffedef'
86
- '100': '#ffc6cd'
87
- '200': '#ff9eaa'
88
- '300': '#fd7686'
89
- '400': '#ed4a5d'
90
- '500': '#cb3446'
91
- '600': '#a92232'
92
- '700': '#871421'
93
- '800': '#650914'
94
- '900': '#43020a'
95
- }
96
-
97
- export declare const red: Red
85
+ '50': '#ffedef';
86
+ '100': '#ffc6cd';
87
+ '200': '#ff9eaa';
88
+ '300': '#fd7686';
89
+ '400': '#ed4a5d';
90
+ '500': '#cb3446';
91
+ '600': '#a92232';
92
+ '700': '#871421';
93
+ '800': '#650914';
94
+ '900': '#43020a';
95
+ };
96
+
97
+ export declare const red: Red;
98
98
 
99
99
  export type TealGreen = {
100
- '50': '#eefffa'
101
- '100': '#c9fff1'
102
- '200': '#a4ffe7'
103
- '300': '#7fffde'
104
- '400': '#54eec6'
105
- '500': '#3bcca6'
106
- '600': '#27aa88'
107
- '700': '#17886b'
108
- '800': '#0b664e'
109
- '900': '#034433'
110
- }
111
-
112
- export declare const tealGreen: TealGreen
100
+ '50': '#eefffa';
101
+ '100': '#c9fff1';
102
+ '200': '#a4ffe7';
103
+ '300': '#7fffde';
104
+ '400': '#54eec6';
105
+ '500': '#3bcca6';
106
+ '600': '#27aa88';
107
+ '700': '#17886b';
108
+ '800': '#0b664e';
109
+ '900': '#034433';
110
+ };
111
+
112
+ export declare const tealGreen: TealGreen;
113
113
 
114
114
  export type Violet = {
115
- '100': '#ebd5f1'
116
- '200': '#d6ace3'
117
- '300': '#c282d5'
118
- '400': '#ad59c7'
119
- '500': '#992fb9'
120
- '600': '#7a2694'
121
- '700': '#5c1c6f'
122
- '800': '#3d134a'
123
- '900': '#1f0925'
124
- }
125
-
126
- export declare const violet: Violet
115
+ '100': '#ebd5f1';
116
+ '200': '#d6ace3';
117
+ '300': '#c282d5';
118
+ '400': '#ad59c7';
119
+ '500': '#992fb9';
120
+ '600': '#7a2694';
121
+ '700': '#5c1c6f';
122
+ '800': '#3d134a';
123
+ '900': '#1f0925';
124
+ };
125
+
126
+ export declare const violet: Violet;
127
127
 
128
128
  declare const _default: {
129
- digitalBlue: typeof digitalBlue
130
- digitalGreen: typeof digitalGreen
131
- gold: typeof gold
132
- grey: typeof grey
133
- orange: typeof orange
134
- red: typeof red
135
- tealGreen: typeof tealGreen
136
- violet: typeof violet
137
- }
138
-
139
- export default _default
129
+ digitalBlue: typeof digitalBlue,
130
+ digitalGreen: typeof digitalGreen,
131
+ gold: typeof gold,
132
+ grey: typeof grey,
133
+ orange: typeof orange,
134
+ red: typeof red,
135
+ tealGreen: typeof tealGreen,
136
+ violet: typeof violet,
137
+ };
138
+
139
+ export default _default;