@channel.io/bezier-tokens 0.1.0-alpha.1 → 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 -186
  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 -186
  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 -180
  11. package/dist/types/cjs/index.d.ts +477 -384
  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 -180
  15. package/dist/types/esm/index.d.mts +477 -384
  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 -187
  21. package/dist/css/light-theme.css +0 -109
package/dist/types/esm/index.d.mts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../esm/index.mjs"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIG"}
1
+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../esm/index.mjs"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIG"}
package/dist/types/esm/lightTheme.d.mts CHANGED
@@ -1,106 +1,123 @@
1
- declare const _default: {
2
- "bg-white-high": string;
3
- "bg-white-normal": string;
4
- "bg-white-low": string;
5
- "bg-white-dim-dark": string;
6
- "bg-white-dim-light": string;
7
- "bg-gnb": string;
8
- "bg-navi": string;
9
- "bg-header": string;
10
- "bg-lounge": string;
11
- "bg-black-darkest": string;
12
- "bg-black-darker": string;
13
- "bg-black-dark": string;
14
- "bg-black-light": string;
15
- "bg-black-lighter": string;
16
- "bg-black-lightest": string;
17
- "bg-grey-darkest": string;
18
- "bg-grey-dark": string;
19
- "bg-grey-dim-lightest": string;
20
- "bg-grey-light": string;
21
- "bg-grey-lighter": string;
22
- "bg-grey-lightest": string;
23
- "bgtxt-blue-dark": string;
24
- "bgtxt-blue-normal": string;
25
- "bgtxt-blue-light": string;
26
- "bgtxt-blue-lighter": string;
27
- "bgtxt-blue-lightest": string;
28
- "bgtxt-cobalt-dark": string;
29
- "bgtxt-cobalt-normal": string;
30
- "bgtxt-cobalt-light": string;
31
- "bgtxt-cobalt-lighter": string;
32
- "bgtxt-cobalt-lightest": string;
33
- "bgtxt-teal-dark": string;
34
- "bgtxt-teal-normal": string;
35
- "bgtxt-teal-light": string;
36
- "bgtxt-teal-lighter": string;
37
- "bgtxt-teal-lightest": string;
38
- "bgtxt-green-dark": string;
39
- "bgtxt-green-normal": string;
40
- "bgtxt-green-light": string;
41
- "bgtxt-green-lighter": string;
42
- "bgtxt-green-lightest": string;
43
- "bgtxt-olive-dark": string;
44
- "bgtxt-olive-normal": string;
45
- "bgtxt-olive-light": string;
46
- "bgtxt-olive-lighter": string;
47
- "bgtxt-olive-lightest": string;
48
- "bgtxt-yellow-dark": string;
49
- "bgtxt-yellow-normal": string;
50
- "bgtxt-yellow-light": string;
51
- "bgtxt-yellow-lighter": string;
52
- "bgtxt-yellow-lightest": string;
53
- "bgtxt-orange-dark": string;
54
- "bgtxt-orange-normal": string;
55
- "bgtxt-orange-light": string;
56
- "bgtxt-orange-lighter": string;
57
- "bgtxt-orange-lightest": string;
58
- "bgtxt-red-dark": string;
59
- "bgtxt-red-normal": string;
60
- "bgtxt-red-light": string;
61
- "bgtxt-red-lighter": string;
62
- "bgtxt-red-lightest": string;
63
- "bgtxt-pink-dark": string;
64
- "bgtxt-pink-normal": string;
65
- "bgtxt-pink-light": string;
66
- "bgtxt-pink-lighter": string;
67
- "bgtxt-pink-lightest": string;
68
- "bgtxt-purple-dark": string;
69
- "bgtxt-purple-normal": string;
70
- "bgtxt-purple-light": string;
71
- "bgtxt-purple-lighter": string;
72
- "bgtxt-purple-lightest": string;
73
- "bgtxt-navy-dark": string;
74
- "bgtxt-navy-normal": string;
75
- "bgtxt-navy-light": string;
76
- "bgtxt-navy-lighter": string;
77
- "bgtxt-navy-lightest": string;
78
- "bgtxt-absolute-black-dark": string;
79
- "bgtxt-absolute-black-normal": string;
80
- "bgtxt-absolute-black-light": string;
81
- "bgtxt-absolute-black-lighter": string;
82
- "bgtxt-absolute-black-lightest": string;
83
- "bgtxt-absolute-white-dark": string;
84
- "bgtxt-absolute-white-normal": string;
85
- "bgtxt-absolute-white-light": string;
86
- "bgtxt-absolute-white-lighter": string;
87
- "bgtxt-absolute-white-lightest": string;
88
- "txt-black-pure": string;
89
- "txt-black-darkest": string;
90
- "txt-black-darker": string;
91
- "txt-black-dark": string;
92
- "txt-white-normal": string;
93
- "bdr-black-dark": string;
94
- "bdr-black-light": string;
95
- "bdr-black-lightest": string;
96
- "bdr-grey-light": string;
97
- "bdr-white": string;
98
- "shdw-xlarge": string;
99
- "shdw-large": string;
100
- "shdw-medium": string;
101
- "shdw-small": string;
102
- "shdw-base": string;
103
- "shdw-inner-base": string;
104
- };
1
+ declare namespace _default {
2
+ const elevation: {
3
+ "ev-1": string;
4
+ "ev-2": string;
5
+ "ev-3": string;
6
+ "ev-4": string;
7
+ "ev-5": string;
8
+ "ev-6": string;
9
+ "ev-inner": string;
10
+ "ev-base": string;
11
+ };
12
+ const input: {
13
+ "input-box-shadow": string;
14
+ "input-box-shadow-focused": string;
15
+ "input-box-shadow-invalid": string;
16
+ };
17
+ const color: {
18
+ "bg-white-high": string;
19
+ "bg-white-normal": string;
20
+ "bg-white-low": string;
21
+ "bg-white-dim-dark": string;
22
+ "bg-white-dim-light": string;
23
+ "bg-gnb": string;
24
+ "bg-navi": string;
25
+ "bg-header": string;
26
+ "bg-lounge": string;
27
+ "bg-black-darkest": string;
28
+ "bg-black-darker": string;
29
+ "bg-black-dark": string;
30
+ "bg-black-light": string;
31
+ "bg-black-lighter": string;
32
+ "bg-black-lightest": string;
33
+ "bg-grey-darkest": string;
34
+ "bg-grey-dark": string;
35
+ "bg-grey-dim-lightest": string;
36
+ "bg-grey-light": string;
37
+ "bg-grey-lighter": string;
38
+ "bg-grey-lightest": string;
39
+ "bgtxt-blue-dark": string;
40
+ "bgtxt-blue-normal": string;
41
+ "bgtxt-blue-light": string;
42
+ "bgtxt-blue-lighter": string;
43
+ "bgtxt-blue-lightest": string;
44
+ "bgtxt-cobalt-dark": string;
45
+ "bgtxt-cobalt-normal": string;
46
+ "bgtxt-cobalt-light": string;
47
+ "bgtxt-cobalt-lighter": string;
48
+ "bgtxt-cobalt-lightest": string;
49
+ "bgtxt-teal-dark": string;
50
+ "bgtxt-teal-normal": string;
51
+ "bgtxt-teal-light": string;
52
+ "bgtxt-teal-lighter": string;
53
+ "bgtxt-teal-lightest": string;
54
+ "bgtxt-green-dark": string;
55
+ "bgtxt-green-normal": string;
56
+ "bgtxt-green-light": string;
57
+ "bgtxt-green-lighter": string;
58
+ "bgtxt-green-lightest": string;
59
+ "bgtxt-olive-dark": string;
60
+ "bgtxt-olive-normal": string;
61
+ "bgtxt-olive-light": string;
62
+ "bgtxt-olive-lighter": string;
63
+ "bgtxt-olive-lightest": string;
64
+ "bgtxt-yellow-dark": string;
65
+ "bgtxt-yellow-normal": string;
66
+ "bgtxt-yellow-light": string;
67
+ "bgtxt-yellow-lighter": string;
68
+ "bgtxt-yellow-lightest": string;
69
+ "bgtxt-orange-dark": string;
70
+ "bgtxt-orange-normal": string;
71
+ "bgtxt-orange-light": string;
72
+ "bgtxt-orange-lighter": string;
73
+ "bgtxt-orange-lightest": string;
74
+ "bgtxt-red-dark": string;
75
+ "bgtxt-red-normal": string;
76
+ "bgtxt-red-light": string;
77
+ "bgtxt-red-lighter": string;
78
+ "bgtxt-red-lightest": string;
79
+ "bgtxt-pink-dark": string;
80
+ "bgtxt-pink-normal": string;
81
+ "bgtxt-pink-light": string;
82
+ "bgtxt-pink-lighter": string;
83
+ "bgtxt-pink-lightest": string;
84
+ "bgtxt-purple-dark": string;
85
+ "bgtxt-purple-normal": string;
86
+ "bgtxt-purple-light": string;
87
+ "bgtxt-purple-lighter": string;
88
+ "bgtxt-purple-lightest": string;
89
+ "bgtxt-navy-dark": string;
90
+ "bgtxt-navy-normal": string;
91
+ "bgtxt-navy-light": string;
92
+ "bgtxt-navy-lighter": string;
93
+ "bgtxt-navy-lightest": string;
94
+ "bgtxt-absolute-black-dark": string;
95
+ "bgtxt-absolute-black-normal": string;
96
+ "bgtxt-absolute-black-light": string;
97
+ "bgtxt-absolute-black-lighter": string;
98
+ "bgtxt-absolute-black-lightest": string;
99
+ "bgtxt-absolute-white-dark": string;
100
+ "bgtxt-absolute-white-normal": string;
101
+ "bgtxt-absolute-white-light": string;
102
+ "bgtxt-absolute-white-lighter": string;
103
+ "bgtxt-absolute-white-lightest": string;
104
+ "txt-black-pure": string;
105
+ "txt-black-darkest": string;
106
+ "txt-black-darker": string;
107
+ "txt-black-dark": string;
108
+ "txt-white-normal": string;
109
+ "bdr-black-dark": string;
110
+ "bdr-black-light": string;
111
+ "bdr-black-lightest": string;
112
+ "bdr-grey-light": string;
113
+ "bdr-white": string;
114
+ "shdw-xlarge": string;
115
+ "shdw-large": string;
116
+ "shdw-medium": string;
117
+ "shdw-small": string;
118
+ "shdw-base": string;
119
+ "shdw-inner-base": string;
120
+ };
121
+ }
105
122
  export default _default;
