@liner-fe/design-token 2.0.31 → 2.0.32

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 (2) hide show
  1. package/global.css +159 -0
  2. package/package.json +4 -2
package/global.css ADDED
@@ -0,0 +1,159 @@
1
+ /* global.css */
2
+ :root {
3
+ --lp-pri-achromatic-white: #ffffff;
4
+ --lp-pri-achromatic-black: #000000;
5
+ --lp-pri-gray-cool-950: #f7f8ff;
6
+ --lp-pri-gray-cool-900: #eef0f7;
7
+ --lp-pri-gray-cool-800: #dfe3f3;
8
+ --lp-pri-gray-cool-700: #c7cfe9;
9
+ --lp-pri-gray-cool-600: #97a5d6;
10
+ --lp-pri-gray-cool-500: #7487c4;
11
+ --lp-pri-gray-cool-400: #5b6ba4;
12
+ --lp-pri-gray-cool-300: #4a5889;
13
+ --lp-pri-gray-cool-200: #39426a;
14
+ --lp-pri-gray-cool-100: #282c3e;
15
+ --lp-pri-gray-cool-50: #1f2131;
16
+ --lp-pri-brand-original-950: #f5f6ff;
17
+ --lp-pri-brand-original-900: #e9ebff;
18
+ --lp-pri-brand-original-800: #d4d7ff;
19
+ --lp-pri-brand-original-700: #adb3ff;
20
+ --lp-pri-brand-original-600: #8690ff;
21
+ --lp-pri-brand-original-500: #5f6cff;
22
+ --lp-pri-brand-original-400: #3b49e3;
23
+ --lp-pri-brand-original-300: #303cb5;
24
+ --lp-pri-brand-original-200: #242f86;
25
+ --lp-pri-brand-original-100: #1b2366;
26
+ --lp-pri-brand-original-50: #151a4d;
27
+ --lp-pri-brand-variation-950: #f6f4fe;
28
+ --lp-pri-brand-variation-900: #ede9fe;
29
+ --lp-pri-brand-variation-800: #dbd3fe;
30
+ --lp-pri-brand-variation-700: #b8a7fe;
31
+ --lp-pri-brand-variation-600: #947bfe;
32
+ --lp-pri-brand-variation-500: #704ffd;
33
+ --lp-pri-brand-variation-400: #593aff;
34
+ --lp-pri-brand-variation-300: #422bce;
35
+ --lp-pri-brand-variation-200: #321f9b;
36
+ --lp-pri-brand-variation-100: #24156e;
37
+ --lp-pri-brand-variation-50: #1a1052;
38
+ --lp-pri-red-900: #ffe9eb;
39
+ --lp-pri-red-800: #ffcdd1;
40
+ --lp-pri-red-700: #ff9aa2;
41
+ --lp-pri-red-600: #ff6773;
42
+ --lp-pri-red-500: #ff3445;
43
+ --lp-pri-red-400: #fa1d2f;
44
+ --lp-pri-red-300: #c2172c;
45
+ --lp-pri-red-200: #910b1d;
46
+ --lp-pri-red-100: #68081a;
47
+ --lp-pri-red-50: #4a0616;
48
+ --lp-pri-orange-900: #ffeee6;
49
+ --lp-pri-orange-800: #ffd2b8;
50
+ --lp-pri-orange-700: #ffa970;
51
+ --lp-pri-orange-600: #ff8842;
52
+ --lp-pri-orange-500: #ff6215;
53
+ --lp-pri-orange-400: #f84b10;
54
+ --lp-pri-orange-300: #bd3512;
55
+ --lp-pri-orange-200: #8a220d;
56
+ --lp-pri-orange-100: #61170e;
57
+ --lp-pri-orange-50: #45110e;
58
+ --lp-pri-green-900: #e2f6e5;
59
+ --lp-pri-green-800: #bdeac4;
60
+ --lp-pri-green-700: #83d88e;
61
+ --lp-pri-green-600: #51c760;
62
+ --lp-pri-green-500: #26af3e;
63
+ --lp-pri-green-400: #1b9632;
64
+ --lp-pri-green-300: #137728;
65
+ --lp-pri-green-200: #0c5b1f;
66
+ --lp-pri-green-100: #074218;
67
+ --lp-pri-green-50: #053014;
68
+ --lp-pri-font-size-8: 8px;
69
+ --lp-pri-font-size-11: 11px;
70
+ --lp-pri-font-size-12: 12px;
71
+ --lp-pri-font-size-13: 13px;
72
+ --lp-pri-font-size-14: 14px;
73
+ --lp-pri-font-size-15: 15px;
74
+ --lp-pri-font-size-16: 16px;
75
+ --lp-pri-font-size-17: 17px;
76
+ --lp-pri-font-size-20: 20px;
77
+ --lp-pri-font-size-24: 24px;
78
+ --lp-pri-font-size-28: 28px;
79
+ --lp-pri-font-size-32: 32px;
80
+ --lp-pri-font-size-40: 40px;
81
+ --lp-pri-font-size-64: 64px;
82
+ --lp-pri-font-size-72: 72px;
83
+ --lp-pri-font-lineheight-120: 120%;
84
+ --lp-pri-font-lineheight-130: 130%;
85
+ --lp-pri-font-lineheight-150: 150%;
86
+ --lp-pri-font-lineheight-180: 180%;
87
+ --lp-pri-font-weight-300: 300;
88
+ --lp-pri-font-weight-350: 350;
89
+ --lp-pri-font-weight-400: 400;
90
+ --lp-pri-font-weight-420: 420;
91
+ --lp-pri-font-weight-450: 450;
92
+ --lp-pri-font-weight-500: 500;
93
+ --lp-pri-font-weight-600: 600;
94
+ --lp-pri-font-weight-650: 650;
95
+ --lp-pri-font-weight-700: 700;
96
+ --lp-pri-font-weight-800: 800;
97
+ }
98
+ :root .lp-sys-typo-title1-normal-medium {
99
+ font-family: lp-pri-font-family-pretendard-jp;
100
+ font-size: var(--lp-pri-font-size-72);
101
+ font-weight: var(--lp-pri-font-weight-800);
102
+ line-height: var(--lp-pri-font-lineheight-120);
103
+ }
104
+ :root[color-theme=dark] {
105
+ --lp-neutral-primary: var(--lp-pri-gray-cool-950);
106
+ --lp-neutral-secondary: var(--lp-pri-gray-cool-900);
107
+ --lp-neutral-tertiary: var(--lp-pri-gray-cool-800);
108
+ --lp-inverse-neutral-primary: var(--lp-pri-achromatic-white);
109
+ --lp-neutral-container-primary: var(--lp-pri-gray-cool-700);
110
+ --lp-neutral-container-secondary: var(--lp-pri-gray-cool-600);
111
+ --lp-neutral-container-tertiary: var(--lp-pri-gray-cool-500);
112
+ --lp-neutral-border-primary: var(--lp-pri-gray-cool-400);
113
+ --lp-neutral-border-secondary: var(--lp-pri-gray-cool-300);
114
+ --lp-neutral-border-tertiary: var(--lp-pri-gray-cool-200);
115
+ --lp-neutral-placeholder: var(--lp-pri-gray-cool-100);
116
+ --lp-accent-primary: var(--lp-pri-brand-original-600);
117
+ --lp-accent-container-primary: var(--lp-pri-brand-original-500);
118
+ --lp-positive-primary: var(--lp-pri-green-600);
119
+ --lp-positive-container-primary: var(--lp-pri-green-500);
120
+ --lp-caution-primary: var(--lp-pri-orange-600);
121
+ --lp-caution-container-primary: var(--lp-pri-orange-500);
122
+ --lp-negative-primary: var(--lp-pri-red-600);
123
+ --lp-negative-container-primary: var(--lp-pri-red-500);
124
+ --lp-link-primary: var(--lp-pri-brand-original-700);
125
+ --lp-dim: var(--lp-pri-gray-cool-100);
126
+ --lp-status-neutral-primary: var(--lp-pri-gray-cool-950);
127
+ --lp-status-accent-primary: var(--lp-pri-brand-original-500);
128
+ --lp-status-disabled-primary: var(--lp-pri-gray-cool-300);
129
+ }
130
+ :root[color-theme=light] {
131
+ --lp-neutral-primary: var(--lp-pri-gray-cool-50);
132
+ --lp-neutral-secondary: var(--lp-pri-gray-cool-100);
133
+ --lp-neutral-tertiary: var(--lp-pri-gray-cool-200);
134
+ --lp-inverse-neutral-primary: var(--lp-pri-achromatic-black);
135
+ --lp-neutral-container-primary: var(--lp-pri-gray-cool-300);
136
+ --lp-neutral-container-secondary: var(--lp-pri-gray-cool-400);
137
+ --lp-neutral-container-tertiary: var(--lp-pri-gray-cool-500);
138
+ --lp-neutral-border-primary: var(--lp-pri-gray-cool-600);
139
+ --lp-neutral-border-secondary: var(--lp-pri-gray-cool-700);
140
+ --lp-neutral-border-tertiary: var(--lp-pri-gray-cool-800);
141
+ --lp-neutral-placeholder: var(--lp-pri-gray-cool-900);
142
+ --lp-accent-primary: var(--lp-pri-brand-original-400);
143
+ --lp-accent-container-primary: var(--lp-pri-brand-original-300);
144
+ --lp-positive-primary: var(--lp-pri-green-400);
145
+ --lp-positive-container-primary: var(--lp-pri-green-300);
146
+ --lp-caution-primary: var(--lp-pri-orange-400);
147
+ --lp-caution-container-primary: var(--lp-pri-orange-300);
148
+ --lp-negative-primary: var(--lp-pri-red-400);
149
+ --lp-negative-container-primary: var(--lp-pri-red-300);
150
+ --lp-link-primary: var(--lp-pri-brand-original-500);
151
+ --lp-dim: var(--lp-pri-gray-cool-50);
152
+ --lp-status-neutral-primary: var(--lp-pri-gray-cool-50);
153
+ --lp-status-accent-primary: var(--lp-pri-brand-original-400);
154
+ --lp-status-disabled-primary: var(--lp-pri-gray-cool-200);
155
+ }
156
+ :root[language=en] {
157
+ }
158
+ /*! For license information please see global.css.LEGAL.txt */
159
+ /*# sourceMappingURL=global.css.map */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/design-token",
3
- "version": "2.0.31",
3
+ "version": "2.0.32",
4
4
  "packageManager": "yarn@3.6.0",
5
5
  "devDependencies": {
6
6
  "@types/react": "^18.2.48",
@@ -29,6 +29,7 @@
29
29
  "import": "./lib/index.mjs",
30
30
  "require": "./lib/index.cjs"
31
31
  },
32
+ "./global.css": "./global.css",
32
33
  "./package.json": "./package.json"
33
34
  },
34
35
  "maintainers": [
@@ -41,6 +42,7 @@
41
42
  "types": "./lib/index.d.ts",
42
43
  "files": [
43
44
  "lib",
44
- "src"
45
+ "src",
46
+ "global.css"
45
47
  ]
46
48
  }