@customercity/tokens 0.2.2

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/assets/customercity/logo.svg +7 -0
  2. package/assets/databrite/logo-dark.svg +7 -0
  3. package/assets/databrite/logo-light.svg +7 -0
  4. package/assets/databrite/logo.svg +7 -0
  5. package/brands/customercity.css +92 -0
  6. package/brands/customercity.json +91 -0
  7. package/brands/databrite.css +92 -0
  8. package/brands/databrite.json +91 -0
  9. package/build.mjs +166 -0
  10. package/core.css +238 -0
  11. package/core.json +40 -0
  12. package/package.json +53 -0
  13. package/src/brands/customercity.json +94 -0
  14. package/src/brands/databrite.json +262 -0
  15. package/src/core/ramps.json +36 -0
  16. package/src/core/scale.json +14 -0
  17. package/src/partials/epilogue.css +182 -0
  18. package/src/partials/preamble.css +13 -0
  19. package/tokens.css +326 -0
  20. package/tokens.d.ts +4 -0
  21. package/tokens.js +133 -0
  22. package/tokens.json +130 -0
package/tokens.js ADDED
@@ -0,0 +1,133 @@
1
+ // GENERATED by build.mjs -- do not edit by hand.
2
+ export const tokens = {
3
+ "light": {
4
+ "brand": "#1554FF",
5
+ "brand-hover": "#0052D2",
6
+ "brand-light": "rgba(21,84,255,0.08)",
7
+ "brand-lighter": "#F4F9FF",
8
+ "brand-subtle": "#8CB9FF",
9
+ "background": "#F0F3F8",
10
+ "background-alt": "#E6EAF2",
11
+ "foreground": "#1E232C",
12
+ "card": "#FFFFFF",
13
+ "card-foreground": "#1E232C",
14
+ "muted": "#4E5663",
15
+ "muted-foreground": "#868B98",
16
+ "border": "#CDD2DF",
17
+ "border-light": "#DBDCE0",
18
+ "ring": "#1554FF",
19
+ "accent": "#E8EBF1",
20
+ "accent-foreground": "#1E232C",
21
+ "navy": "#071731",
22
+ "navy-light": "#0E254A",
23
+ "green": "#60C67C",
24
+ "green-bg": "#DFF4E5",
25
+ "red": "#FB4E6D",
26
+ "red-bg": "#F7E6EA",
27
+ "orange": "#FFA26D",
28
+ "orange-bg": "#F8E6DF",
29
+ "yellow": "#FFE600",
30
+ "yellow-bg": "#FFFBD2",
31
+ "mint": "#00CEDB",
32
+ "mint-bg": "#E1F9FF",
33
+ "sky": "#29B6F6",
34
+ "sky-bg": "#E3F4FF",
35
+ "violet": "#AA00FF",
36
+ "violet-bg": "#EEDEFB",
37
+ "purple": "#7637FF",
38
+ "purple-bg": "#E9E4FB",
39
+ "pink": "#D500F9",
40
+ "pink-bg": "#F3DEFB",
41
+ "sparkle": "#7637FF",
42
+ "sparkle-bg": "#E9E4FB",
43
+ "sparkle-light": "#F4EEFE",
44
+ "agent-card": "#F4EEFE",
45
+ "sparkle-border": "rgba(118,55,255,0.20)"
46
+ },
47
+ "dark": {
48
+ "brand": "#4D8BFF",
49
+ "brand-hover": "#6FA3FF",
50
+ "brand-light": "rgba(77,139,255,0.16)",
51
+ "brand-lighter": "#14254A",
52
+ "brand-subtle": "#8CB9FF",
53
+ "background": "#071731",
54
+ "background-alt": "#0A1C3C",
55
+ "foreground": "#EAEEF5",
56
+ "card": "#0E254A",
57
+ "card-foreground": "#EAEEF5",
58
+ "muted": "#A9B4C6",
59
+ "muted-foreground": "#6E7C93",
60
+ "border": "#1C3358",
61
+ "border-light": "#15294A",
62
+ "ring": "#4D8BFF",
63
+ "accent": "#16294A",
64
+ "accent-foreground": "#EAEEF5",
65
+ "navy": "#040E20",
66
+ "navy-light": "#071731",
67
+ "green": "#7BD89A",
68
+ "green-bg": "rgba(96,198,124,0.16)",
69
+ "red": "#FF7B92",
70
+ "red-bg": "rgba(251,78,109,0.16)",
71
+ "orange": "#FFB98F",
72
+ "orange-bg": "rgba(255,162,109,0.16)",
73
+ "yellow": "#FFEF66",
74
+ "yellow-bg": "rgba(255,230,0,0.14)",
75
+ "mint": "#4DDDE8",
76
+ "mint-bg": "rgba(0,206,219,0.16)",
77
+ "sky": "#5FC8F8",
78
+ "sky-bg": "rgba(41,182,246,0.16)",
79
+ "violet": "#C24DFF",
80
+ "violet-bg": "rgba(170,0,255,0.18)",
81
+ "purple": "#9D6BFF",
82
+ "purple-bg": "rgba(118,55,255,0.18)",
83
+ "pink": "#E866FB",
84
+ "pink-bg": "rgba(213,0,249,0.18)",
85
+ "sparkle": "#9D6BFF",
86
+ "sparkle-bg": "rgba(118,55,255,0.18)",
87
+ "sparkle-light": "#1C1A3D",
88
+ "agent-card": "#1C1A3D",
89
+ "sparkle-border": "rgba(157,107,255,0.30)"
90
+ },
91
+ "global": {
92
+ "brand-50": "#EEF3FF",
93
+ "brand-100": "#DBE6FF",
94
+ "brand-200": "#B8CDFF",
95
+ "brand-300": "#8CB9FF",
96
+ "brand-400": "#4D8BFF",
97
+ "brand-500": "#1554FF",
98
+ "brand-600": "#0052D2",
99
+ "brand-700": "#0043AB",
100
+ "brand-800": "#0A2F73",
101
+ "brand-900": "#071731",
102
+ "neutral-50": "#F6F8FB",
103
+ "neutral-100": "#F0F3F8",
104
+ "neutral-200": "#DBDCE0",
105
+ "neutral-300": "#CDD2DF",
106
+ "neutral-400": "#868B98",
107
+ "neutral-500": "#5B6577",
108
+ "neutral-600": "#4E5663",
109
+ "neutral-700": "#38404E",
110
+ "neutral-800": "#1E232C",
111
+ "neutral-900": "#0E1626",
112
+ "green-100": "#DFF4E5",
113
+ "green-500": "#60C67C",
114
+ "green-700": "#2E8B57",
115
+ "red-100": "#F7E6EA",
116
+ "red-500": "#FB4E6D",
117
+ "red-700": "#C42A47",
118
+ "orange-100": "#F8E6DF",
119
+ "orange-500": "#FFA26D",
120
+ "orange-700": "#D9691F",
121
+ "z-base": 0,
122
+ "z-dropdown": 1000,
123
+ "z-sticky": 1100,
124
+ "z-overlay": 1200,
125
+ "z-modal": 1300,
126
+ "z-popover": 1400,
127
+ "z-toast": 1500,
128
+ "z-tooltip": 1600,
129
+ "radius": "0.5rem"
130
+ }
131
+ };
132
+
133
+ export default tokens;
package/tokens.json ADDED
@@ -0,0 +1,130 @@
1
+ {
2
+ "light": {
3
+ "brand": "#1554FF",
4
+ "brand-hover": "#0052D2",
5
+ "brand-light": "rgba(21,84,255,0.08)",
6
+ "brand-lighter": "#F4F9FF",
7
+ "brand-subtle": "#8CB9FF",
8
+ "background": "#F0F3F8",
9
+ "background-alt": "#E6EAF2",
10
+ "foreground": "#1E232C",
11
+ "card": "#FFFFFF",
12
+ "card-foreground": "#1E232C",
13
+ "muted": "#4E5663",
14
+ "muted-foreground": "#868B98",
15
+ "border": "#CDD2DF",
16
+ "border-light": "#DBDCE0",
17
+ "ring": "#1554FF",
18
+ "accent": "#E8EBF1",
19
+ "accent-foreground": "#1E232C",
20
+ "navy": "#071731",
21
+ "navy-light": "#0E254A",
22
+ "green": "#60C67C",
23
+ "green-bg": "#DFF4E5",
24
+ "red": "#FB4E6D",
25
+ "red-bg": "#F7E6EA",
26
+ "orange": "#FFA26D",
27
+ "orange-bg": "#F8E6DF",
28
+ "yellow": "#FFE600",
29
+ "yellow-bg": "#FFFBD2",
30
+ "mint": "#00CEDB",
31
+ "mint-bg": "#E1F9FF",
32
+ "sky": "#29B6F6",
33
+ "sky-bg": "#E3F4FF",
34
+ "violet": "#AA00FF",
35
+ "violet-bg": "#EEDEFB",
36
+ "purple": "#7637FF",
37
+ "purple-bg": "#E9E4FB",
38
+ "pink": "#D500F9",
39
+ "pink-bg": "#F3DEFB",
40
+ "sparkle": "#7637FF",
41
+ "sparkle-bg": "#E9E4FB",
42
+ "sparkle-light": "#F4EEFE",
43
+ "agent-card": "#F4EEFE",
44
+ "sparkle-border": "rgba(118,55,255,0.20)"
45
+ },
46
+ "dark": {
47
+ "brand": "#4D8BFF",
48
+ "brand-hover": "#6FA3FF",
49
+ "brand-light": "rgba(77,139,255,0.16)",
50
+ "brand-lighter": "#14254A",
51
+ "brand-subtle": "#8CB9FF",
52
+ "background": "#071731",
53
+ "background-alt": "#0A1C3C",
54
+ "foreground": "#EAEEF5",
55
+ "card": "#0E254A",
56
+ "card-foreground": "#EAEEF5",
57
+ "muted": "#A9B4C6",
58
+ "muted-foreground": "#6E7C93",
59
+ "border": "#1C3358",
60
+ "border-light": "#15294A",
61
+ "ring": "#4D8BFF",
62
+ "accent": "#16294A",
63
+ "accent-foreground": "#EAEEF5",
64
+ "navy": "#040E20",
65
+ "navy-light": "#071731",
66
+ "green": "#7BD89A",
67
+ "green-bg": "rgba(96,198,124,0.16)",
68
+ "red": "#FF7B92",
69
+ "red-bg": "rgba(251,78,109,0.16)",
70
+ "orange": "#FFB98F",
71
+ "orange-bg": "rgba(255,162,109,0.16)",
72
+ "yellow": "#FFEF66",
73
+ "yellow-bg": "rgba(255,230,0,0.14)",
74
+ "mint": "#4DDDE8",
75
+ "mint-bg": "rgba(0,206,219,0.16)",
76
+ "sky": "#5FC8F8",
77
+ "sky-bg": "rgba(41,182,246,0.16)",
78
+ "violet": "#C24DFF",
79
+ "violet-bg": "rgba(170,0,255,0.18)",
80
+ "purple": "#9D6BFF",
81
+ "purple-bg": "rgba(118,55,255,0.18)",
82
+ "pink": "#E866FB",
83
+ "pink-bg": "rgba(213,0,249,0.18)",
84
+ "sparkle": "#9D6BFF",
85
+ "sparkle-bg": "rgba(118,55,255,0.18)",
86
+ "sparkle-light": "#1C1A3D",
87
+ "agent-card": "#1C1A3D",
88
+ "sparkle-border": "rgba(157,107,255,0.30)"
89
+ },
90
+ "global": {
91
+ "brand-50": "#EEF3FF",
92
+ "brand-100": "#DBE6FF",
93
+ "brand-200": "#B8CDFF",
94
+ "brand-300": "#8CB9FF",
95
+ "brand-400": "#4D8BFF",
96
+ "brand-500": "#1554FF",
97
+ "brand-600": "#0052D2",
98
+ "brand-700": "#0043AB",
99
+ "brand-800": "#0A2F73",
100
+ "brand-900": "#071731",
101
+ "neutral-50": "#F6F8FB",
102
+ "neutral-100": "#F0F3F8",
103
+ "neutral-200": "#DBDCE0",
104
+ "neutral-300": "#CDD2DF",
105
+ "neutral-400": "#868B98",
106
+ "neutral-500": "#5B6577",
107
+ "neutral-600": "#4E5663",
108
+ "neutral-700": "#38404E",
109
+ "neutral-800": "#1E232C",
110
+ "neutral-900": "#0E1626",
111
+ "green-100": "#DFF4E5",
112
+ "green-500": "#60C67C",
113
+ "green-700": "#2E8B57",
114
+ "red-100": "#F7E6EA",
115
+ "red-500": "#FB4E6D",
116
+ "red-700": "#C42A47",
117
+ "orange-100": "#F8E6DF",
118
+ "orange-500": "#FFA26D",
119
+ "orange-700": "#D9691F",
120
+ "z-base": 0,
121
+ "z-dropdown": 1000,
122
+ "z-sticky": 1100,
123
+ "z-overlay": 1200,
124
+ "z-modal": 1300,
125
+ "z-popover": 1400,
126
+ "z-toast": 1500,
127
+ "z-tooltip": 1600,
128
+ "radius": "0.5rem"
129
+ }
130
+ }