@nexub/tokens 1.1.0 → 1.2.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 (6) hide show
  1. package/dist/css/variables.css +52 -5
  2. package/dist/js/generated/tokens.d.ts +56 -7
  3. package/dist/js/generated/tokens.js +56 -7
  4. package/dist/json/tokens.json +52 -5
  5. package/dist/tailwind/preset.js +49 -0
  6. package/package.json +1 -1
package/dist/css/variables.css CHANGED
@@ -3,11 +3,53 @@
3
3
  */
4
4
 
5
5
  :root {
6
- --breakpoint-sm: 640px;
7
- --breakpoint-md: 768px;
8
- --breakpoint-lg: 1024px;
9
- --breakpoint-xl: 1280px;
10
- --breakpoint-2xl: 1536px;
6
+ --color-brand-mark-1: #242cdd;
7
+ --color-brand-mark-2: #5b3ded;
8
+ --color-brand-mark-3: #5b5cf6;
9
+ --color-brand-mark-4: #5b78fe;
10
+ --color-brand-mark-5: #6180fe;
11
+ --color-brand-mark-6: #7297fe;
12
+ --color-brand-mark-7: #8ebdfe;
13
+ --color-brand-mark-8: #b5f2fe;
14
+ --color-brand-mark-9: #190e76;
15
+ --color-brand-mark-10: #3824b0;
16
+ --color-brand-mark-11: #462fca;
17
+ --color-brand-mark-12: #4e37cd;
18
+ --color-brand-mark-13: #654dd5;
19
+ --color-brand-mark-14: #8b72e3;
20
+ --color-brand-mark-15: #bfa4f6;
21
+ --color-brand-mark-16: #eeb4ff;
22
+ --color-brand-mark-17: #5328c7;
23
+ --color-brand-mark-18: #b34fed;
24
+ --color-brand-mark-19: #fca9f1;
25
+ --color-brand-mark-20: #353adf;
26
+ --color-brand-mark-21: #8683ef;
27
+ --color-brand-mark-22: #925dec;
28
+ --color-brand-mark-23: #311b9c;
29
+ --color-brand-mark-24: #f9abf9;
30
+ --color-brand-mark-25: #8d59eb;
31
+ --color-brand-mark-26: #2223bd;
32
+ --color-brand-mark-27: #4c2be1;
33
+ --color-brand-mark-28: #7b4cf5;
34
+ --color-brand-mark-29: #3125a9;
35
+ --color-brand-mark-30: #1b0e8a;
36
+ --color-brand-mark-31: #c5dcff;
37
+ --color-brand-mark-32: #f6ecfd;
38
+ --color-brand-mark-33: #b3d6fe;
39
+ --color-brand-mark-34: #f8f4fd;
40
+ --color-brand-mark-35: #e9bdf9;
41
+ --color-brand-mark-36: #ad6efc;
42
+ --color-brand-mark-37: #391fa7;
43
+ --color-brand-mark-38: #301a9c;
44
+ --color-brand-mark-39: #849bfd;
45
+ --color-brand-mark-40: #c6eefe;
46
+ --color-brand-mark-41: #fefdfe;
47
+ --color-brand-mark-42: #1f137a;
48
+ --color-brand-mark-43: #312285;
49
+ --color-brand-mark-44: #4f3c98;
50
+ --color-brand-mark-45: #795fb2;
51
+ --color-brand-mark-46: #ae8bd4;
52
+ --color-brand-mark-47: #f7fbfe;
11
53
  --color-brand-primary-50: #eff6ff;
12
54
  --color-brand-primary-100: #dbeafe;
13
55
  --color-brand-primary-200: #bfdbfe;
@@ -123,6 +165,11 @@
123
165
  --color-chart-6: #06b6d4;
124
166
  --color-chart-7: #ec4899;
125
167
  --color-chart-8: #84cc16;
168
+ --breakpoint-sm: 640px;
169
+ --breakpoint-md: 768px;
170
+ --breakpoint-lg: 1024px;
171
+ --breakpoint-xl: 1280px;
172
+ --breakpoint-2xl: 1536px;
126
173
  --gradient-brand: linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%);
127
174
  --gradient-brand-horizontal: linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%);
128
175
  --gradient-hero-ambient: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(64,153,241,0.12) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, rgba(28,206,102,0.06) 0%, transparent 50%), #ffffff;
