@channel.io/bezier-tokens 0.1.0-alpha.1 → 0.1.0-alpha.3

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 (21) hide show
  1. package/README.md +3 -5
  2. package/dist/cjs/darkTheme.js +121 -108
  3. package/dist/cjs/global.js +240 -186
  4. package/dist/cjs/lightTheme.js +121 -108
  5. package/dist/css/styles.css +450 -0
  6. package/dist/esm/darkTheme.mjs +121 -108
  7. package/dist/esm/global.mjs +240 -186
  8. package/dist/esm/lightTheme.mjs +121 -108
  9. package/dist/types/cjs/darkTheme.d.ts +17 -2
  10. package/dist/types/cjs/global.d.ts +239 -180
  11. package/dist/types/cjs/index.d.ts +479 -384
  12. package/dist/types/cjs/lightTheme.d.ts +17 -2
  13. package/dist/types/esm/darkTheme.d.mts +122 -104
  14. package/dist/types/esm/global.d.mts +239 -180
  15. package/dist/types/esm/index.d.mts +479 -384
  16. package/dist/types/esm/index.d.mts.map +1 -1
  17. package/dist/types/esm/lightTheme.d.mts +122 -104
  18. package/package.json +6 -3
  19. package/dist/css/dark-theme.css +0 -109
  20. package/dist/css/global.css +0 -187
  21. package/dist/css/light-theme.css +0 -109
