@cleartrip/ct-design-tokens 4.0.0 → 5.1.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 (25) hide show
  1. package/dist/ct-design-tokens.browser.cjs.js +1 -1
  2. package/dist/ct-design-tokens.browser.cjs.js.map +1 -1
  3. package/dist/ct-design-tokens.browser.esm.js +1 -1
  4. package/dist/ct-design-tokens.browser.esm.js.map +1 -1
  5. package/dist/ct-design-tokens.cjs.js +153 -87
  6. package/dist/ct-design-tokens.cjs.js.map +1 -1
  7. package/dist/ct-design-tokens.esm.js +153 -87
  8. package/dist/ct-design-tokens.esm.js.map +1 -1
  9. package/dist/ct-design-tokens.umd.js +153 -87
  10. package/dist/ct-design-tokens.umd.js.map +1 -1
  11. package/dist/index.d.ts +12 -1
  12. package/dist/index.d.ts.map +1 -1
  13. package/dist/token/global/border.d.ts +18 -15
  14. package/dist/token/global/border.d.ts.map +1 -1
  15. package/dist/token/global/color.d.ts +48 -0
  16. package/dist/token/global/color.d.ts.map +1 -1
  17. package/dist/token/global/size.d.ts +27 -18
  18. package/dist/token/global/size.d.ts.map +1 -1
  19. package/dist/token/global/spacing.d.ts +20 -15
  20. package/dist/token/global/spacing.d.ts.map +1 -1
  21. package/dist/token/global/typography.d.ts +34 -33
  22. package/dist/token/global/typography.d.ts.map +1 -1
  23. package/package.json +5 -4
  24. package/dist/token/global/index.d.ts +0 -13
  25. package/dist/token/global/index.d.ts.map +0 -1
