@channel.io/bezier-tokens 0.1.0-alpha.0 → 0.1.0-alpha.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 (21) hide show
  1. package/README.md +3 -5
  2. package/dist/cjs/darkTheme.js +120 -108
  3. package/dist/cjs/global.js +240 -187
  4. package/dist/cjs/lightTheme.js +120 -108
  5. package/dist/css/styles.css +448 -0
  6. package/dist/esm/darkTheme.mjs +120 -108
  7. package/dist/esm/global.mjs +240 -187
  8. package/dist/esm/lightTheme.mjs +120 -108
  9. package/dist/types/cjs/darkTheme.d.ts +16 -2
  10. package/dist/types/cjs/global.d.ts +239 -181
  11. package/dist/types/cjs/index.d.ts +477 -385
  12. package/dist/types/cjs/lightTheme.d.ts +16 -2
  13. package/dist/types/esm/darkTheme.d.mts +121 -104
  14. package/dist/types/esm/global.d.mts +239 -181
  15. package/dist/types/esm/index.d.mts +477 -385
  16. package/dist/types/esm/index.d.mts.map +1 -1
  17. package/dist/types/esm/lightTheme.d.mts +121 -104
  18. package/package.json +6 -3
  19. package/dist/css/dark-theme.css +0 -109
  20. package/dist/css/global.css +0 -188
  21. package/dist/css/light-theme.css +0 -109
