@signozhq/design-tokens 0.0.4 → 0.0.6

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 (11) hide show
  1. package/{build/scss/_variables.scss → dist/_colors.scss} +1 -10
  2. package/dist/_spacings.scss +40 -0
  3. package/dist/_typography.scss +25 -0
  4. package/dist/_variables.scss +181 -0
  5. package/index.scss +3 -0
  6. package/package.json +7 -3
  7. package/build.js +0 -92
  8. package/config.json +0 -16
  9. package/src/colors.json +0 -410
  10. package/src/spacing.json +0 -24
  11. package/src/typography.json +0 -13
package/{build/scss/_variables.scss → dist/_colors.scss} RENAMED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 19 Dec 2023 12:28:05 GMT
3
+ // Generated on Tue, 19 Dec 2023 19:10:46 GMT
4
4
 
5
5
  $bg-robin-100: #CAD5FD;
6
6
  $bg-robin-200: #B8C7FC;
@@ -122,12 +122,3 @@ $text-forest-300: #7CEDBE;
122
122
  $text-forest-400: #51E7A8;
123
123
  $text-forest-500: #25E192;
124
124
  $text-forest-600: #1EB475;
125
- $padding-lg: 24px;
126
- $padding-md: 16px;
127
- $padding-sm: 12px;
128
- $margin-lg: 24px;
129
- $margin-md: 16px;
130
- $margin-sm: 12px;
131
- $font-lg: 24px;
132
- $font-md: 16px;
133
- $font-sm: 12px;
package/dist/_spacings.scss ADDED
@@ -0,0 +1,40 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 19 Dec 2023 19:10:46 GMT
4
+
5
+ $padding-1: 0.25rem;
6
+ $padding-2: 0.5rem;
7
+ $padding-3: 0.75rem;
8
+ $padding-4: 1rem;
9
+ $padding-5: 1.25rem;
10
+ $padding-6: 1.5rem;
11
+ $padding-7: 1.75rem;
12
+ $padding-8: 2rem;
13
+ $padding-10: 2.5rem;
14
+ $padding-12: 3rem;
15
+ $padding-16: 4rem;
16
+ $padding-20: 5rem;
17
+ $padding-24: 6rem;
18
+ $padding-32: 8rem;
19
+ $padding-40: 10rem;
20
+ $padding-48: 12rem;
21
+ $padding-56: 14rem;
22
+ $padding-64: 16rem;
23
+ $margin-1: 0.25rem;
24
+ $margin-2: 0.5rem;
25
+ $margin-3: 0.75rem;
26
+ $margin-4: 1rem;
27
+ $margin-5: 1.25rem;
28
+ $margin-6: 1.5rem;
29
+ $margin-7: 1.75rem;
30
+ $margin-8: 2rem;
31
+ $margin-10: 2.5rem;
32
+ $margin-12: 3rem;
33
+ $margin-16: 4rem;
34
+ $margin-20: 5rem;
35
+ $margin-24: 6rem;
36
+ $margin-32: 8rem;
37
+ $margin-40: 10rem;
38
+ $margin-48: 12rem;
39
+ $margin-56: 14rem;
40
+ $margin-64: 16rem;
package/dist/_typography.scss ADDED
@@ -0,0 +1,25 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 19 Dec 2023 19:10:46 GMT
4
+
5
+ $font-size-xs: 0.75rem;
6
+ $font-size-sm: 0.875rem;
7
+ $font-size-lg: 1.125rem;
8
+ $font-size-xl: 1.25rem;
9
+ $font-size-2xl: 1.5rem;
10
+ $font-size-3xl: 1.875rem;
11
+ $font-size-4xl: 2.25rem;
12
+ $font-size-5xl: 3rem;
13
+ $font-size-6xl: 3.75rem;
14
+ $font-size-7xl: 4.5rem;
15
+ $font-size-8xl: 6rem;
16
+ $font-size-9xl: 8rem;
17
+ $font-weight-thin: 100;
18
+ $font-weight-extralight: 200;
19
+ $font-weight-light: 300;
20
+ $font-weight-normal: 400;
21
+ $font-weight-medium: 500;
22
+ $font-weight-semibold: 600;
23
+ $font-weight-bold: 700;
24
+ $font-weight-extrabold: 800;
25
+ $font-weight-black: 900;
package/dist/_variables.scss ADDED
@@ -0,0 +1,181 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Tue, 19 Dec 2023 19:08:20 GMT
4
+
5
+ $bg-robin-100: #CAD5FD;
6
+ $bg-robin-200: #B8C7FC;
7
+ $bg-robin-300: #95ACFB;
8
+ $bg-robin-400: #7190F9;
9
+ $bg-robin-500: #4E74F8;
10
+ $bg-robin-600: #3F5ECC;
11
+ $bg-sienna-100: #E6D9CD;
12
+ $bg-sienna-200: #DECCBC;
13
+ $bg-sienna-300: #CEB29B;
14
+ $bg-sienna-400: #BD9979;
15
+ $bg-sienna-500: #AD7F58;
16
+ $bg-sienna-600: #8A6646;
17
+ $bg-cherry-100: #FADADB;
18
+ $bg-cherry-200: #F7C8CA;
19
+ $bg-cherry-300: #F5B6B8;
20
+ $bg-cherry-400: #EA6D71;
21
+ $bg-cherry-500: #E5484D;
22
+ $bg-cherry-600: #B83A3E;
23
+ $bg-aqua-100: #C1EEFD;
24
+ $bg-aqua-200: #9AE4FC;
25
+ $bg-aqua-300: #72D9FB;
26
+ $bg-aqua-400: #4BCFF9;
27
+ $bg-aqua-500: #23C4F8;
28
+ $bg-aqua-600: #07AFE6;
29
+ $bg-sakura-100: #FBC8D2;
30
+ $bg-sakura-200: #FAB5C3;
31
+ $bg-sakura-300: #F791A5;
32
+ $bg-sakura-400: #F56C87;
33
+ $bg-sakura-500: #F24769;
34
+ $bg-sakura-600: #C53955;
35
+ $bg-amber-100: #FFF0CC;
36
+ $bg-amber-200: #FFEBBB;
37
+ $bg-amber-300: #FFE19A;
38
+ $bg-amber-400: #FFD778;
39
+ $bg-amber-500: #FFCD56;
40
+ $bg-amber-600: #D5AA45;
41
+ $bg-ink-100: #2A2E37;
42
+ $bg-ink-200: #23262E;
43
+ $bg-ink-300: #16181D;
44
+ $bg-ink-400: #121317;
45
+ $bg-ink-500: #0B0C0E;
46
+ $bg-vanilla-100: #FFFFFF;
47
+ $bg-vanilla-200: #F5F5F5;
48
+ $bg-vanilla-300: #E9E9E9;
49
+ $bg-vanilla-400: #C0C1C3;
50
+ $bg-slate-200: #2C3140;
51
+ $bg-slate-300: #242834;
52
+ $bg-slate-400: #1D212D;
53
+ $bg-slate-500: #161922;
54
+ $bg-gradient-coral: linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%);
55
+ $bg-gradient-dark-shadow: linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%);
56
+ $bg-gradient-dawn: linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%);
57
+ $bg-gradient-ocean: linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%);
58
+ $bg-gradient-splash: linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%);
59
+ $bg-gradient-flamingo: linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%);
60
+ $bg-forest-200: #A8F3D3;
61
+ $bg-forest-300: #7CEDBE;
62
+ $bg-forest-400: #51E7A8;
63
+ $bg-forest-500: #25E192;
64
+ $bg-forest-600: #1EB475;
65
+ $text-robin-100: #CAD5FD;
66
+ $text-robin-200: #B8C7FC;
67
+ $text-robin-300: #95ACFB;
68
+ $text-robin-400: #7190F9;
69
+ $text-robin-500: #4E74F8;
70
+ $text-robin-600: #3F5ECC;
71
+ $text-sienna-100: #E6D9CD;
72
+ $text-sienna-200: #DECCBC;
73
+ $text-sienna-300: #CEB29B;
74
+ $text-sienna-400: #BD9979;
75
+ $text-sienna-500: #AD7F58;
76
+ $text-sienna-600: #8A6646;
77
+ $text-cherry-100: #FADADB;
78
+ $text-cherry-200: #F7C8CA;
79
+ $text-cherry-300: #F5B6B8;
80
+ $text-cherry-400: #EA6D71;
81
+ $text-cherry-500: #E5484D;
82
+ $text-cherry-600: #B83A3E;
83
+ $text-aqua-100: #C1EEFD;
84
+ $text-aqua-200: #9AE4FC;
85
+ $text-aqua-300: #72D9FB;
86
+ $text-aqua-400: #4BCFF9;
87
+ $text-aqua-500: #23C4F8;
88
+ $text-aqua-600: #07AFE6;
89
+ $text-sakura-100: #FBC8D2;
90
+ $text-sakura-200: #FAB5C3;
91
+ $text-sakura-300: #F791A5;
92
+ $text-sakura-400: #F56C87;
93
+ $text-sakura-500: #F24769;
94
+ $text-sakura-600: #C53955;
95
+ $text-amber-100: #FFF0CC;
96
+ $text-amber-200: #FFEBBB;
97
+ $text-amber-300: #FFE19A;
98
+ $text-amber-400: #FFD778;
99
+ $text-amber-500: #FFCD56;
100
+ $text-amber-600: #D5AA45;
101
+ $text-ink-100: #2A2E37;
102
+ $text-ink-200: #23262E;
103
+ $text-ink-300: #16181D;
104
+ $text-ink-400: #121317;
105
+ $text-ink-500: #0B0C0E;
106
+ $text-vanilla-100: #FFFFFF;
107
+ $text-vanilla-200: #F5F5F5;
108
+ $text-vanilla-300: #E9E9E9;
109
+ $text-vanilla-400: #C0C1C3;
110
+ $text-slate-200: #2C3140;
111
+ $text-slate-300: #242834;
112
+ $text-slate-400: #1D212D;
113
+ $text-slate-500: #161922;
114
+ $text-gradient-coral: linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%);
115
+ $text-gradient-dark-shadow: linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%);
116
+ $text-gradient-dawn: linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%);
117
+ $text-gradient-ocean: linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%);
118
+ $text-gradient-splash: linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%);
119
+ $text-gradient-flamingo: linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%);
120
+ $text-forest-200: #A8F3D3;
121
+ $text-forest-300: #7CEDBE;
122
+ $text-forest-400: #51E7A8;
123
+ $text-forest-500: #25E192;
124
+ $text-forest-600: #1EB475;
125
+ $padding-1: 0.25rem;
126
+ $padding-2: 0.5rem;
127
+ $padding-3: 0.75rem;
128
+ $padding-4: 1rem;
129
+ $padding-5: 1.25rem;
130
+ $padding-6: 1.5rem;
131
+ $padding-7: 1.75rem;
132
+ $padding-8: 2rem;
133
+ $padding-10: 2.5rem;
134
+ $padding-12: 3rem;
135
+ $padding-16: 4rem;
136
+ $padding-20: 5rem;
137
+ $padding-24: 6rem;
138
+ $padding-32: 8rem;
139
+ $padding-40: 10rem;
140
+ $padding-48: 12rem;
141
+ $padding-56: 14rem;
142
+ $padding-64: 16rem;
143
+ $margin-1: 0.25rem;
144
+ $margin-2: 0.5rem;
145
+ $margin-3: 0.75rem;
146
+ $margin-4: 1rem;
147
+ $margin-5: 1.25rem;
148
+ $margin-6: 1.5rem;
149
+ $margin-7: 1.75rem;
150
+ $margin-8: 2rem;
151
+ $margin-10: 2.5rem;
152
+ $margin-12: 3rem;
153
+ $margin-16: 4rem;
154
+ $margin-20: 5rem;
155
+ $margin-24: 6rem;
156
+ $margin-32: 8rem;
157
+ $margin-40: 10rem;
158
+ $margin-48: 12rem;
159
+ $margin-56: 14rem;
160
+ $margin-64: 16rem;
161
+ $font-size-xs: 0.75rem;
162
+ $font-size-sm: 0.875rem;
163
+ $font-size-lg: 1.125rem;
164
+ $font-size-xl: 1.25rem;
165
+ $font-size-2xl: 1.5rem;
166
+ $font-size-3xl: 1.875rem;
167
+ $font-size-4xl: 2.25rem;
168
+ $font-size-5xl: 3rem;
169
+ $font-size-6xl: 3.75rem;
170
+ $font-size-7xl: 4.5rem;
171
+ $font-size-8xl: 6rem;
172
+ $font-size-9xl: 8rem;
173
+ $font-weight-thin: 100;
174
+ $font-weight-extralight: 200;
175
+ $font-weight-light: 300;
176
+ $font-weight-normal: 400;
177
+ $font-weight-medium: 500;
178
+ $font-weight-semibold: 600;
179
+ $font-weight-bold: 700;
180
+ $font-weight-extrabold: 800;
181
+ $font-weight-black: 900;
package/index.scss ADDED
@@ -0,0 +1,3 @@
1
+ @import "dist/_colors";
2
+ @import "dist/_spacings";
3
+ @import "dist/_typography";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@signozhq/design-tokens",
3
- "version": "0.0.4",
4
- "main": "build/scss/_variables.scss",
3
+ "version": "0.0.6",
4
+ "main": "index.scss",
5
5
  "private": false,
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -9,10 +9,14 @@
9
9
  "scripts": {
10
10
  "build": "style-dictionary build"
11
11
  },