106
123
  //# sourceMappingURL=lightTheme.d.mts.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@channel.io/bezier-tokens",
3
- "version": "0.1.0-alpha.1",
3
+ "version": "0.1.0-alpha.2",
4
4
  "description": "Design tokens for Bezier design system.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -30,9 +30,11 @@
30
30
  "dist"
31
31
  ],
32
32
  "scripts": {
33
- "build": "run-s clean:build build:tokens build:js-index build:types",
33
+ "build": "run-s clean:build build:tokens build:web build:types",
34
34
  "build:tokens": "ts-node-esm scripts/build-tokens.ts",
35
- "build:js-index": "ts-node-esm scripts/build-js-index.ts",
35
+ "build:web": "run-p 'build:web:*'",
36
+ "build:web:index-js": "ts-node-esm scripts/build-js-index.ts",
37
+ "build:web:index-css": "ts-node-esm scripts/build-css-index.ts",
36
38
  "build:types": "tsc -p tsconfig.build.json",
37
39
  "lint": "TIMING=1 eslint --cache .",
38
40
  "typecheck": "tsc --noEmit",
@@ -50,6 +52,7 @@
50
52
  "license": "Apache-2.0",
51
53
  "devDependencies": {
52
54
  "eslint-config-bezier": "workspace:*",
55
+ "minimatch": "^9.0.3",
53
56
  "style-dictionary": "^3.9.0",
54
57
  "tsconfig": "workspace:*"
55
58
  }
package/dist/css/dark-theme.css DELETED
@@ -1,109 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 23 Nov 2023 06:25:44 GMT
4
- */
5
-
6
- [data-bezier-theme="dark"] {
7
- --shdw-inner-base: var(--white-8);
8
- --shdw-base: var(--black-8);
9
- --shdw-small: var(--black-15);
10
- --shdw-medium: var(--black-20);
11
- --shdw-large: var(--black-40);
12
- --shdw-xlarge: var(--black-60);
13
- --bdr-white: var(--grey-700);
14
- --bdr-grey-light: var(--grey-700);
15
- --bdr-black-lightest: var(--white-5);
16
- --bdr-black-light: var(--white-12);
17
- --bdr-black-dark: var(--white-20);
18
- --txt-white-normal: var(--grey-900);
19
- --txt-black-dark: var(--white-40);
20
- --txt-black-darker: var(--white-60);
21
- --txt-black-darkest: var(--white-80);
22
- --txt-black-pure: var(--white-100);
23
- --bgtxt-absolute-white-lightest: var(--white-20);
24
- --bgtxt-absolute-white-lighter: var(--white-40);
25
- --bgtxt-absolute-white-light: var(--white-60);
26
- --bgtxt-absolute-white-normal: var(--white-90);
27
- --bgtxt-absolute-white-dark: var(--white-100);
28
- --bgtxt-absolute-black-lightest: var(--black-20);
29
- --bgtxt-absolute-black-lighter: var(--black-40);
30
- --bgtxt-absolute-black-light: var(--black-60);
31
- --bgtxt-absolute-black-normal: var(--black-85);
32
- --bgtxt-absolute-black-dark: var(--black-100);
33
- --bgtxt-navy-lightest: var(--navy-300-20);
34
- --bgtxt-navy-lighter: var(--navy-300-30);
35
- --bgtxt-navy-light: var(--navy-300-40);
36
- --bgtxt-navy-normal: var(--navy-300);
37
- --bgtxt-navy-dark: var(--navy-400);
38
- --bgtxt-purple-lightest: var(--purple-300-20);
39
- --bgtxt-purple-lighter: var(--purple-300-30);
40
- --bgtxt-purple-light: var(--purple-300-40);
41
- --bgtxt-purple-normal: var(--purple-300);
42
- --bgtxt-purple-dark: var(--purple-400);
43
- --bgtxt-pink-lightest: var(--pink-300-20);
44
- --bgtxt-pink-lighter: var(--pink-300-30);
45
- --bgtxt-pink-light: var(--pink-300-40);
46
- --bgtxt-pink-normal: var(--pink-300);
47
- --bgtxt-pink-dark: var(--pink-400);
48
- --bgtxt-red-lightest: var(--red-300-20);
49
- --bgtxt-red-lighter: var(--red-300-30);
50
- --bgtxt-red-light: var(--red-300-40);
51
- --bgtxt-red-normal: var(--red-300);
52
- --bgtxt-red-dark: var(--red-400);
53
- --bgtxt-orange-lightest: var(--orange-300-20);
54
- --bgtxt-orange-lighter: var(--orange-300-30);
55
- --bgtxt-orange-light: var(--orange-300-40);
56
- --bgtxt-orange-normal: var(--orange-300);
57
- --bgtxt-orange-dark: var(--orange-400);
58
- --bgtxt-yellow-lightest: var(--yellow-300-20);
59
- --bgtxt-yellow-lighter: var(--yellow-300-30);
60
- --bgtxt-yellow-light: var(--yellow-300-40);
61
- --bgtxt-yellow-normal: var(--yellow-300);
62
- --bgtxt-yellow-dark: var(--yellow-400);
63
- --bgtxt-olive-lightest: var(--olive-300-20);
64
- --bgtxt-olive-lighter: var(--olive-300-30);
65
- --bgtxt-olive-light: var(--olive-300-40);
66
- --bgtxt-olive-normal: var(--olive-300);
67
- --bgtxt-olive-dark: var(--olive-400);
68
- --bgtxt-green-lightest: var(--green-300-20);
69
- --bgtxt-green-lighter: var(--green-300-30);
70
- --bgtxt-green-light: var(--green-300-40);
71
- --bgtxt-green-normal: var(--green-300);
72
- --bgtxt-green-dark: var(--green-400);
73
- --bgtxt-teal-lightest: var(--teal-300-20);
74
- --bgtxt-teal-lighter: var(--teal-300-30);
75
- --bgtxt-teal-light: var(--teal-300-40);
76
- --bgtxt-teal-normal: var(--teal-300);
77
- --bgtxt-teal-dark: var(--teal-400);
78
- --bgtxt-cobalt-lightest: var(--cobalt-300-20);
79
- --bgtxt-cobalt-lighter: var(--cobalt-300-30);
80
- --bgtxt-cobalt-light: var(--cobalt-300-40);
81
- --bgtxt-cobalt-normal: var(--cobalt-300);
82
- --bgtxt-cobalt-dark: var(--cobalt-400);
83
- --bgtxt-blue-lightest: var(--blue-300-20);
84
- --bgtxt-blue-lighter: var(--blue-300-30);
85
- --bgtxt-blue-light: var(--blue-300-40);
86
- --bgtxt-blue-normal: var(--blue-300);
87
- --bgtxt-blue-dark: var(--blue-400);
88
- --bg-grey-lightest: var(--grey-850);
89
- --bg-grey-lighter: var(--grey-800);
90
- --bg-grey-light: var(--grey-700);
91
- --bg-grey-dim-lightest: var(--grey-850-80);
92
- --bg-grey-dark: var(--grey-500);
93
- --bg-grey-darkest: var(--white-100);
94
- --bg-black-lightest: var(--white-5);
95
- --bg-black-lighter: var(--white-8);
96
- --bg-black-light: var(--white-12);
97
- --bg-black-dark: var(--white-20);
98
- --bg-black-darker: var(--white-40);
99
- --bg-black-darkest: var(--white-60);
100
- --bg-lounge: var(--grey-800-90);
101
- --bg-header: var(--grey-800);
102
- --bg-navi: var(--grey-800-80);
103
- --bg-gnb: var(--grey-700-80);
104
- --bg-white-dim-light: var(--black-20);
105
- --bg-white-dim-dark: var(--black-60);
106
- --bg-white-low: var(--grey-800);
107
- --bg-white-normal: var(--grey-900);
108
- --bg-white-high: var(--grey-700);
109
- }
package/dist/css/global.css DELETED
@@ -1,187 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 23 Nov 2023 06:25:44 GMT
4
- */
5
-
6
- :where(:root, :host) {
7
- --transition-duration-l: 450ms;
8
- --transition-duration-m: 300ms;
9
- --transition-duration-s: 150ms;
10
- --transition-easing: cubic-bezier(.3,0,0,1);
11
- --radius-100-p: 100%;
12
- --radius-42-p: 42%;
13
- --radius-44: 44px;
14
- --radius-32: 32px;
15
- --radius-20: 20px;
16
- --radius-16: 16px;
17
- --radius-14: 14px;
18
- --radius-12: 12px;
19
- --radius-10: 10px;
20
- --radius-8: 8px;
21
- --radius-6: 6px;
22
- --radius-4: 4px;
23
- --radius-3: 3px;
24
- --radius-2: 2px;
25
- --font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
26
- --font-family-sans-jp: 'Inter', 'NotoSansJP', 'NotoSansKR', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Roboto', system-ui, sans-serif;
27
- --font-family-sans-kr: 'Inter', 'NotoSansKR', 'NotoSansJP', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Roboto', system-ui, sans-serif;
28
- --font-weight-700: 700;
29
- --font-weight-400: 400;
30
- --font-line-height-44: 4.4rem;
31
- --font-line-height-36: 3.6rem;
32
- --font-line-height-32: 3.2rem;
33
- --font-line-height-28: 2.8rem;
34
- --font-line-height-24: 2.4rem;
35
- --font-line-height-22: 2.2rem;
36
- --font-line-height-20: 2rem;
37
- --font-line-height-18: 1.8rem;
38
- --font-line-height-16: 1.6rem;
39
- --font-size-36: 3.6rem;
40
- --font-size-30: 3rem;
41
- --font-size-24: 2.4rem;
42
- --font-size-22: 2.2rem;
43
- --font-size-18: 1.8rem;
44
- --font-size-17: 1.7rem;
45
- --font-size-16: 1.6rem;
46
- --font-size-15: 1.5rem;
47
- --font-size-14: 1.4rem;
48
- --font-size-13: 1.3rem;
49
- --font-size-12: 1.2rem;
50
- --font-size-11: 1.1rem;
51
- --black-100: #000000;
52
- --black-85: #000000D9;
53
- --black-60: #00000099;
54
- --black-40: #00000066;
55
- --black-30: #0000004D;
56
- --black-22: #00000038;
57
- --black-20: #00000033;
58
- --black-15: #00000026;
59
- --black-8: #00000014;
60
- --black-5: #0000000D;
61
- --black-3: #00000008;
62
- --white-100: #FFFFFF;
63
- --white-90: #FFFFFFE6;
64
- --white-80: #FFFFFFCC;
65
- --white-60: #FFFFFF99;
66
- --white-40: #FFFFFF66;
67
- --white-20: #FFFFFF33;
68
- --white-12: #FFFFFF1F;
69
- --white-8: #FFFFFF14;
70
- --white-5: #FFFFFF0D;
71
- --grey-900-90: #242428E6;
72
- --grey-850-80: #2A2B2DCC;
73
- --grey-800-80: #313234CC;
74
- --grey-800-90: #313234E6;
75
- --grey-700-80: #464748CC;
76
- --grey-200-80: #EFEFF0CC;
77
- --grey-100-80: #F7F7F8CC;
78
- --grey-100-90: #F7F7F8E6;
79
- --grey-50-80: #FCFCFCCC;
80
- --grey-900: #242428;
81
- --grey-850: #2A2B2D;
82
- --grey-800: #313234;
83
- --grey-700: #464748;
84
- --grey-500: #A7A7AA;
85
- --grey-200: #EFEFF0;
86
- --grey-100: #F7F7F8;
87
- --grey-50: #FCFCFC;
88
- --navy-400-10: #3A4F8D1A;
89
- --navy-400-20: #3A4F8D33;
90
- --navy-400-30: #3A4F8D4D;
91
- --navy-300-20: #647CC933;
92
- --navy-300-30: #647CC94D;
93
- --navy-300-40: #647CC966;
94
- --navy-500: #333D5B;
95
- --navy-400: #3A4F8D;
96
- --navy-300: #647CC9;
97
- --purple-400-10: #915CE01A;
98
- --purple-400-20: #915CE033;
99
- --purple-400-30: #915CE04D;
100
- --purple-300-20: #B570FF33;
101
- --purple-300-30: #B570FF4D;
102
- --purple-300-40: #B570FF66;
103
- --purple-500: #6B23B3;
104
- --purple-400: #915CE0;
105
- --purple-300: #B570FF;
106
- --pink-400-10: #CB48AD1A;
107
- --pink-400-20: #CB48AD33;
108
- --pink-400-30: #CB48AD4D;
109
- --pink-300-20: #EC6FD333;
110
- --pink-300-30: #EC6FD34D;
111
- --pink-300-40: #EC6FD366;
112
- --pink-500: #A32E92;
113
- --pink-400: #CB48AD;
114
- --pink-300: #EC6FD3;
115
- --red-400-10: #E94E581A;
116
- --red-400-20: #E94E5833;
117
- --red-400-30: #E94E584D;
118
- --red-300-20: #FF5C5C33;
119
- --red-300-30: #FF5C5C4D;
120
- --red-300-40: #FF5C5C66;
121
- --red-500: #AC3E46;
122
- --red-400: #E94E58;
123
- --red-300: #FF5C5C;
124
- --orange-400-10: #F4800B1A;
125
- --orange-400-20: #F4800B33;
126
- --orange-400-30: #F4800B4D;
127
- --orange-300-20: #FFAB5C33;
128
- --orange-300-30: #FFAB5C4D;
129
- --orange-300-40: #FFAB5C66;
130
- --orange-500: #C57417;
131
- --orange-400: #F4800B;
132
- --orange-300: #FFAB5C;
133
- --yellow-400-10: #EDBC401A;
134
- --yellow-400-20: #EDBC4033;
135
- --yellow-400-30: #EDBC404D;
136
- --yellow-300-20: #FDD35333;
137
- --yellow-300-30: #FDD3534D;
138
- --yellow-300-40: #FDD35366;
139
- --yellow-500: #C39E37;
140
- --yellow-400: #EDBC40;
141
- --yellow-300: #FDD353;
142
- --olive-400-10: #A0A5401A;
143
- --olive-400-20: #A0A54033;
144
- --olive-400-30: #A0A5404D;
145
- --olive-300-20: #CAD54833;
146
- --olive-300-30: #CAD5484D;
147
- --olive-300-40: #CAD54866;
148
- --olive-500: #818628;
149
- --olive-400: #A0A540;
150
- --olive-300: #CAD548;
151
- --green-400-10: #31A5521A;
152
- --green-400-20: #31A55233;
153
- --green-400-30: #31A5524D;
154
- --green-300-20: #3ACF5A33;
155
- --green-300-30: #3ACF5A4D;
156
- --green-300-40: #3ACF5A66;
157
- --green-500: #41904F;
158
- --green-400: #31A552;
159
- --green-300: #3ACF5A;
160
- --teal-400-10: #0FB3A31A;
161
- --teal-400-20: #0FB3A333;
162
- --teal-400-30: #0FB3A34D;
163
- --teal-300-20: #3CDDCD33;
164
- --teal-300-30: #3CDDCD4D;
165
- --teal-300-40: #3CDDCD66;
166
- --teal-500: #449C8A;
167
- --teal-400: #0FB3A3;
168
- --teal-300: #3CDDCD;
169
- --cobalt-400-10: #329BE71A;
170
- --cobalt-400-20: #329BE733;
171
- --cobalt-400-30: #329BE74D;
172
- --cobalt-300-20: #47C8FF33;
173
- --cobalt-300-30: #47C8FF4D;
174
- --cobalt-300-40: #47C8FF66;
175
- --cobalt-500: #327AB8;
176
- --cobalt-400: #329BE7;
177
- --cobalt-300: #47C8FF;
178
- --blue-400-10: #5E56F01A;
179
- --blue-400-20: #5E56F033;
180
- --blue-400-30: #5E56F04D;
181
- --blue-300-20: #6687FF33;
182
- --blue-300-30: #6687FF4D;
183
- --blue-300-40: #6687FF66;
184
- --blue-500: #4E40C9;
185
- --blue-400: #5E56F0;
186
- --blue-300: #6687FF;
187
- }
package/dist/css/light-theme.css DELETED
@@ -1,109 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Thu, 23 Nov 2023 06:25:44 GMT
4
- */
5
-
6
- :where(:root, :host), [data-bezier-theme="light"] {
7
- --shdw-inner-base: var(--white-12);
8
- --shdw-base: var(--black-5);
9
- --shdw-small: var(--black-8);
10
- --shdw-medium: var(--black-15);
11
- --shdw-large: var(--black-22);
12
- --shdw-xlarge: var(--black-30);
13
- --bdr-white: var(--white-100);
14
- --bdr-grey-light: var(--grey-200);
15
- --bdr-black-lightest: var(--black-3);
16
- --bdr-black-light: var(--black-8);
17
- --bdr-black-dark: var(--black-15);
18
- --txt-white-normal: var(--white-100);
19
- --txt-black-dark: var(--black-40);
20
- --txt-black-darker: var(--black-60);
21
- --txt-black-darkest: var(--black-85);
22
- --txt-black-pure: var(--black-100);
23
- --bgtxt-absolute-white-lightest: var(--white-20);
24
- --bgtxt-absolute-white-lighter: var(--white-40);
25
- --bgtxt-absolute-white-light: var(--white-60);
26
- --bgtxt-absolute-white-normal: var(--white-90);
27
- --bgtxt-absolute-white-dark: var(--white-100);
28
- --bgtxt-absolute-black-lightest: var(--black-20);
29
- --bgtxt-absolute-black-lighter: var(--black-40);
30
- --bgtxt-absolute-black-light: var(--black-60);
31
- --bgtxt-absolute-black-normal: var(--black-85);
32
- --bgtxt-absolute-black-dark: var(--black-100);
33
- --bgtxt-navy-lightest: var(--navy-400-10);
34
- --bgtxt-navy-lighter: var(--navy-400-20);
35
- --bgtxt-navy-light: var(--navy-400-30);
36
- --bgtxt-navy-normal: var(--navy-400);
37
- --bgtxt-navy-dark: var(--navy-500);
38
- --bgtxt-purple-lightest: var(--purple-400-10);
39
- --bgtxt-purple-lighter: var(--purple-400-20);
40
- --bgtxt-purple-light: var(--purple-400-30);
41
- --bgtxt-purple-normal: var(--purple-400);
42
- --bgtxt-purple-dark: var(--purple-500);
43
- --bgtxt-pink-lightest: var(--pink-400-10);
44
- --bgtxt-pink-lighter: var(--pink-400-20);
45
- --bgtxt-pink-light: var(--pink-400-30);
46
- --bgtxt-pink-normal: var(--pink-400);
47
- --bgtxt-pink-dark: var(--pink-500);
48
- --bgtxt-red-lightest: var(--red-400-10);
49
- --bgtxt-red-lighter: var(--red-400-20);
50
- --bgtxt-red-light: var(--red-400-30);
51
- --bgtxt-red-normal: var(--red-400);
52
- --bgtxt-red-dark: var(--red-500);
53
- --bgtxt-orange-lightest: var(--orange-400-10);
54
- --bgtxt-orange-lighter: var(--orange-400-20);
55
- --bgtxt-orange-light: var(--orange-400-30);
56
- --bgtxt-orange-normal: var(--orange-400);
57
- --bgtxt-orange-dark: var(--orange-500);
58
- --bgtxt-yellow-lightest: var(--yellow-400-10);
59
- --bgtxt-yellow-lighter: var(--yellow-400-20);
60
- --bgtxt-yellow-light: var(--yellow-400-30);
61
- --bgtxt-yellow-normal: var(--yellow-400);
62
- --bgtxt-yellow-dark: var(--yellow-500);
63
- --bgtxt-olive-lightest: var(--olive-400-10);
64
- --bgtxt-olive-lighter: var(--olive-400-20);
65
- --bgtxt-olive-light: var(--olive-400-30);
66
- --bgtxt-olive-normal: var(--olive-400);
67
- --bgtxt-olive-dark: var(--olive-500);
68
- --bgtxt-green-lightest: var(--green-400-10);
69
- --bgtxt-green-lighter: var(--green-400-20);
70
- --bgtxt-green-light: var(--green-400-30);
71
- --bgtxt-green-normal: var(--green-400);
72
- --bgtxt-green-dark: var(--green-500);
73
- --bgtxt-teal-lightest: var(--teal-400-10);
74
- --bgtxt-teal-lighter: var(--teal-400-20);
75
- --bgtxt-teal-light: var(--teal-400-30);
76
- --bgtxt-teal-normal: var(--teal-400);
77
- --bgtxt-teal-dark: var(--teal-500);
78
- --bgtxt-cobalt-lightest: var(--cobalt-400-10);
79
- --bgtxt-cobalt-lighter: var(--cobalt-400-20);
80
- --bgtxt-cobalt-light: var(--cobalt-400-30);
81
- --bgtxt-cobalt-normal: var(--cobalt-400);
82
- --bgtxt-cobalt-dark: var(--cobalt-500);
83
- --bgtxt-blue-lightest: var(--blue-400-10);
84
- --bgtxt-blue-lighter: var(--blue-400-20);
85
- --bgtxt-blue-light: var(--blue-400-30);
86
- --bgtxt-blue-normal: var(--blue-400);
87
- --bgtxt-blue-dark: var(--blue-500);
88
- --bg-grey-lightest: var(--grey-50);
89
- --bg-grey-lighter: var(--grey-100);
90
- --bg-grey-light: var(--grey-200);
91
- --bg-grey-dim-lightest: var(--grey-50-80);
92
- --bg-grey-dark: var(--grey-500);
93
- --bg-grey-darkest: var(--grey-900);
94
- --bg-black-lightest: var(--black-3);
95
- --bg-black-lighter: var(--black-5);
96
- --bg-black-light: var(--black-8);
97
- --bg-black-dark: var(--black-15);
98
- --bg-black-darker: var(--black-40);
99
- --bg-black-darkest: var(--black-60);
100
- --bg-lounge: var(--grey-100-90);
101
- --bg-header: var(--white-100);
102
- --bg-navi: var(--grey-100-80);
103
- --bg-gnb: var(--grey-200-80);
104
- --bg-white-dim-light: var(--white-20);
105
- --bg-white-dim-dark: var(--white-60);
106
- --bg-white-low: var(--white-100);
107
- --bg-white-normal: var(--white-100);
108
- --bg-white-high: var(--white-100);
109
- }