package/dist/esm/lightTheme.mjs CHANGED
@@ -1,109 +1,121 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Wed, 22 Nov 2023 01:40:49 GMT
4
- */
5
-
6
1
  export default {
7
- "bg-white-high": "#FFFFFF",
8
- "bg-white-normal": "#FFFFFF",
9
- "bg-white-low": "#FFFFFF",
10
- "bg-white-dim-dark": "#FFFFFF99",
11
- "bg-white-dim-light": "#FFFFFF33",
12
- "bg-gnb": "#EFEFF0CC",
13
- "bg-navi": "#F7F7F8CC",
14
- "bg-header": "#FFFFFF",
15
- "bg-lounge": "#F7F7F8E6",
16
- "bg-black-darkest": "#00000099",
17
- "bg-black-darker": "#00000066",
18
- "bg-black-dark": "#00000026",
19
- "bg-black-light": "#00000014",
20
- "bg-black-lighter": "#0000000D",
21
- "bg-black-lightest": "#00000008",
22
- "bg-grey-darkest": "#242428",
23
- "bg-grey-dark": "#A7A7AA",
24
- "bg-grey-dim-lightest": "#FCFCFCCC",
25
- "bg-grey-light": "#EFEFF0",
26
- "bg-grey-lighter": "#F7F7F8",
27
- "bg-grey-lightest": "#FCFCFC",
28
- "bgtxt-blue-dark": "#4E40C9",
29
- "bgtxt-blue-normal": "#5E56F0",
30
- "bgtxt-blue-light": "#5E56F04D",
31
- "bgtxt-blue-lighter": "#5E56F033",
32
- "bgtxt-blue-lightest": "#5E56F01A",
33
- "bgtxt-cobalt-dark": "#327AB8",
34
- "bgtxt-cobalt-normal": "#329BE7",
35
- "bgtxt-cobalt-light": "#329BE74D",
36
- "bgtxt-cobalt-lighter": "#329BE733",
37
- "bgtxt-cobalt-lightest": "#329BE71A",
38
- "bgtxt-teal-dark": "#449C8A",
39
- "bgtxt-teal-normal": "#0FB3A3",
40
- "bgtxt-teal-light": "#0FB3A34D",
41
- "bgtxt-teal-lighter": "#0FB3A333",
42
- "bgtxt-teal-lightest": "#0FB3A31A",
43
- "bgtxt-green-dark": "#41904F",
44
- "bgtxt-green-normal": "#31A552",
45
- "bgtxt-green-light": "#31A5524D",
46
- "bgtxt-green-lighter": "#31A55233",
47
- "bgtxt-green-lightest": "#31A5521A",
48
- "bgtxt-olive-dark": "#818628",
49
- "bgtxt-olive-normal": "#A0A540",
50
- "bgtxt-olive-light": "#A0A5404D",
51
- "bgtxt-olive-lighter": "#A0A54033",
52
- "bgtxt-olive-lightest": "#A0A5401A",
53
- "bgtxt-yellow-dark": "#C39E37",
54
- "bgtxt-yellow-normal": "#EDBC40",
55
- "bgtxt-yellow-light": "#EDBC404D",
56
- "bgtxt-yellow-lighter": "#EDBC4033",
57
- "bgtxt-yellow-lightest": "#EDBC401A",
58
- "bgtxt-orange-dark": "#C57417",
59
- "bgtxt-orange-normal": "#F4800B",
60
- "bgtxt-orange-light": "#F4800B4D",
61
- "bgtxt-orange-lighter": "#F4800B33",
62
- "bgtxt-orange-lightest": "#F4800B1A",
63
- "bgtxt-red-dark": "#AC3E46",
64
- "bgtxt-red-normal": "#E94E58",
65
- "bgtxt-red-light": "#E94E584D",
66
- "bgtxt-red-lighter": "#E94E5833",
67
- "bgtxt-red-lightest": "#E94E581A",
68
- "bgtxt-pink-dark": "#A32E92",
69
- "bgtxt-pink-normal": "#CB48AD",
70
- "bgtxt-pink-light": "#CB48AD4D",
71
- "bgtxt-pink-lighter": "#CB48AD33",
72
- "bgtxt-pink-lightest": "#CB48AD1A",
73
- "bgtxt-purple-dark": "#6B23B3",
74
- "bgtxt-purple-normal": "#915CE0",
75
- "bgtxt-purple-light": "#915CE04D",
76
- "bgtxt-purple-lighter": "#915CE033",
77
- "bgtxt-purple-lightest": "#915CE01A",
78
- "bgtxt-navy-dark": "#333D5B",
79
- "bgtxt-navy-normal": "#3A4F8D",
80
- "bgtxt-navy-light": "#3A4F8D4D",
81
- "bgtxt-navy-lighter": "#3A4F8D33",
82
- "bgtxt-navy-lightest": "#3A4F8D1A",
83
- "bgtxt-absolute-black-dark": "#000000",
84
- "bgtxt-absolute-black-normal": "#000000D9",
85
- "bgtxt-absolute-black-light": "#00000099",
86
- "bgtxt-absolute-black-lighter": "#00000066",
87
- "bgtxt-absolute-black-lightest": "#00000033",
88
- "bgtxt-absolute-white-dark": "#FFFFFF",
89
- "bgtxt-absolute-white-normal": "#FFFFFFE6",
90
- "bgtxt-absolute-white-light": "#FFFFFF99",
91
- "bgtxt-absolute-white-lighter": "#FFFFFF66",
92
- "bgtxt-absolute-white-lightest": "#FFFFFF33",
93
- "txt-black-pure": "#000000",
94
- "txt-black-darkest": "#000000D9",
95
- "txt-black-darker": "#00000099",
96
- "txt-black-dark": "#00000066",
97
- "txt-white-normal": "#FFFFFF",
98
- "bdr-black-dark": "#00000026",
99
- "bdr-black-light": "#00000014",
100
- "bdr-black-lightest": "#00000008",
101
- "bdr-grey-light": "#EFEFF0",
102
- "bdr-white": "#FFFFFF",
103
- "shdw-xlarge": "#0000004D",
104
- "shdw-large": "#00000038",
105
- "shdw-medium": "#00000026",
106
- "shdw-small": "#00000014",
107
- "shdw-base": "#0000000D",
108
- "shdw-inner-base": "#FFFFFF1F",
109
- }
2
+ "elevation": {
3
+ "ev-1": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 1px 2px 0 #00000014",
4
+ "ev-2": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 2px 6px 0 #00000014",
5
+ "ev-3": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 4px 12px 0 #00000026",
6
+ "ev-4": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 4px 20px 0 #00000038",
7
+ "ev-5": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 6px 40px 0 #0000004D",
8
+ "ev-6": "inset 0 0 2px 0 #FFFFFF1F, 0 0 2px 0 #0000000D, 0 12px 60px 0 #0000004D",
9
+ "ev-inner": "inset 0 0 2px 0 #FFFFFF1F",
10
+ "ev-base": "0 0 2px 0 #0000000D",
11
+ },
12
+ "input": {
13
+ "input-box-shadow": "0 1px 2px 0 #0000000D, inset 0 0 0 1px #00000026",
14
+ "input-box-shadow-focused": "0 0 0 3px #5E56F04D, inset 0 0 0 1px #5E56F0",
15
+ "input-box-shadow-invalid": "0 0 0 3px #F4800B4D, inset 0 0 0 1px #F4800B",
16
+ },
17
+ "color": {
18
+ "bg-white-high": "#FFFFFF",
19
+ "bg-white-normal": "#FFFFFF",
20
+ "bg-white-low": "#FFFFFF",
21
+ "bg-white-dim-dark": "#FFFFFF99",
22
+ "bg-white-dim-light": "#FFFFFF33",
23
+ "bg-gnb": "#EFEFF0CC",
24
+ "bg-navi": "#F7F7F8CC",
25
+ "bg-header": "#FFFFFF",
26
+ "bg-lounge": "#F7F7F8E6",
27
+ "bg-black-darkest": "#00000099",
28
+ "bg-black-darker": "#00000066",
29
+ "bg-black-dark": "#00000026",
30
+ "bg-black-light": "#00000014",
31
+ "bg-black-lighter": "#0000000D",
32
+ "bg-black-lightest": "#00000008",
33
+ "bg-grey-darkest": "#242428",
34
+ "bg-grey-dark": "#A7A7AA",
35
+ "bg-grey-dim-lightest": "#FCFCFCCC",
36
+ "bg-grey-light": "#EFEFF0",
37
+ "bg-grey-lighter": "#F7F7F8",
38
+ "bg-grey-lightest": "#FCFCFC",
39
+ "bgtxt-blue-dark": "#4E40C9",
40
+ "bgtxt-blue-normal": "#5E56F0",
41
+ "bgtxt-blue-light": "#5E56F04D",
42
+ "bgtxt-blue-lighter": "#5E56F033",
43
+ "bgtxt-blue-lightest": "#5E56F01A",
44
+ "bgtxt-cobalt-dark": "#327AB8",
45
+ "bgtxt-cobalt-normal": "#329BE7",
46
+ "bgtxt-cobalt-light": "#329BE74D",
47
+ "bgtxt-cobalt-lighter": "#329BE733",
48
+ "bgtxt-cobalt-lightest": "#329BE71A",
49
+ "bgtxt-teal-dark": "#449C8A",
50
+ "bgtxt-teal-normal": "#0FB3A3",
51
+ "bgtxt-teal-light": "#0FB3A34D",
52
+ "bgtxt-teal-lighter": "#0FB3A333",
53
+ "bgtxt-teal-lightest": "#0FB3A31A",
54
+ "bgtxt-green-dark": "#41904F",
55
+ "bgtxt-green-normal": "#31A552",
56
+ "bgtxt-green-light": "#31A5524D",
57
+ "bgtxt-green-lighter": "#31A55233",
58
+ "bgtxt-green-lightest": "#31A5521A",
59
+ "bgtxt-olive-dark": "#818628",
60
+ "bgtxt-olive-normal": "#A0A540",
61
+ "bgtxt-olive-light": "#A0A5404D",
62
+ "bgtxt-olive-lighter": "#A0A54033",
63
+ "bgtxt-olive-lightest": "#A0A5401A",
64
+ "bgtxt-yellow-dark": "#C39E37",
65
+ "bgtxt-yellow-normal": "#EDBC40",
66
+ "bgtxt-yellow-light": "#EDBC404D",
67
+ "bgtxt-yellow-lighter": "#EDBC4033",
68
+ "bgtxt-yellow-lightest": "#EDBC401A",
69
+ "bgtxt-orange-dark": "#C57417",
70
+ "bgtxt-orange-normal": "#F4800B",
71
+ "bgtxt-orange-light": "#F4800B4D",
72
+ "bgtxt-orange-lighter": "#F4800B33",
73
+ "bgtxt-orange-lightest": "#F4800B1A",
74
+ "bgtxt-red-dark": "#AC3E46",
75
+ "bgtxt-red-normal": "#E94E58",
76
+ "bgtxt-red-light": "#E94E584D",
77
+ "bgtxt-red-lighter": "#E94E5833",
78
+ "bgtxt-red-lightest": "#E94E581A",
79
+ "bgtxt-pink-dark": "#A32E92",
80
+ "bgtxt-pink-normal": "#CB48AD",
81
+ "bgtxt-pink-light": "#CB48AD4D",
82
+ "bgtxt-pink-lighter": "#CB48AD33",
83
+ "bgtxt-pink-lightest": "#CB48AD1A",
84
+ "bgtxt-purple-dark": "#6B23B3",
85
+ "bgtxt-purple-normal": "#915CE0",
86
+ "bgtxt-purple-light": "#915CE04D",
87
+ "bgtxt-purple-lighter": "#915CE033",
88
+ "bgtxt-purple-lightest": "#915CE01A",
89
+ "bgtxt-navy-dark": "#333D5B",
90
+ "bgtxt-navy-normal": "#3A4F8D",
91
+ "bgtxt-navy-light": "#3A4F8D4D",
92
+ "bgtxt-navy-lighter": "#3A4F8D33",
93
+ "bgtxt-navy-lightest": "#3A4F8D1A",
94
+ "bgtxt-absolute-black-dark": "#000000",
95
+ "bgtxt-absolute-black-normal": "#000000D9",
96
+ "bgtxt-absolute-black-light": "#00000099",
97
+ "bgtxt-absolute-black-lighter": "#00000066",
98
+ "bgtxt-absolute-black-lightest": "#00000033",
99
+ "bgtxt-absolute-white-dark": "#FFFFFF",
100
+ "bgtxt-absolute-white-normal": "#FFFFFFE6",
101
+ "bgtxt-absolute-white-light": "#FFFFFF99",
102
+ "bgtxt-absolute-white-lighter": "#FFFFFF66",
103
+ "bgtxt-absolute-white-lightest": "#FFFFFF33",
104
+ "txt-black-pure": "#000000",
105
+ "txt-black-darkest": "#000000D9",
106
+ "txt-black-darker": "#00000099",
107
+ "txt-black-dark": "#00000066",
108
+ "txt-white-normal": "#FFFFFF",
109
+ "bdr-black-dark": "#00000026",
110
+ "bdr-black-light": "#00000014",
111
+ "bdr-black-lightest": "#00000008",
112
+ "bdr-grey-light": "#EFEFF0",
113
+ "bdr-white": "#FFFFFF",
114
+ "shdw-xlarge": "#0000004D",
115
+ "shdw-large": "#00000038",
116
+ "shdw-medium": "#00000026",
117
+ "shdw-small": "#00000014",
118
+ "shdw-base": "#0000000D",
119
+ "shdw-inner-base": "#FFFFFF1F",
120
+ }
121
+ }
package/dist/types/cjs/darkTheme.d.ts CHANGED
@@ -1,4 +1,19 @@
1
- declare const _exports: {
1
+ export const elevation: {
2
+ "ev-1": string;
3
+ "ev-2": string;
4
+ "ev-3": string;
5
+ "ev-4": string;
6
+ "ev-5": string;
7
+ "ev-6": string;
8
+ "ev-inner": string;
9
+ "ev-base": string;
10
+ };
11
+ export const input: {
12
+ "input-box-shadow": string;
13
+ "input-box-shadow-focused": string;
14
+ "input-box-shadow-invalid": string;
15
+ };
16
+ export const color: {
2
17
  "bg-white-high": string;
3
18
  "bg-white-normal": string;
4
19
  "bg-white-low": string;
@@ -102,5 +117,4 @@ declare const _exports: {
102
117
  "shdw-base": string;
103
118
  "shdw-inner-base": string;
104
119
  };
105
- export = _exports;
106
120
  //# sourceMappingURL=darkTheme.d.ts.map