package/dist/ct-design-tokens.esm.js CHANGED
@@ -1,42 +1,51 @@
1
- var border = {
1
+ const border = {
2
2
  radius: {
3
- 0: '0px',
4
- 2: '2px',
5
- 4: '4px',
6
- 6: '6px',
7
- 8: '8px',
8
- 12: '12px',
9
- 16: '16px',
10
- 30: '30px',
11
- 32: '32px',
12
- '50P': '50%',
3
+ 0: 0,
4
+ 2: 2,
5
+ 4: 4,
6
+ 6: 6,
7
+ 8: 8,
8
+ 12: 12,
9
+ 16: 16,
10
+ 20: 20,
11
+ 24: 24,
12
+ 30: 30,
13
+ 32: 32,
14
+ '50P': 50,
15
+ 60: 60,
13
16
  },
14
17
  width: {
15
- none: '0px',
16
- sm: '1px',
17
- md: '1.5px',
18
- lg: '2px',
18
+ none: 0,
19
+ sm: 1,
20
+ md: 1.5,
21
+ lg: 2,
22
+ xl: 5,
19
23
  },
20
24
  style: {
21
25
  solid: 'solid',
22
26
  dotted: 'dotted',
23
- none: 'none',
24
27
  },
25
28
  };
26
29
 
27
- var colors = {
30
+ const colors = {
31
+ neutral50: '#FFFFFF80',
28
32
  alert: '#DF9641',
29
33
  alertBg: '#FCF7F0',
34
+ alert100: '#FFF8D4',
30
35
  alertText: '#DF9641',
36
+ alert500: '#A06800',
31
37
  bgPrimary: '#ED6521',
32
38
  bgPrimaryHover: '#CE4501',
33
39
  blue100: '#ECF3FF',
40
+ blue900: '#0E3A81',
41
+ blue500: '#0F6BFF',
34
42
  bluePrimary500: '#2A55E5',
35
43
  blueSecondary: '#F0F5FF',
36
44
  brand: '#FF4F17',
37
45
  brandBg: '#FEF3ED',
38
46
  brandText: '#FF4F17',
39
47
  curacao250: '#9FE3EA',
48
+ curacao900: '#032529',
40
49
  disabled100: '#E6E6E6',
41
50
  disabled250: '#DDDDDD',
42
51
  disabledLight: '#EFEFEF',
@@ -44,6 +53,8 @@ var colors = {
44
53
  highlightBg: 'rgba(255, 255, 255, 0.2)',
45
54
  line: '#E7E7E7',
46
55
  lineDarkNeutral300: '#E0E0E0',
56
+ darkNeutral300: '#E0E0E0',
57
+ darkGrey: '#313131',
47
58
  link2: '#3366CC',
48
59
  link2Hover: '#1A469D',
49
60
  link: '#0F6BFF',
@@ -53,6 +64,7 @@ var colors = {
53
64
  margarita250: '#C0E6B6',
54
65
  margarita750: '#3A742C',
55
66
  neutral100: '#FFFFFF',
67
+ neutral200: '#FAFAFD',
56
68
  neutral300: '#F3F3F3',
57
69
  neutral350: '#DBDBDB',
58
70
  neutral400: '#CAC9C9',
@@ -61,7 +73,11 @@ var colors = {
61
73
  neutral900: '#1A1A1A',
62
74
  orange100: '#FFF1EC',
63
75
  orange250: '#FFB8A5',
76
+ orange500: '#FF4F17',
64
77
  pinaColada250: '#FEE3A0',
78
+ pinaColada300: '#FFE46E',
79
+ pinaColada100: '#FFF9EC',
80
+ pinaColada750: '#98700B',
65
81
  primaryNeutral900: '#212121',
66
82
  shadow: '#1a1a1a14',
67
83
  success500: '#11A670',
@@ -77,13 +93,48 @@ var colors = {
77
93
  purple250: '#130016',
78
94
  gray100: '#2E3042',
79
95
  gray250: '#1A1C23',
96
+ gray500: '#ffffffb1',
80
97
  aqua100: '#082395',
81
98
  aqua250: '#081C82',
82
99
  black: '#1A1A1A',
100
+ black100: '#1B1B1B',
83
101
  grapetini900: '#5f1ab6',
102
+ transparent: 'transparent',
103
+ mintCream: '#F0FAF6',
104
+ lightSkyBlue: '#88CDFF',
105
+ lightCyan: '#ECF9FB',
106
+ orange200: '#FFF1ED',
107
+ blueSky500: '#3C6CE6',
108
+ pinkVibrant500: '#EF4E9B',
109
+ yellowSun500: '#FDBA12',
110
+ purpleRoyal500: '#8B39F1',
111
+ greenFresh500: '#61C149',
112
+ freshGreen100: '#ECF8F0',
113
+ couponGreen: '#11A056',
114
+ warningLight: '#FFF7E2',
115
+ green100: '#28C976',
116
+ red100: '#FF7070',
117
+ lightGray: '#E2E2E2',
118
+ red200: '#FCE8E8',
119
+ red500: '#CD1719',
120
+ gray800: '#808080',
121
+ superGrey700: '#404040',
122
+ superGrey300: '#666666',
123
+ superGrey800: '#262626',
124
+ superGreen500: '#008000',
125
+ superBlue25: '#EBEFFF',
126
+ superBlue500: '#4D43FE',
127
+ superGrey50: '#F9FAFB',
128
+ superGrey200: '#EAECF0',
129
+ superGrey400: '#98A2B3',
130
+ superGrey500: '#667085',
131
+ systemGreen500: '#12B76A',
132
+ systemRed500: '#FA2617',
133
+ coralpink: '#FF69B4',
134
+ brown: '#800000',
84
135
  };
85
136
 
86
- var elevation = {
137
+ const elevation = {
87
138
  bottomE1: '0px 1px 0px #E7E7E7',
88
139
  bottomE2: '0px 4px 16px rgba(26, 26, 26, 0.08)',
89
140
  bottomE3: '0px 8px 24px rgba(26, 26, 26, 0.1)',
@@ -97,86 +148,101 @@ var elevation = {
97
148
  modalBlurHeavy: 'rgb(0 0 0 / 12%) 0px 9px 22px 18px',
98
149
  };
99
150
 
100
- var size = {
101
- 0: '0px',
102
- 1: '4px',
103
- 2: '8px',
104
- '2.5': '10px',
105
- 3: '12px',
106
- 4: '16px',
107
- 5: '20px',
108
- 6: '24px',
109
- 7: '28px',
110
- 8: '32px',
111
- 9: '36px',
112
- 10: '40px',
113
- 11: '44px',
114
- 12: '48px',
115
- 13: '52px',
116
- 14: '56px',
117
- 15: '60px',
118
- 50: '200px',
151
+ const size = {
152
+ 0: 0,
153
+ 0.5: 2,
154
+ 1: 4,
155
+ 2: 8,
156
+ '2.5': 10,
157
+ 3: 12,
158
+ 4: 16,
159
+ 5: 20,
160
+ 6: 24,
161
+ 7: 28,
162
+ 8: 32,
163
+ 9: 36,
164
+ 10: 40,
165
+ 11: 44,
166
+ 12: 48,
167
+ 13: 52,
168
+ 14: 56,
169
+ 15: 60,
170
+ 16: 64,
171
+ 19: 76,
172
+ 20: 80,
173
+ 25: 100,
174
+ 40: 160,
175
+ 50: 200,
176
+ 55: 220,
177
+ '50P': '50%',
178
+ '100P': '100%',
119
179
  };
120
180
 
121
- var spacing = {
122
- 0: '0px',
123
- 1: '4px',
124
- 2: '8px',
125
- 3: '12px',
126
- 4: '16px',
127
- 5: '20px',
128
- 6: '24px',
129
- 7: '28px',
130
- 8: '32px',
131
- 9: '36px',
132
- 10: '40px',
133
- 11: '44px',
134
- 12: '48px',
135
- 13: '52px',
136
- 14: '56px',
181
+ const spacing = {
182
+ 0: 0,
183
+ 0.5: 2,
184
+ 0.25: 1,
185
+ 0.75: 3,
186
+ 1: 4,
187
+ 1.5: 6,
188
+ 2: 8,
189
+ 3: 12,
190
+ 4: 16,
191
+ 5: 20,
192
+ 6: 24,
193
+ 7: 28,
194
+ 8: 32,
195
+ 9: 36,
196
+ 10: 40,
197
+ 11: 44,
198
+ 12: 48,
199
+ 13: 52,
200
+ 14: 56,
201
+ 16: 64,
137
202
  };
138
203
 
139
- var typography = {
204
+ const typography = {
140
205
  weight: {
141
- bold: 700,
142
- semibold: 600,
143
- medium: 500,
144
- normal: 400,
206
+ bold: '700',
207
+ semibold: '600',
208
+ medium: '500',
209
+ normal: '400',
145
210
  },
146
211
  size: {
147
- 10: '10px',
148
- 12: '12px',
149
- 14: '14px',
150
- 16: '16px',
151
- 20: '20px',
152
- 24: '24px',
153
- 32: '32px',
154
- 40: '40px',
155
- 48: '48px',
212
+ 8: 8,
213
+ 10: 10,
214
+ 12: 12,
215
+ 14: 14,
216
+ 16: 16,
217
+ 20: 20,
218
+ 24: 24,
219
+ 32: 32,
220
+ 40: 40,
221
+ 48: 48,
156
222
  },
157
223
  lineHeight: {
158
- 12: '12px',
159
- 14: '14px',
160
- 16: '16px',
161
- 18: '18px',
162
- 20: '20px',
163
- 22: '22px',
164
- 24: '24px',
165
- 28: '28px',
166
- 32: '32px',
167
- 40: '40px',
168
- 48: '48px',
169
- 56: '56px',
224
+ 12: 12,
225
+ 14: 14,
226
+ 16: 16,
227
+ 18: 18,
228
+ 20: 20,
229
+ 22: 22,
230
+ 24: 24,
231
+ 28: 28,
232
+ 32: 32,
233
+ 40: 40,
234
+ 48: 48,
235
+ 56: 56,
170
236
  },
171
237
  letterSpacing: {
172
- nPoint75: '-0.75px',
173
- nPoint5: '-0.5px',
174
- nPoint4: '-0.4px',
175
- nPoint25: '-0.25px',
176
- zero: '0px',
177
- point4: '0.4px',
178
- point5: '0.5px',
179
- point75: '0.75px',
238
+ nPoint75: -0.75,
239
+ nPoint5: -0.5,
240
+ nPoint4: -0.4,
241
+ nPoint25: -0.25,
242
+ zero: 0,
243
+ point4: 0.4,
244
+ point5: 0.5,
245
+ point75: 0.75,
180
246
  },
181
247
  };
182
248
 
package/dist/ct-design-tokens.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ct-design-tokens.esm.js","sources":["../packages/core/tokens/src/token/global/border.ts","../packages/core/tokens/src/token/global/color.ts","../packages/core/tokens/src/token/global/elevations.ts","../packages/core/tokens/src/token/global/size.ts","../packages/core/tokens/src/token/global/spacing.ts","../packages/core/tokens/src/token/global/typography.ts"],"sourcesContent":[null,null,null,null,null,null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ct-design-tokens.esm.js","sources":["../packages/core/tokens/src/token/global/border.ts","../packages/core/tokens/src/token/global/color.ts","../packages/core/tokens/src/token/global/elevations.ts","../packages/core/tokens/src/token/global/size.ts","../packages/core/tokens/src/token/global/spacing.ts","../packages/core/tokens/src/token/global/typography.ts"],"sourcesContent":[null,null,null,null,null,null],"names":[],"mappings":"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"}
package/dist/ct-design-tokens.umd.js CHANGED
@@ -4,45 +4,54 @@
4
4
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CTDesignSystem = {}));
5
5
  })(this, (function (exports) { 'use strict';
6
6
 
7
- var border = {
7
+ const border = {
8
8
  radius: {
9
- 0: '0px',
10
- 2: '2px',
11
- 4: '4px',
12
- 6: '6px',
13
- 8: '8px',
14
- 12: '12px',
15
- 16: '16px',
16
- 30: '30px',
17
- 32: '32px',
18
- '50P': '50%',
9
+ 0: 0,
10
+ 2: 2,
11
+ 4: 4,
12
+ 6: 6,
13
+ 8: 8,
14
+ 12: 12,
15
+ 16: 16,
16
+ 20: 20,
17
+ 24: 24,
18
+ 30: 30,
19
+ 32: 32,
20
+ '50P': 50,
21
+ 60: 60,
19
22
  },
20
23
  width: {
21
- none: '0px',
22
- sm: '1px',
23
- md: '1.5px',
24
- lg: '2px',
24
+ none: 0,
25
+ sm: 1,
26
+ md: 1.5,
27
+ lg: 2,
28
+ xl: 5,
25
29
  },
26
30
  style: {
27
31
  solid: 'solid',
28
32
  dotted: 'dotted',
29
- none: 'none',
30
33
  },
31
34
  };
32
35
 
33
- var colors = {
36
+ const colors = {
37
+ neutral50: '#FFFFFF80',
34
38
  alert: '#DF9641',
35
39
  alertBg: '#FCF7F0',
40
+ alert100: '#FFF8D4',
36
41
  alertText: '#DF9641',
42
+ alert500: '#A06800',
37
43
  bgPrimary: '#ED6521',
38
44
  bgPrimaryHover: '#CE4501',
39
45
  blue100: '#ECF3FF',
46
+ blue900: '#0E3A81',
47
+ blue500: '#0F6BFF',
40
48
  bluePrimary500: '#2A55E5',
41
49
  blueSecondary: '#F0F5FF',
42
50
  brand: '#FF4F17',
43
51
  brandBg: '#FEF3ED',
44
52
  brandText: '#FF4F17',
45
53
  curacao250: '#9FE3EA',
54
+ curacao900: '#032529',
46
55
  disabled100: '#E6E6E6',
47
56
  disabled250: '#DDDDDD',
48
57
  disabledLight: '#EFEFEF',
@@ -50,6 +59,8 @@
50
59
  highlightBg: 'rgba(255, 255, 255, 0.2)',
51
60
  line: '#E7E7E7',
52
61
  lineDarkNeutral300: '#E0E0E0',
62
+ darkNeutral300: '#E0E0E0',
63
+ darkGrey: '#313131',
53
64
  link2: '#3366CC',
54
65
  link2Hover: '#1A469D',
55
66
  link: '#0F6BFF',
@@ -59,6 +70,7 @@
59
70
  margarita250: '#C0E6B6',
60
71
  margarita750: '#3A742C',
61
72
  neutral100: '#FFFFFF',
73
+ neutral200: '#FAFAFD',
62
74
  neutral300: '#F3F3F3',
63
75
  neutral350: '#DBDBDB',
64
76
  neutral400: '#CAC9C9',
@@ -67,7 +79,11 @@
67
79
  neutral900: '#1A1A1A',
68
80
  orange100: '#FFF1EC',
69
81
  orange250: '#FFB8A5',
82
+ orange500: '#FF4F17',
70
83
  pinaColada250: '#FEE3A0',
84
+ pinaColada300: '#FFE46E',
85
+ pinaColada100: '#FFF9EC',
86
+ pinaColada750: '#98700B',
71
87
  primaryNeutral900: '#212121',
72
88
  shadow: '#1a1a1a14',
73
89
  success500: '#11A670',
@@ -83,13 +99,48 @@
83
99
  purple250: '#130016',
84
100
  gray100: '#2E3042',
85
101
  gray250: '#1A1C23',
102
+ gray500: '#ffffffb1',
86
103
  aqua100: '#082395',
87
104
  aqua250: '#081C82',
88
105
  black: '#1A1A1A',
106
+ black100: '#1B1B1B',
89
107
  grapetini900: '#5f1ab6',
108
+ transparent: 'transparent',
109
+ mintCream: '#F0FAF6',
110
+ lightSkyBlue: '#88CDFF',
111
+ lightCyan: '#ECF9FB',
112
+ orange200: '#FFF1ED',
113
+ blueSky500: '#3C6CE6',
114
+ pinkVibrant500: '#EF4E9B',
115
+ yellowSun500: '#FDBA12',
116
+ purpleRoyal500: '#8B39F1',
117
+ greenFresh500: '#61C149',
118
+ freshGreen100: '#ECF8F0',
119
+ couponGreen: '#11A056',
120
+ warningLight: '#FFF7E2',
121
+ green100: '#28C976',
122
+ red100: '#FF7070',
123
+ lightGray: '#E2E2E2',
124
+ red200: '#FCE8E8',
125
+ red500: '#CD1719',
126
+ gray800: '#808080',
127
+ superGrey700: '#404040',
128
+ superGrey300: '#666666',
129
+ superGrey800: '#262626',
130
+ superGreen500: '#008000',
131
+ superBlue25: '#EBEFFF',
132
+ superBlue500: '#4D43FE',
133
+ superGrey50: '#F9FAFB',
134
+ superGrey200: '#EAECF0',
135
+ superGrey400: '#98A2B3',
136
+ superGrey500: '#667085',
137
+ systemGreen500: '#12B76A',
138
+ systemRed500: '#FA2617',
139
+ coralpink: '#FF69B4',
140
+ brown: '#800000',
90
141
  };
91
142
 
92
- var elevation = {
143
+ const elevation = {
93
144
  bottomE1: '0px 1px 0px #E7E7E7',
94
145
  bottomE2: '0px 4px 16px rgba(26, 26, 26, 0.08)',
95
146
  bottomE3: '0px 8px 24px rgba(26, 26, 26, 0.1)',
@@ -103,86 +154,101 @@
103
154
  modalBlurHeavy: 'rgb(0 0 0 / 12%) 0px 9px 22px 18px',
104
155
  };
105
156
 
106
- var size = {
107
- 0: '0px',
108
- 1: '4px',
109
- 2: '8px',
110
- '2.5': '10px',
111
- 3: '12px',
112
- 4: '16px',
113
- 5: '20px',
114
- 6: '24px',
115
- 7: '28px',
116
- 8: '32px',
117
- 9: '36px',
118
- 10: '40px',
119
- 11: '44px',
120
- 12: '48px',
121
- 13: '52px',
122
- 14: '56px',
123
- 15: '60px',
124
- 50: '200px',
157
+ const size = {
158
+ 0: 0,
159
+ 0.5: 2,
160
+ 1: 4,
161
+ 2: 8,
162
+ '2.5': 10,
163
+ 3: 12,
164
+ 4: 16,
165
+ 5: 20,
166
+ 6: 24,
167
+ 7: 28,
168
+ 8: 32,
169
+ 9: 36,
170
+ 10: 40,
171
+ 11: 44,
172
+ 12: 48,
173
+ 13: 52,
174
+ 14: 56,
175
+ 15: 60,
176
+ 16: 64,
177
+ 19: 76,
178
+ 20: 80,
179
+ 25: 100,
180
+ 40: 160,
181
+ 50: 200,
182
+ 55: 220,
183
+ '50P': '50%',
184
+ '100P': '100%',
125
185
  };
126
186
 
127
- var spacing = {
128
- 0: '0px',
129
- 1: '4px',
130
- 2: '8px',
131
- 3: '12px',
132
- 4: '16px',
133
- 5: '20px',
134
- 6: '24px',
135
- 7: '28px',
136
- 8: '32px',
137
- 9: '36px',
138
- 10: '40px',
139
- 11: '44px',
140
- 12: '48px',
141
- 13: '52px',
142
- 14: '56px',
187
+ const spacing = {
188
+ 0: 0,
189
+ 0.5: 2,
190
+ 0.25: 1,
191
+ 0.75: 3,
192
+ 1: 4,
193
+ 1.5: 6,
194
+ 2: 8,
195
+ 3: 12,
196
+ 4: 16,
197
+ 5: 20,
198
+ 6: 24,
199
+ 7: 28,
200
+ 8: 32,
201
+ 9: 36,
202
+ 10: 40,
203
+ 11: 44,
204
+ 12: 48,
205
+ 13: 52,
206
+ 14: 56,
207
+ 16: 64,
143
208
  };
144
209
 
145
- var typography = {
210
+ const typography = {
146
211
  weight: {
147
- bold: 700,
148
- semibold: 600,
149
- medium: 500,
150
- normal: 400,
212
+ bold: '700',
213
+ semibold: '600',
214
+ medium: '500',
215
+ normal: '400',
151
216
  },
152
217
  size: {
153
- 10: '10px',
154
- 12: '12px',
155
- 14: '14px',
156
- 16: '16px',
157
- 20: '20px',
158
- 24: '24px',
159
- 32: '32px',
160
- 40: '40px',
161
- 48: '48px',
218
+ 8: 8,
219
+ 10: 10,
220
+ 12: 12,
221
+ 14: 14,
222
+ 16: 16,
223
+ 20: 20,
224
+ 24: 24,
225
+ 32: 32,
226
+ 40: 40,
227
+ 48: 48,
162
228
  },
163
229
  lineHeight: {
164
- 12: '12px',
165
- 14: '14px',
166
- 16: '16px',
167
- 18: '18px',
168
- 20: '20px',
169
- 22: '22px',
170
- 24: '24px',
171
- 28: '28px',
172
- 32: '32px',
173
- 40: '40px',
174
- 48: '48px',
175
- 56: '56px',
230
+ 12: 12,
231
+ 14: 14,
232
+ 16: 16,
233
+ 18: 18,
234
+ 20: 20,
235
+ 22: 22,
236
+ 24: 24,
237
+ 28: 28,
238
+ 32: 32,
239
+ 40: 40,
240
+ 48: 48,
241
+ 56: 56,
176
242
  },
177
243
  letterSpacing: {
178
- nPoint75: '-0.75px',
179
- nPoint5: '-0.5px',
180
- nPoint4: '-0.4px',
181
- nPoint25: '-0.25px',
182
- zero: '0px',
183
- point4: '0.4px',
184
- point5: '0.5px',
185
- point75: '0.75px',
244
+ nPoint75: -0.75,
245
+ nPoint5: -0.5,
246
+ nPoint4: -0.4,
247
+ nPoint25: -0.25,
248
+ zero: 0,
249
+ point4: 0.4,
250
+ point5: 0.5,
251
+ point75: 0.75,
186
252
  },
187
253
  };
188
254