package/dist/cjs/global.js CHANGED
@@ -1,187 +1,241 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 23 Nov 2023 06:25:44 GMT
4
- */
5
-
6
1
  module.exports = {
7
- "blue-300": "#6687FF",
8
- "blue-400": "#5E56F0",
9
- "blue-500": "#4E40C9",
10
- "blue-300-40": "#6687FF66",
11
- "blue-300-30": "#6687FF4D",
12
- "blue-300-20": "#6687FF33",
13
- "blue-400-30": "#5E56F04D",
14
- "blue-400-20": "#5E56F033",
15
- "blue-400-10": "#5E56F01A",
16
- "cobalt-300": "#47C8FF",
17
- "cobalt-400": "#329BE7",
18
- "cobalt-500": "#327AB8",
19
- "cobalt-300-40": "#47C8FF66",
20
- "cobalt-300-30": "#47C8FF4D",
21
- "cobalt-300-20": "#47C8FF33",
22
- "cobalt-400-30": "#329BE74D",
23
- "cobalt-400-20": "#329BE733",
24
- "cobalt-400-10": "#329BE71A",
25
- "teal-300": "#3CDDCD",
26
- "teal-400": "#0FB3A3",
27
- "teal-500": "#449C8A",
28
- "teal-300-40": "#3CDDCD66",
29
- "teal-300-30": "#3CDDCD4D",
30
- "teal-300-20": "#3CDDCD33",
31
- "teal-400-30": "#0FB3A34D",
32
- "teal-400-20": "#0FB3A333",
33
- "teal-400-10": "#0FB3A31A",
34
- "green-300": "#3ACF5A",
35
- "green-400": "#31A552",
36
- "green-500": "#41904F",
37
- "green-300-40": "#3ACF5A66",
38
- "green-300-30": "#3ACF5A4D",
39
- "green-300-20": "#3ACF5A33",
40
- "green-400-30": "#31A5524D",
41
- "green-400-20": "#31A55233",
42
- "green-400-10": "#31A5521A",
43
- "olive-300": "#CAD548",
44
- "olive-400": "#A0A540",
45
- "olive-500": "#818628",
46
- "olive-300-40": "#CAD54866",
47
- "olive-300-30": "#CAD5484D",
48
- "olive-300-20": "#CAD54833",
49
- "olive-400-30": "#A0A5404D",
50
- "olive-400-20": "#A0A54033",
51
- "olive-400-10": "#A0A5401A",
52
- "yellow-300": "#FDD353",
53
- "yellow-400": "#EDBC40",
54
- "yellow-500": "#C39E37",
55
- "yellow-300-40": "#FDD35366",
56
- "yellow-300-30": "#FDD3534D",
57
- "yellow-300-20": "#FDD35333",
58
- "yellow-400-30": "#EDBC404D",
59
- "yellow-400-20": "#EDBC4033",
60
- "yellow-400-10": "#EDBC401A",
61
- "orange-300": "#FFAB5C",
62
- "orange-400": "#F4800B",
63
- "orange-500": "#C57417",
64
- "orange-300-40": "#FFAB5C66",
65
- "orange-300-30": "#FFAB5C4D",
66
- "orange-300-20": "#FFAB5C33",
67
- "orange-400-30": "#F4800B4D",
68
- "orange-400-20": "#F4800B33",
69
- "orange-400-10": "#F4800B1A",
70
- "red-300": "#FF5C5C",
71
- "red-400": "#E94E58",
72
- "red-500": "#AC3E46",
73
- "red-300-40": "#FF5C5C66",
74
- "red-300-30": "#FF5C5C4D",
75
- "red-300-20": "#FF5C5C33",
76
- "red-400-30": "#E94E584D",
77
- "red-400-20": "#E94E5833",
78
- "red-400-10": "#E94E581A",
79
- "pink-300": "#EC6FD3",
80
- "pink-400": "#CB48AD",
81
- "pink-500": "#A32E92",
82
- "pink-300-40": "#EC6FD366",
83
- "pink-300-30": "#EC6FD34D",
84
- "pink-300-20": "#EC6FD333",
85
- "pink-400-30": "#CB48AD4D",
86
- "pink-400-20": "#CB48AD33",
87
- "pink-400-10": "#CB48AD1A",
88
- "purple-300": "#B570FF",
89
- "purple-400": "#915CE0",
90
- "purple-500": "#6B23B3",
91
- "purple-300-40": "#B570FF66",
92
- "purple-300-30": "#B570FF4D",
93
- "purple-300-20": "#B570FF33",
94
- "purple-400-30": "#915CE04D",
95
- "purple-400-20": "#915CE033",
96
- "purple-400-10": "#915CE01A",
97
- "navy-300": "#647CC9",
98
- "navy-400": "#3A4F8D",
99
- "navy-500": "#333D5B",
100
- "navy-300-40": "#647CC966",
101
- "navy-300-30": "#647CC94D",
102
- "navy-300-20": "#647CC933",
103
- "navy-400-30": "#3A4F8D4D",
104
- "navy-400-20": "#3A4F8D33",
105
- "navy-400-10": "#3A4F8D1A",
106
- "grey-50": "#FCFCFC",
107
- "grey-100": "#F7F7F8",
108
- "grey-200": "#EFEFF0",
109
- "grey-500": "#A7A7AA",
110
- "grey-700": "#464748",
111
- "grey-800": "#313234",
112
- "grey-850": "#2A2B2D",
113
- "grey-900": "#242428",
114
- "grey-50-80": "#FCFCFCCC",
115
- "grey-100-90": "#F7F7F8E6",
116
- "grey-100-80": "#F7F7F8CC",
117
- "grey-200-80": "#EFEFF0CC",
118
- "grey-700-80": "#464748CC",
119
- "grey-800-90": "#313234E6",
120
- "grey-800-80": "#313234CC",
121
- "grey-850-80": "#2A2B2DCC",
122
- "grey-900-90": "#242428E6",
123
- "white-5": "#FFFFFF0D",
124
- "white-8": "#FFFFFF14",
125
- "white-12": "#FFFFFF1F",
126
- "white-20": "#FFFFFF33",
127
- "white-40": "#FFFFFF66",
128
- "white-60": "#FFFFFF99",
129
- "white-80": "#FFFFFFCC",
130
- "white-90": "#FFFFFFE6",
131
- "white-100": "#FFFFFF",
132
- "black-3": "#00000008",
133
- "black-5": "#0000000D",
134
- "black-8": "#00000014",
135
- "black-15": "#00000026",
136
- "black-20": "#00000033",
137
- "black-22": "#00000038",
138
- "black-30": "#0000004D",
139
- "black-40": "#00000066",
140
- "black-60": "#00000099",
141
- "black-85": "#000000D9",
142
- "black-100": "#000000",
143
- "font-size-11": "1.1rem",
144
- "font-size-12": "1.2rem",
145
- "font-size-13": "1.3rem",
146
- "font-size-14": "1.4rem",
147
- "font-size-15": "1.5rem",
148
- "font-size-16": "1.6rem",
149
- "font-size-17": "1.7rem",
150
- "font-size-18": "1.8rem",
151
- "font-size-22": "2.2rem",
152
- "font-size-24": "2.4rem",
153
- "font-size-30": "3rem",
154
- "font-size-36": "3.6rem",
155
- "font-line-height-16": "1.6rem",
156
- "font-line-height-18": "1.8rem",
157
- "font-line-height-20": "2rem",
158
- "font-line-height-22": "2.2rem",
159
- "font-line-height-24": "2.4rem",
160
- "font-line-height-28": "2.8rem",
161
- "font-line-height-32": "3.2rem",
162
- "font-line-height-36": "3.6rem",
163
- "font-line-height-44": "4.4rem",
164
- "font-weight-400": "400",
165
- "font-weight-700": "700",
166
- "font-family-sans-kr": "'Inter', 'NotoSansKR', 'NotoSansJP', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Roboto', system-ui, sans-serif",
167
- "font-family-sans-jp": "'Inter', 'NotoSansJP', 'NotoSansKR', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Roboto', system-ui, sans-serif",
168
- "font-family-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace",
169
- "radius-2": "2px",
170
- "radius-3": "3px",
171
- "radius-4": "4px",
172
- "radius-6": "6px",
173
- "radius-8": "8px",
174
- "radius-10": "10px",
175
- "radius-12": "12px",
176
- "radius-14": "14px",
177
- "radius-16": "16px",
178
- "radius-20": "20px",
179
- "radius-32": "32px",
180
- "radius-44": "44px",
181
- "radius-42-p": "42%",
182
- "radius-100-p": "100%",
183
- "transition-easing": "cubic-bezier(.3,0,0,1)",
184
- "transition-duration-s": "150ms",
185
- "transition-duration-m": "300ms",
186
- "transition-duration-l": "450ms",
187
- }
2
+ "color": {
3
+ "blue-300": "#6687FF",
4
+ "blue-400": "#5E56F0",
5
+ "blue-500": "#4E40C9",
6
+ "blue-300-40": "#6687FF66",
7
+ "blue-300-30": "#6687FF4D",
8
+ "blue-300-20": "#6687FF33",
9
+ "blue-400-30": "#5E56F04D",
10
+ "blue-400-20": "#5E56F033",
11
+ "blue-400-10": "#5E56F01A",
12
+ "cobalt-300": "#47C8FF",
13
+ "cobalt-400": "#329BE7",
14
+ "cobalt-500": "#327AB8",
15
+ "cobalt-300-40": "#47C8FF66",
16
+ "cobalt-300-30": "#47C8FF4D",
17
+ "cobalt-300-20": "#47C8FF33",
18
+ "cobalt-400-30": "#329BE74D",
19
+ "cobalt-400-20": "#329BE733",
20
+ "cobalt-400-10": "#329BE71A",
21
+ "teal-300": "#3CDDCD",
22
+ "teal-400": "#0FB3A3",
23
+ "teal-500": "#449C8A",
24
+ "teal-300-40": "#3CDDCD66",
25
+ "teal-300-30": "#3CDDCD4D",
26
+ "teal-300-20": "#3CDDCD33",
27
+ "teal-400-30": "#0FB3A34D",
28
+ "teal-400-20": "#0FB3A333",
29
+ "teal-400-10": "#0FB3A31A",
30
+ "green-300": "#3ACF5A",
31
+ "green-400": "#31A552",
32
+ "green-500": "#41904F",
33
+ "green-300-40": "#3ACF5A66",
34
+ "green-300-30": "#3ACF5A4D",
35
+ "green-300-20": "#3ACF5A33",
36
+ "green-400-30": "#31A5524D",
37
+ "green-400-20": "#31A55233",
38
+ "green-400-10": "#31A5521A",
39
+ "olive-300": "#CAD548",
40
+ "olive-400": "#A0A540",
41
+ "olive-500": "#818628",
42
+ "olive-300-40": "#CAD54866",
43
+ "olive-300-30": "#CAD5484D",
44
+ "olive-300-20": "#CAD54833",
45
+ "olive-400-30": "#A0A5404D",
46
+ "olive-400-20": "#A0A54033",
47
+ "olive-400-10": "#A0A5401A",
48
+ "yellow-300": "#FDD353",
49
+ "yellow-400": "#EDBC40",
50
+ "yellow-500": "#C39E37",
51
+ "yellow-300-40": "#FDD35366",
52
+ "yellow-300-30": "#FDD3534D",
53
+ "yellow-300-20": "#FDD35333",
54
+ "yellow-400-30": "#EDBC404D",
55
+ "yellow-400-20": "#EDBC4033",
56
+ "yellow-400-10": "#EDBC401A",
57
+ "orange-300": "#FFAB5C",
58
+ "orange-400": "#F4800B",
59
+ "orange-500": "#C57417",
60
+ "orange-300-40": "#FFAB5C66",
61
+ "orange-300-30": "#FFAB5C4D",
62
+ "orange-300-20": "#FFAB5C33",
63
+ "orange-400-30": "#F4800B4D",
64
+ "orange-400-20": "#F4800B33",
65
+ "orange-400-10": "#F4800B1A",
66
+ "red-300": "#FF5C5C",
67
+ "red-400": "#E94E58",
68
+ "red-500": "#AC3E46",
69
+ "red-300-40": "#FF5C5C66",
70
+ "red-300-30": "#FF5C5C4D",
71
+ "red-300-20": "#FF5C5C33",
72
+ "red-400-30": "#E94E584D",
73
+ "red-400-20": "#E94E5833",
74
+ "red-400-10": "#E94E581A",
75
+ "pink-300": "#EC6FD3",
76
+ "pink-400": "#CB48AD",
77
+ "pink-500": "#A32E92",
78
+ "pink-300-40": "#EC6FD366",
79
+ "pink-300-30": "#EC6FD34D",
80
+ "pink-300-20": "#EC6FD333",
81
+ "pink-400-30": "#CB48AD4D",
82
+ "pink-400-20": "#CB48AD33",
83
+ "pink-400-10": "#CB48AD1A",
84
+ "purple-300": "#B570FF",
85
+ "purple-400": "#915CE0",
86
+ "purple-500": "#6B23B3",
87
+ "purple-300-40": "#B570FF66",
88
+ "purple-300-30": "#B570FF4D",
89
+ "purple-300-20": "#B570FF33",
90
+ "purple-400-30": "#915CE04D",
91
+ "purple-400-20": "#915CE033",
92
+ "purple-400-10": "#915CE01A",
93
+ "navy-300": "#647CC9",
94
+ "navy-400": "#3A4F8D",
95
+ "navy-500": "#333D5B",
96
+ "navy-300-40": "#647CC966",
97
+ "navy-300-30": "#647CC94D",
98
+ "navy-300-20": "#647CC933",
99
+ "navy-400-30": "#3A4F8D4D",
100
+ "navy-400-20": "#3A4F8D33",
101
+ "navy-400-10": "#3A4F8D1A",
102
+ "grey-50": "#FCFCFC",
103
+ "grey-100": "#F7F7F8",
104
+ "grey-200": "#EFEFF0",
105
+ "grey-500": "#A7A7AA",
106
+ "grey-700": "#464748",
107
+ "grey-800": "#313234",
108
+ "grey-850": "#2A2B2D",
109
+ "grey-900": "#242428",
110
+ "grey-50-80": "#FCFCFCCC",
111
+ "grey-100-90": "#F7F7F8E6",
112
+ "grey-100-80": "#F7F7F8CC",
113
+ "grey-200-80": "#EFEFF0CC",
114
+ "grey-700-80": "#464748CC",
115
+ "grey-800-90": "#313234E6",
116
+ "grey-800-80": "#313234CC",
117
+ "grey-850-80": "#2A2B2DCC",
118
+ "grey-900-90": "#242428E6",
119
+ "white-5": "#FFFFFF0D",
120
+ "white-8": "#FFFFFF14",
121
+ "white-12": "#FFFFFF1F",
122
+ "white-20": "#FFFFFF33",
123
+ "white-40": "#FFFFFF66",
124
+ "white-60": "#FFFFFF99",
125
+ "white-80": "#FFFFFFCC",
126
+ "white-90": "#FFFFFFE6",
127
+ "white-100": "#FFFFFF",
128
+ "black-3": "#00000008",
129
+ "black-5": "#0000000D",
130
+ "black-8": "#00000014",
131
+ "black-15": "#00000026",
132
+ "black-20": "#00000033",
133
+ "black-22": "#00000038",
134
+ "black-30": "#0000004D",
135
+ "black-40": "#00000066",
136
+ "black-60": "#00000099",
137
+ "black-85": "#000000D9",
138
+ "black-100": "#000000",
139
+ },
140
+ "font": {
141
+ "font-size-11": "1.1rem",
142
+ "font-size-12": "1.2rem",
143
+ "font-size-13": "1.3rem",
144
+ "font-size-14": "1.4rem",
145
+ "font-size-15": "1.5rem",
146
+ "font-size-16": "1.6rem",
147
+ "font-size-17": "1.7rem",
148
+ "font-size-18": "1.8rem",
149
+ "font-size-22": "2.2rem",
150
+ "font-size-24": "2.4rem",
151
+ "font-size-30": "3rem",
152
+ "font-size-36": "3.6rem",
153
+ "font-line-height-16": "1.6rem",
154
+ "font-line-height-18": "1.8rem",
155
+ "font-line-height-20": "2rem",
156
+ "font-line-height-22": "2.2rem",
157
+ "font-line-height-24": "2.4rem",
158
+ "font-line-height-28": "2.8rem",
159
+ "font-line-height-32": "3.2rem",
160
+ "font-line-height-36": "3.6rem",
161
+ "font-line-height-44": "4.4rem",
162
+ "font-weight-400": 400,
163
+ "font-weight-700": 700,
164
+ "font-family-sans-kr": "'Inter', 'NotoSansKR', 'NotoSansJP', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'",
165
+ "font-family-sans-jp": "'Inter', 'NotoSansJP', 'NotoSansKR', '-apple-system', 'BlinkMacSystemFont', 'Helvetica Neue', 'Segoe UI', 'Roboto', 'system-ui', 'sans-serif'",
166
+ "font-family-mono": "'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'",
167
+ "font-letter-spacing-1": "-0.01rem",
168
+ "font-letter-spacing-2": "-0.04rem",
169
+ },
170
+ "opacity": {
171
+ "opacity-disabled": 0.4,
172
+ },
173
+ "radius": {
174
+ "radius-2": "2px",
175
+ "radius-3": "3px",
176
+ "radius-4": "4px",
177
+ "radius-6": "6px",
178
+ "radius-8": "8px",
179
+ "radius-10": "10px",
180
+ "radius-12": "12px",
181
+ "radius-14": "14px",
182
+ "radius-16": "16px",
183
+ "radius-20": "20px",
184
+ "radius-32": "32px",
185
+ "radius-44": "44px",
186
+ "radius-42-p": "42%",
187
+ "radius-100-p": "100%",
188
+ },
189
+ "transition": {
190
+ "transition-timing-function-default": "cubic-bezier(0.3, 0, 0, 1)",
191
+ "transition-duration-s": "150ms",
192
+ "transition-duration-m": "300ms",
193
+ "transition-duration-l": "450ms",
194
+ "transition-s": "150ms cubic-bezier(0.3, 0, 0, 1)",
195
+ "transition-m": "300ms cubic-bezier(0.3, 0, 0, 1)",
196
+ "transition-l": "450ms cubic-bezier(0.3, 0, 0, 1)",
197
+ },
198
+ "typography": {
199
+ "typography-size-11-font-size": "1.1rem",
200
+ "typography-size-11-line-height": "1.6rem",
201
+ "typography-size-12-font-size": "1.2rem",
202
+ "typography-size-12-line-height": "1.6rem",
203
+ "typography-size-13-font-size": "1.3rem",
204
+ "typography-size-13-line-height": "1.8rem",
205
+ "typography-size-14-font-size": "1.4rem",
206
+ "typography-size-14-line-height": "1.8rem",
207
+ "typography-size-15-font-size": "1.5rem",
208
+ "typography-size-15-line-height": "2rem",
209
+ "typography-size-15-letter-spacing": "-0.01rem",
210
+ "typography-size-16-font-size": "1.6rem",
211
+ "typography-size-16-line-height": "2.2rem",
212
+ "typography-size-16-letter-spacing": "-0.01rem",
213
+ "typography-size-17-font-size": "1.7rem",
214
+ "typography-size-17-line-height": "2.2rem",
215
+ "typography-size-17-letter-spacing": "-0.01rem",
216
+ "typography-size-18-font-size": "1.8rem",
217
+ "typography-size-18-line-height": "2.4rem",
218
+ "typography-size-22-font-size": "2.2rem",
219
+ "typography-size-22-line-height": "2.8rem",
220
+ "typography-size-22-letter-spacing": "-0.04rem",
221
+ "typography-size-24-font-size": "2.4rem",
222
+ "typography-size-24-line-height": "3.2rem",
223
+ "typography-size-24-letter-spacing": "-0.04rem",
224
+ "typography-size-30-font-size": "3rem",
225
+ "typography-size-30-line-height": "3.6rem",
226
+ "typography-size-30-letter-spacing": "-0.04rem",
227
+ "typography-size-36-font-size": "3.6rem",
228
+ "typography-size-36-line-height": "4.4rem",
229
+ "typography-size-36-letter-spacing": "-0.04rem",
230
+ },
231
+ "z-index": {
232
+ "z-index-hidden": -1,
233
+ "z-index-base": 0,
234
+ "z-index-floating": 1,
235
+ "z-index-overlay": 1000,
236
+ "z-index-modal": 1100,
237
+ "z-index-toast": 1200,
238
+ "z-index-tooltip": 1300,
239
+ "z-index-important": 2000,
240
+ }
241
+ }