12
+ "files": [
13
+ "dist/",
14
+ "index.scss"
15
+ ],
12
16
  "author": "",
13
17
  "license": "ISC",
14
18
  "dependencies": {
15
19
  "style-dictionary": "3.8.0"
16
20
  },
17
- "gitHead": "8cad5e6ea30db1b54f16e80fa18ba880decabf58"
21
+ "gitHead": "c4ad7472a49d89e3e6576330f91888fc031e89cd"
18
22
  }
package/build.js DELETED
@@ -1,92 +0,0 @@
1
- const StyleDictionary = require('style-dictionary');
2
- const fs = require('fs-extra');
3
- const webPath = `build/tokens/`;
4
- fs.removeSync(webPath);
5
-
6
- function removeTitle(dictionary) {
7
- dictionary.allTokens = dictionary.allTokens.map(token => {
8
- token.name = token.name.substring(token.name.indexOf("-") + 1);
9
- return token;
10
- });
11
- }
12
-
13
- /**
14
- * This function will wrap a built-in format and replace `.value` with `.darkValue`
15
- * if a token has a `.darkValue`.
16
- * @param {String} format - the name of the built-in format
17
- * @returns {Function}
18
- */
19
- function darkFormatWrapper(format) {
20
- return function (args) {
21
- const dictionary = Object.assign({}, args.dictionary);
22
- dictionary.allProperties = dictionary.allProperties.map(token => {
23
- const { darkValue } = token;
24
- if (darkValue) {
25
- const returnToken = Object.assign({}, token, {
26
- value: token.darkValue
27
- });
28
- return returnToken;
29
- } else {
30
- return token;
31
- }
32
- });
33
- dictionary.allTokens = dictionary.allTokens.map(token => {
34
- const { darkValue } = token;
35
- if (darkValue) {
36
- const returnToken = Object.assign({}, token, {
37
- value: token.darkValue
38
- });
39
- return returnToken;
40
- } else {
41
- return token;
42
- }
43
- });
44
-
45
- removeTitle(dictionary);
46
- args.dictionary = dictionary;
47
- // Use the built-in format but with our customized dictionary object
48
- // so it will output the darkValue instead of the value
49
- return StyleDictionary.format[format]({ ...args, dictionary })
50
- }
51
- }
52
-
53
- function lightFormatWrapper(format) {
54
- return function (args) {
55
- const dictionary = Object.assign({}, args.dictionary);
56
- removeTitle(dictionary);
57
- args.dictionary = dictionary;
58
- return StyleDictionary.format[format]({ ...args, dictionary })
59
- }
60
- }
61
-
62
-
63
-
64
- StyleDictionary.extend({
65
- // custom formats
66
- format: {
67
- scssDark: darkFormatWrapper(`scss/variables`),
68
- scssLight: lightFormatWrapper(`scss/variables`),
69
- },
70
-
71
- source: [
72
- `tokens/**/*.json`
73
- ],
74
-
75
- platforms: {
76
- css: {
77
- transformGroup: `scss`,
78
- buildPath: webPath,
79
- files: [{
80
- destination: `variables.scss`,
81
- format: `scssLight`,
82
- options: {
83
- outputReferences: true
84
- }
85
- }, {
86
- destination: `variables-dark.scss`,
87
- format: `scssDark`,
88
- filter: (token) => token.darkValue && token.attributes.category === `color`
89
- }]
90
- }
91
- }
92
- }).buildAllPlatforms();
package/config.json DELETED
@@ -1,16 +0,0 @@
1
- {
2
- "source": ["src/**/*.json"],
3
- "platforms": {
4
- "scss": {
5
- "transformGroup": "scss",
6
- "buildPath": "build/scss/",
7
-
8
- "files": [
9
- {
10
- "destination": "_variables.scss",
11
- "format": "scss/variables"
12
- }
13
- ]
14
- }
15
- }
16
- }
package/src/colors.json DELETED
@@ -1,410 +0,0 @@
1
- {
2
- "bg": {
3
- "Robin": {
4
- "600": {
5
- "value": "#3F5ECC"
6
- },
7
- "500": {
8
- "value": "#4E74F8"
9
- },
10
- "400": {
11
- "value": "#7190F9"
12
- },
13
- "300": {
14
- "value": "#95ACFB"
15
- },
16
- "200": {
17
- "value": "#B8C7FC"
18
- },
19
- "100": {
20
- "value": "#CAD5FD"
21
- }
22
- },
23
- "Sienna": {
24
- "600": {
25
- "value": "#8A6646"
26
- },
27
- "500": {
28
- "value": "#AD7F58"
29
- },
30
- "400": {
31
- "value": "#BD9979"
32
- },
33
- "300": {
34
- "value": "#CEB29B"
35
- },
36
- "200": {
37
- "value": "#DECCBC"
38
- },
39
- "100": {
40
- "value": "#E6D9CD"
41
- }
42
- },
43
- "Cherry": {
44
- "600": {
45
- "value": "#B83A3E"
46
- },
47
- "500": {
48
- "value": "#E5484D"
49
- },
50
- "400": {
51
- "value": "#EA6D71"
52
- },
53
- "300": {
54
- "value": "#F5B6B8"
55
- },
56
- "200": {
57
- "value": "#F7C8CA"
58
- },
59
- "100": {
60
- "value": "#FADADB"
61
- }
62
- },
63
- "Aqua": {
64
- "600": {
65
- "value": "#07AFE6"
66
- },
67
- "500": {
68
- "value": "#23C4F8"
69
- },
70
- "400": {
71
- "value": "#4BCFF9"
72
- },
73
- "300": {
74
- "value": "#72D9FB"
75
- },
76
- "200": {
77
- "value": "#9AE4FC"
78
- },
79
- "100": {
80
- "value": "#C1EEFD"
81
- }
82
- },
83
- "Sakura": {
84
- "600": {
85
- "value": "#C53955"
86
- },
87
- "500": {
88
- "value": "#F24769"
89
- },
90
- "400": {
91
- "value": "#F56C87"
92
- },
93
- "300": {
94
- "value": "#F791A5"
95
- },
96
- "200": {
97
- "value": "#FAB5C3"
98
- },
99
- "100": {
100
- "value": "#FBC8D2"
101
- }
102
- },
103
- "Amber": {
104
- "600": {
105
- "value": "#D5AA45"
106
- },
107
- "500": {
108
- "value": "#FFCD56"
109
- },
110
- "400": {
111
- "value": "#FFD778"
112
- },
113
- "300": {
114
- "value": "#FFE19A"
115
- },
116
- "200": {
117
- "value": "#FFEBBB"
118
- },
119
- "100": {
120
- "value": "#FFF0CC"
121
- }
122
- },
123
- "Ink": {
124
- "500": {
125
- "value": "#0B0C0E"
126
- },
127
- "400": {
128
- "value": "#121317"
129
- },
130
- "300": {
131
- "value": "#16181D"
132
- },
133
- "200": {
134
- "value": "#23262E"
135
- },
136
- "100": {
137
- "value": "#2A2E37"
138
- }
139
- },
140
- "Vanilla": {
141
- "400": {
142
- "value": "#C0C1C3"
143
- },
144
- "300": {
145
- "value": "#E9E9E9"
146
- },
147
- "200": {
148
- "value": "#F5F5F5"
149
- },
150
- "100": {
151
- "value": "#FFFFFF"
152
- }
153
- },
154
- "Slate": {
155
- "500": {
156
- "value": "#161922"
157
- },
158
- "400": {
159
- "value": "#1D212D"
160
- },
161
- "300": {
162
- "value": "#242834"
163
- },
164
- "200": {
165
- "value": "#2C3140"
166
- }
167
- },
168
- "Gradient": {
169
- "Coral": {
170
- "value": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)"
171
- },
172
- "Dark-Shadow": {
173
- "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)"
174
- },
175
- "Dawn": {
176
- "value": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)"
177
- },
178
- "Ocean": {
179
- "value": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)"
180
- },
181
- "Splash": {
182
- "value": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)"
183
- },
184
- "Flamingo": {
185
- "value": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
186
- }
187
- },
188
- "Forest": {
189
- "600": {
190
- "value": "#1EB475"
191
- },
192
- "500": {
193
- "value": "#25E192"
194
- },
195
- "400": {
196
- "value": "#51E7A8"
197
- },
198
- "300": {
199
- "value": "#7CEDBE"
200
- },
201
- "200": {
202
- "value": "#A8F3D3"
203
- }
204
- }
205
- },
206
- "text": {
207
- "Robin": {
208
- "600": {
209
- "value": "#3F5ECC"
210
- },
211
- "500": {
212
- "value": "#4E74F8"
213
- },
214
- "400": {
215
- "value": "#7190F9"
216
- },
217
- "300": {
218
- "value": "#95ACFB"
219
- },
220
- "200": {
221
- "value": "#B8C7FC"
222
- },
223
- "100": {
224
- "value": "#CAD5FD"
225
- }
226
- },
227
- "Sienna": {
228
- "600": {
229
- "value": "#8A6646"
230
- },
231
- "500": {
232
- "value": "#AD7F58"
233
- },
234
- "400": {
235
- "value": "#BD9979"
236
- },
237
- "300": {
238
- "value": "#CEB29B"
239
- },
240
- "200": {
241
- "value": "#DECCBC"
242
- },
243
- "100": {
244
- "value": "#E6D9CD"
245
- }
246
- },
247
- "Cherry": {
248
- "600": {
249
- "value": "#B83A3E"
250
- },
251
- "500": {
252
- "value": "#E5484D"
253
- },
254
- "400": {
255
- "value": "#EA6D71"
256
- },
257
- "300": {
258
- "value": "#F5B6B8"
259
- },
260
- "200": {
261
- "value": "#F7C8CA"
262
- },
263
- "100": {
264
- "value": "#FADADB"
265
- }
266
- },
267
- "Aqua": {
268
- "600": {
269
- "value": "#07AFE6"
270
- },
271
- "500": {
272
- "value": "#23C4F8"
273
- },
274
- "400": {
275
- "value": "#4BCFF9"
276
- },
277
- "300": {
278
- "value": "#72D9FB"
279
- },
280
- "200": {
281
- "value": "#9AE4FC"
282
- },
283
- "100": {
284
- "value": "#C1EEFD"
285
- }
286
- },
287
- "Sakura": {
288
- "600": {
289
- "value": "#C53955"
290
- },
291
- "500": {
292
- "value": "#F24769"
293
- },
294
- "400": {
295
- "value": "#F56C87"
296
- },
297
- "300": {
298
- "value": "#F791A5"
299
- },
300
- "200": {
301
- "value": "#FAB5C3"
302
- },
303
- "100": {
304
- "value": "#FBC8D2"
305
- }
306
- },
307
- "Amber": {
308
- "600": {
309
- "value": "#D5AA45"
310
- },
311
- "500": {
312
- "value": "#FFCD56"
313
- },
314
- "400": {
315
- "value": "#FFD778"
316
- },
317
- "300": {
318
- "value": "#FFE19A"
319
- },
320
- "200": {
321
- "value": "#FFEBBB"
322
- },
323
- "100": {
324
- "value": "#FFF0CC"
325
- }
326
- },
327
- "Ink": {
328
- "500": {
329
- "value": "#0B0C0E"
330
- },
331
- "400": {
332
- "value": "#121317"
333
- },
334
- "300": {
335
- "value": "#16181D"
336
- },
337
- "200": {
338
- "value": "#23262E"
339
- },
340
- "100": {
341
- "value": "#2A2E37"
342
- }
343
- },
344
- "Vanilla": {
345
- "400": {
346
- "value": "#C0C1C3"
347
- },
348
- "300": {
349
- "value": "#E9E9E9"
350
- },
351
- "200": {
352
- "value": "#F5F5F5"
353
- },
354
- "100": {
355
- "value": "#FFFFFF"
356
- }
357
- },
358
- "Slate": {
359
- "500": {
360
- "value": "#161922"
361
- },
362
- "400": {
363
- "value": "#1D212D"
364
- },
365
- "300": {
366
- "value": "#242834"
367
- },
368
- "200": {
369
- "value": "#2C3140"
370
- }
371
- },
372
- "Gradient": {
373
- "Coral": {
374
- "value": "linear-gradient(114deg, #ED6D68 14.99%, #FCA083 77.27%)"
375
- },
376
- "Dark-Shadow": {
377
- "value": "linear-gradient(139deg, rgba(18, 19, 23, 0.80) 0%, rgba(18, 19, 23, 0.90) 98.68%)"
378
- },
379
- "Dawn": {
380
- "value": "linear-gradient(99deg, #7A97FA 4.42%, #F977FF 96.6%)"
381
- },
382
- "Ocean": {
383
- "value": "linear-gradient(99deg, #48F8CF 4.42%, #28CBF3 96.6%)"
384
- },
385
- "Splash": {
386
- "value": "linear-gradient(99deg, #4568DC 4.42%, #324DAA 96.6%)"
387
- },
388
- "Flamingo": {
389
- "value": "linear-gradient(92deg, #CA9CD0 1.36%, #D38972 68.48%, #A1B1E7 98.99%)"
390
- }
391
- },
392
- "Forest": {
393
- "600": {
394
- "value": "#1EB475"
395
- },
396
- "500": {
397
- "value": "#25E192"
398
- },
399
- "400": {
400
- "value": "#51E7A8"
401
- },
402
- "300": {
403
- "value": "#7CEDBE"
404
- },
405
- "200": {
406
- "value": "#A8F3D3"
407
- }
408
- }
409
- }
410
- }
package/src/spacing.json DELETED
@@ -1,24 +0,0 @@
1
- {
2
- "padding": {
3
- "lg": {
4
- "value": "24px"
5
- },
6
- "md": {
7
- "value": "16px"
8
- },
9
- "sm": {
10
- "value": "12px"
11
- }
12
- },
13
- "margin": {
14
- "lg": {
15
- "value": "24px"
16
- },
17
- "md": {
18
- "value": "16px"
19
- },
20
- "sm": {
21
- "value": "12px"
22
- }
23
- }
24
- }
package/src/typography.json DELETED
@@ -1,13 +0,0 @@
1
- {
2
- "font": {
3
- "lg": {
4
- "value": "24px"
5
- },
6
- "md": {
7
- "value": "16px"
8
- },
9
- "sm": {
10
- "value": "12px"
11
- }
12
- }
13
- }