package/dist/js/generated/tokens.d.ts CHANGED
@@ -1,13 +1,55 @@
1
1
  export declare const tokens: {
2
- readonly breakpoint: {
3
- readonly sm: "640px";
4
- readonly md: "768px";
5
- readonly lg: "1024px";
6
- readonly xl: "1280px";
7
- readonly "2xl": "1536px";
8
- };
9
2
  readonly color: {
10
3
  readonly brand: {
4
+ readonly mark: {
5
+ readonly "1": "#242cdd";
6
+ readonly "2": "#5b3ded";
7
+ readonly "3": "#5b5cf6";
8
+ readonly "4": "#5b78fe";
9
+ readonly "5": "#6180fe";
10
+ readonly "6": "#7297fe";
11
+ readonly "7": "#8ebdfe";
12
+ readonly "8": "#b5f2fe";
13
+ readonly "9": "#190e76";
14
+ readonly "10": "#3824b0";
15
+ readonly "11": "#462fca";
16
+ readonly "12": "#4e37cd";
17
+ readonly "13": "#654dd5";
18
+ readonly "14": "#8b72e3";
19
+ readonly "15": "#bfa4f6";
20
+ readonly "16": "#eeb4ff";
21
+ readonly "17": "#5328c7";
22
+ readonly "18": "#b34fed";
23
+ readonly "19": "#fca9f1";
24
+ readonly "20": "#353adf";
25
+ readonly "21": "#8683ef";
26
+ readonly "22": "#925dec";
27
+ readonly "23": "#311b9c";
28
+ readonly "24": "#f9abf9";
29
+ readonly "25": "#8d59eb";
30
+ readonly "26": "#2223bd";
31
+ readonly "27": "#4c2be1";
32
+ readonly "28": "#7b4cf5";
33
+ readonly "29": "#3125a9";
34
+ readonly "30": "#1b0e8a";
35
+ readonly "31": "#c5dcff";
36
+ readonly "32": "#f6ecfd";
37
+ readonly "33": "#b3d6fe";
38
+ readonly "34": "#f8f4fd";
39
+ readonly "35": "#e9bdf9";
40
+ readonly "36": "#ad6efc";
41
+ readonly "37": "#391fa7";
42
+ readonly "38": "#301a9c";
43
+ readonly "39": "#849bfd";
44
+ readonly "40": "#c6eefe";
45
+ readonly "41": "#fefdfe";
46
+ readonly "42": "#1f137a";
47
+ readonly "43": "#312285";
48
+ readonly "44": "#4f3c98";
49
+ readonly "45": "#795fb2";
50
+ readonly "46": "#ae8bd4";
51
+ readonly "47": "#f7fbfe";
52
+ };
11
53
  readonly primary: {
12
54
  readonly "50": "#eff6ff";
13
55
  readonly "100": "#dbeafe";
@@ -161,6 +203,13 @@ export declare const tokens: {
161
203
  readonly "8": "#84cc16";
162
204
  };
163
205
  };
206
+ readonly breakpoint: {
207
+ readonly sm: "640px";
208
+ readonly md: "768px";
209
+ readonly lg: "1024px";
210
+ readonly xl: "1280px";
211
+ readonly "2xl": "1536px";
212
+ };
164
213
  readonly gradient: {
165
214
  readonly brand: "linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)";
166
215
  readonly "brand-horizontal": "linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)";
package/dist/js/generated/tokens.js CHANGED
@@ -1,15 +1,57 @@
1
1
  // Auto-generated by @nexub/tokens build script. Do not edit manually.
2
2
  /* eslint-disable */
3
3
  export const tokens = {
4
- "breakpoint": {
5
- "sm": "640px",
6
- "md": "768px",
7
- "lg": "1024px",
8
- "xl": "1280px",
9
- "2xl": "1536px"
10
- },
11
4
  "color": {
12
5
  "brand": {
6
+ "mark": {
7
+ "1": "#242cdd",
8
+ "2": "#5b3ded",
9
+ "3": "#5b5cf6",
10
+ "4": "#5b78fe",
11
+ "5": "#6180fe",
12
+ "6": "#7297fe",
13
+ "7": "#8ebdfe",
14
+ "8": "#b5f2fe",
15
+ "9": "#190e76",
16
+ "10": "#3824b0",
17
+ "11": "#462fca",
18
+ "12": "#4e37cd",
19
+ "13": "#654dd5",
20
+ "14": "#8b72e3",
21
+ "15": "#bfa4f6",
22
+ "16": "#eeb4ff",
23
+ "17": "#5328c7",
24
+ "18": "#b34fed",
25
+ "19": "#fca9f1",
26
+ "20": "#353adf",
27
+ "21": "#8683ef",
28
+ "22": "#925dec",
29
+ "23": "#311b9c",
30
+ "24": "#f9abf9",
31
+ "25": "#8d59eb",
32
+ "26": "#2223bd",
33
+ "27": "#4c2be1",
34
+ "28": "#7b4cf5",
35
+ "29": "#3125a9",
36
+ "30": "#1b0e8a",
37
+ "31": "#c5dcff",
38
+ "32": "#f6ecfd",
39
+ "33": "#b3d6fe",
40
+ "34": "#f8f4fd",
41
+ "35": "#e9bdf9",
42
+ "36": "#ad6efc",
43
+ "37": "#391fa7",
44
+ "38": "#301a9c",
45
+ "39": "#849bfd",
46
+ "40": "#c6eefe",
47
+ "41": "#fefdfe",
48
+ "42": "#1f137a",
49
+ "43": "#312285",
50
+ "44": "#4f3c98",
51
+ "45": "#795fb2",
52
+ "46": "#ae8bd4",
53
+ "47": "#f7fbfe"
54
+ },
13
55
  "primary": {
14
56
  "50": "#eff6ff",
15
57
  "100": "#dbeafe",
@@ -163,6 +205,13 @@ export const tokens = {
163
205
  "8": "#84cc16"
164
206
  }
165
207
  },
208
+ "breakpoint": {
209
+ "sm": "640px",
210
+ "md": "768px",
211
+ "lg": "1024px",
212
+ "xl": "1280px",
213
+ "2xl": "1536px"
214
+ },
166
215
  "gradient": {
167
216
  "brand": "linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)",
168
217
  "brand-horizontal": "linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)",
package/dist/json/tokens.json CHANGED
@@ -1,9 +1,51 @@
1
1
  {
2
- "breakpoint-sm": "640px",
3
- "breakpoint-md": "768px",
4
- "breakpoint-lg": "1024px",
5
- "breakpoint-xl": "1280px",
6
- "breakpoint-2xl": "1536px",
2
+ "color-brand-mark-1": "#242cdd",
3
+ "color-brand-mark-2": "#5b3ded",
4
+ "color-brand-mark-3": "#5b5cf6",
5
+ "color-brand-mark-4": "#5b78fe",
6
+ "color-brand-mark-5": "#6180fe",
7
+ "color-brand-mark-6": "#7297fe",
8
+ "color-brand-mark-7": "#8ebdfe",
9
+ "color-brand-mark-8": "#b5f2fe",
10
+ "color-brand-mark-9": "#190e76",
11
+ "color-brand-mark-10": "#3824b0",
12
+ "color-brand-mark-11": "#462fca",
13
+ "color-brand-mark-12": "#4e37cd",
14
+ "color-brand-mark-13": "#654dd5",
15
+ "color-brand-mark-14": "#8b72e3",
16
+ "color-brand-mark-15": "#bfa4f6",
17
+ "color-brand-mark-16": "#eeb4ff",
18
+ "color-brand-mark-17": "#5328c7",
19
+ "color-brand-mark-18": "#b34fed",
20
+ "color-brand-mark-19": "#fca9f1",
21
+ "color-brand-mark-20": "#353adf",
22
+ "color-brand-mark-21": "#8683ef",
23
+ "color-brand-mark-22": "#925dec",
24
+ "color-brand-mark-23": "#311b9c",
25
+ "color-brand-mark-24": "#f9abf9",
26
+ "color-brand-mark-25": "#8d59eb",
27
+ "color-brand-mark-26": "#2223bd",
28
+ "color-brand-mark-27": "#4c2be1",
29
+ "color-brand-mark-28": "#7b4cf5",
30
+ "color-brand-mark-29": "#3125a9",
31
+ "color-brand-mark-30": "#1b0e8a",
32
+ "color-brand-mark-31": "#c5dcff",
33
+ "color-brand-mark-32": "#f6ecfd",
34
+ "color-brand-mark-33": "#b3d6fe",
35
+ "color-brand-mark-34": "#f8f4fd",
36
+ "color-brand-mark-35": "#e9bdf9",
37
+ "color-brand-mark-36": "#ad6efc",
38
+ "color-brand-mark-37": "#391fa7",
39
+ "color-brand-mark-38": "#301a9c",
40
+ "color-brand-mark-39": "#849bfd",
41
+ "color-brand-mark-40": "#c6eefe",
42
+ "color-brand-mark-41": "#fefdfe",
43
+ "color-brand-mark-42": "#1f137a",
44
+ "color-brand-mark-43": "#312285",
45
+ "color-brand-mark-44": "#4f3c98",
46
+ "color-brand-mark-45": "#795fb2",
47
+ "color-brand-mark-46": "#ae8bd4",
48
+ "color-brand-mark-47": "#f7fbfe",
7
49
  "color-brand-primary-50": "#eff6ff",
8
50
  "color-brand-primary-100": "#dbeafe",
9
51
  "color-brand-primary-200": "#bfdbfe",
@@ -119,6 +161,11 @@
119
161
  "color-chart-6": "#06b6d4",
120
162
  "color-chart-7": "#ec4899",
121
163
  "color-chart-8": "#84cc16",
164
+ "breakpoint-sm": "640px",
165
+ "breakpoint-md": "768px",
166
+ "breakpoint-lg": "1024px",
167
+ "breakpoint-xl": "1280px",
168
+ "breakpoint-2xl": "1536px",
122
169
  "gradient-brand": "linear-gradient(135deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)",
123
170
  "gradient-brand-horizontal": "linear-gradient(90deg, #4099f1 0%, #1cce66 40%, #f59e0b 70%, #1b3b6f 100%)",
124
171
  "gradient-hero-ambient": "radial-gradient(ellipse 80% 50% at 50% -20%, rgba(64,153,241,0.12) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 80%, rgba(28,206,102,0.06) 0%, transparent 50%), #ffffff",
package/dist/tailwind/preset.js CHANGED
@@ -5,6 +5,55 @@ const preset = {
5
5
  "extend": {
6
6
  "colors": {
7
7
  "brand": {
8
+ "mark": {
9
+ "1": "var(--color-brand-mark-1)",
10
+ "2": "var(--color-brand-mark-2)",
11
+ "3": "var(--color-brand-mark-3)",
12
+ "4": "var(--color-brand-mark-4)",
13
+ "5": "var(--color-brand-mark-5)",
14
+ "6": "var(--color-brand-mark-6)",
15
+ "7": "var(--color-brand-mark-7)",
16
+ "8": "var(--color-brand-mark-8)",
17
+ "9": "var(--color-brand-mark-9)",
18
+ "10": "var(--color-brand-mark-10)",
19
+ "11": "var(--color-brand-mark-11)",
20
+ "12": "var(--color-brand-mark-12)",
21
+ "13": "var(--color-brand-mark-13)",
22
+ "14": "var(--color-brand-mark-14)",
23
+ "15": "var(--color-brand-mark-15)",
24
+ "16": "var(--color-brand-mark-16)",
25
+ "17": "var(--color-brand-mark-17)",
26
+ "18": "var(--color-brand-mark-18)",
27
+ "19": "var(--color-brand-mark-19)",
28
+ "20": "var(--color-brand-mark-20)",
29
+ "21": "var(--color-brand-mark-21)",
30
+ "22": "var(--color-brand-mark-22)",
31
+ "23": "var(--color-brand-mark-23)",
32
+ "24": "var(--color-brand-mark-24)",
33
+ "25": "var(--color-brand-mark-25)",
34
+ "26": "var(--color-brand-mark-26)",
35
+ "27": "var(--color-brand-mark-27)",
36
+ "28": "var(--color-brand-mark-28)",
37
+ "29": "var(--color-brand-mark-29)",
38
+ "30": "var(--color-brand-mark-30)",
39
+ "31": "var(--color-brand-mark-31)",
40
+ "32": "var(--color-brand-mark-32)",
41
+ "33": "var(--color-brand-mark-33)",
42
+ "34": "var(--color-brand-mark-34)",
43
+ "35": "var(--color-brand-mark-35)",
44
+ "36": "var(--color-brand-mark-36)",
45
+ "37": "var(--color-brand-mark-37)",
46
+ "38": "var(--color-brand-mark-38)",
47
+ "39": "var(--color-brand-mark-39)",
48
+ "40": "var(--color-brand-mark-40)",
49
+ "41": "var(--color-brand-mark-41)",
50
+ "42": "var(--color-brand-mark-42)",
51
+ "43": "var(--color-brand-mark-43)",
52
+ "44": "var(--color-brand-mark-44)",
53
+ "45": "var(--color-brand-mark-45)",
54
+ "46": "var(--color-brand-mark-46)",
55
+ "47": "var(--color-brand-mark-47)"
56
+ },
8
57
  "primary": {
9
58
  "50": "var(--color-brand-primary-50)",
10
59
  "100": "var(--color-brand-primary-100)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nexub/tokens",
3
- "version": "1.1.0",
3
+ "version": "1.2.0",
4
4
  "description": "Design tokens for Nexub Design System — colours, typography, spacing, radii, shadows, and motion as CSS variables and Tailwind preset.",
5
5
  "type": "module",
6
6
  "license": "MIT",