@ynetlabo/ui-tokens 0.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.
- package/LICENSE +21 -0
- package/README.md +38 -0
- package/dist/Tokens.g.swift +403 -0
- package/dist/tokens.css +403 -0
- package/dist/tokens.d.ts +5 -0
- package/dist/tokens.g.dart +939 -0
- package/dist/tokens.js +266 -0
- package/package.json +41 -0
- package/resolver.json +48 -0
- package/src/component/prefecture-picker.tokens.json +49 -0
- package/src/primitive/color.tokens.json +50 -0
- package/src/primitive/dimension.tokens.json +44 -0
- package/src/semantic/dark.tokens.json +32 -0
- package/src/semantic/light.tokens.json +32 -0
- package/src/semantic/shared.tokens.json +34 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Yuuki.U
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
# @ynetlabo/ui-tokens
|
|
2
|
+
|
|
3
|
+
[ui-labo](https://github.com/yuuint/ui-labo) のデザイントークン。
|
|
4
|
+
[DTCG Design Tokens Format 2025.10](https://tr.designtokens.org/) で書き、
|
|
5
|
+
CSS / TypeScript / Dart / Swift へ変換したものを同梱しています。
|
|
6
|
+
|
|
7
|
+
```sh
|
|
8
|
+
npm install @ynetlabo/ui-tokens
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
```html
|
|
12
|
+
<link rel="stylesheet" href="node_modules/@ynetlabo/ui-tokens/dist/tokens.css">
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## 中身
|
|
16
|
+
|
|
17
|
+
| ファイル | 用途 |
|
|
18
|
+
|---|---|
|
|
19
|
+
| `dist/tokens.css` | CSS カスタムプロパティ。ライト / ダークの 2 テーマ |
|
|
20
|
+
| `dist/tokens.js` `dist/tokens.d.ts` | JS から参照する場合 |
|
|
21
|
+
| `dist/tokens.g.dart` | Flutter の `ThemeExtension` |
|
|
22
|
+
| `dist/Tokens.g.swift` | SwiftUI（sRGB へ変換済み） |
|
|
23
|
+
| `src/**/*.tokens.json` | 元の DTCG 定義 |
|
|
24
|
+
|
|
25
|
+
## テーマ
|
|
26
|
+
|
|
27
|
+
`dist/tokens.css` は 3 つの状態を扱います。
|
|
28
|
+
|
|
29
|
+
- 何も指定しない → OS の配色設定に従う
|
|
30
|
+
- `<html data-theme="light">` → 常にライト
|
|
31
|
+
- `<html data-theme="dark">` → 常にダーク
|
|
32
|
+
|
|
33
|
+
## 3 層
|
|
34
|
+
|
|
35
|
+
`primitive`（生の値）→ `semantic`（役割）→ `component`（部品ごと）の順に参照します。
|
|
36
|
+
`component` から `primitive` を直接参照する近道はビルド時に検出して落とします。
|
|
37
|
+
|
|
38
|
+
MIT © ynetlabo
|
|
@@ -0,0 +1,403 @@
|
|
|
1
|
+
// 生成物。手で編集しない。更新は npm run build（@ynetlabo/ui-tokens）
|
|
2
|
+
import SwiftUI
|
|
3
|
+
|
|
4
|
+
public struct YNTokens: Sendable {
|
|
5
|
+
public let colorNeutral0: Color
|
|
6
|
+
public let colorNeutral50: Color
|
|
7
|
+
public let colorNeutral100: Color
|
|
8
|
+
public let colorNeutral200: Color
|
|
9
|
+
public let colorNeutral300: Color
|
|
10
|
+
public let colorNeutral400: Color
|
|
11
|
+
public let colorNeutral500: Color
|
|
12
|
+
public let colorNeutral600: Color
|
|
13
|
+
public let colorNeutral700: Color
|
|
14
|
+
public let colorNeutral800: Color
|
|
15
|
+
public let colorNeutral900: Color
|
|
16
|
+
public let colorNeutral950: Color
|
|
17
|
+
public let colorNeutral1000: Color
|
|
18
|
+
public let colorAi100: Color
|
|
19
|
+
public let colorAi400: Color
|
|
20
|
+
public let colorAi500: Color
|
|
21
|
+
public let colorAi600: Color
|
|
22
|
+
public let colorAi700: Color
|
|
23
|
+
public let colorShu100: Color
|
|
24
|
+
public let colorShu500: Color
|
|
25
|
+
public let colorShu600: Color
|
|
26
|
+
public let colorMap1: Color
|
|
27
|
+
public let colorMap2: Color
|
|
28
|
+
public let colorMap3: Color
|
|
29
|
+
public let colorMap4: Color
|
|
30
|
+
public let colorMap5: Color
|
|
31
|
+
public let colorMap6: Color
|
|
32
|
+
public let colorMap7: Color
|
|
33
|
+
public let colorMap8: Color
|
|
34
|
+
public let colorMap9: Color
|
|
35
|
+
public let colorMap10: Color
|
|
36
|
+
public let colorMap11: Color
|
|
37
|
+
public let colorBg: Color
|
|
38
|
+
public let colorSurface: Color
|
|
39
|
+
public let colorSurface2: Color
|
|
40
|
+
public let colorSunken: Color
|
|
41
|
+
public let colorInk: Color
|
|
42
|
+
public let colorInk2: Color
|
|
43
|
+
public let colorInk3: Color
|
|
44
|
+
public let colorLine: Color
|
|
45
|
+
public let colorLine2: Color
|
|
46
|
+
public let colorAccent: Color
|
|
47
|
+
public let colorAccentHover: Color
|
|
48
|
+
public let colorAccentWash: Color
|
|
49
|
+
public let colorOnAccent: Color
|
|
50
|
+
public let colorDanger: Color
|
|
51
|
+
public let colorDangerWash: Color
|
|
52
|
+
public let colorSea: Color
|
|
53
|
+
public let colorLandLine: Color
|
|
54
|
+
public let colorArea1: Color
|
|
55
|
+
public let colorArea2: Color
|
|
56
|
+
public let colorArea3: Color
|
|
57
|
+
public let colorArea4: Color
|
|
58
|
+
public let colorArea5: Color
|
|
59
|
+
public let colorArea6: Color
|
|
60
|
+
public let colorArea7: Color
|
|
61
|
+
public let colorArea8: Color
|
|
62
|
+
public let colorArea9: Color
|
|
63
|
+
public let colorArea10: Color
|
|
64
|
+
public let colorArea11: Color
|
|
65
|
+
public let space0: CGFloat
|
|
66
|
+
public let space1: CGFloat
|
|
67
|
+
public let space2: CGFloat
|
|
68
|
+
public let space3: CGFloat
|
|
69
|
+
public let space4: CGFloat
|
|
70
|
+
public let space5: CGFloat
|
|
71
|
+
public let space6: CGFloat
|
|
72
|
+
public let space8: CGFloat
|
|
73
|
+
public let space10: CGFloat
|
|
74
|
+
public let space12: CGFloat
|
|
75
|
+
public let radiusSm: CGFloat
|
|
76
|
+
public let radiusMd: CGFloat
|
|
77
|
+
public let radiusLg: CGFloat
|
|
78
|
+
public let radiusXl: CGFloat
|
|
79
|
+
public let radiusFull: CGFloat
|
|
80
|
+
public let radiusControl: CGFloat
|
|
81
|
+
public let radiusPanel: CGFloat
|
|
82
|
+
public let radiusSheet: CGFloat
|
|
83
|
+
public let radiusPill: CGFloat
|
|
84
|
+
public let strokeHair: CGFloat
|
|
85
|
+
public let strokeThin: CGFloat
|
|
86
|
+
public let strokeMedium: CGFloat
|
|
87
|
+
public let strokeThick: CGFloat
|
|
88
|
+
public let sizeField: CGFloat
|
|
89
|
+
public let sizeTouch: CGFloat
|
|
90
|
+
public let sizePopMin: CGFloat
|
|
91
|
+
public let sizePopMax: CGFloat
|
|
92
|
+
public let sizeControlHeight: CGFloat
|
|
93
|
+
public let sizeControlTouch: CGFloat
|
|
94
|
+
public let sizePanelMin: CGFloat
|
|
95
|
+
public let sizePanelMax: CGFloat
|
|
96
|
+
public let durationPop: Double
|
|
97
|
+
public let durationSheet: Double
|
|
98
|
+
public let durationZoom: Double
|
|
99
|
+
public let lineHair: CGFloat
|
|
100
|
+
public let lineDilate: CGFloat
|
|
101
|
+
public let lineEmphasis: CGFloat
|
|
102
|
+
public let lineStrong: CGFloat
|
|
103
|
+
public let motionQuick: Double
|
|
104
|
+
public let motionSheet: Double
|
|
105
|
+
public let motionZoom: Double
|
|
106
|
+
public let prefecturePickerTriggerBg: Color
|
|
107
|
+
public let prefecturePickerTriggerBorder: Color
|
|
108
|
+
public let prefecturePickerTriggerBorderHover: Color
|
|
109
|
+
public let prefecturePickerTriggerText: Color
|
|
110
|
+
public let prefecturePickerTriggerPlaceholder: Color
|
|
111
|
+
public let prefecturePickerTriggerHeight: CGFloat
|
|
112
|
+
public let prefecturePickerTriggerRadius: CGFloat
|
|
113
|
+
public let prefecturePickerPopoverBg: Color
|
|
114
|
+
public let prefecturePickerPopoverBorder: Color
|
|
115
|
+
public let prefecturePickerPopoverRadius: CGFloat
|
|
116
|
+
public let prefecturePickerPopoverMinWidth: CGFloat
|
|
117
|
+
public let prefecturePickerPopoverMaxWidth: CGFloat
|
|
118
|
+
public let prefecturePickerPopoverDuration: Double
|
|
119
|
+
public let prefecturePickerSheetRadius: CGFloat
|
|
120
|
+
public let prefecturePickerSheetMinTarget: CGFloat
|
|
121
|
+
public let prefecturePickerSheetDuration: Double
|
|
122
|
+
public let prefecturePickerMapSea: Color
|
|
123
|
+
public let prefecturePickerMapLandLine: Color
|
|
124
|
+
public let prefecturePickerMapOutline: Color
|
|
125
|
+
public let prefecturePickerMapOutlineHover: Color
|
|
126
|
+
public let prefecturePickerMapLandLineWidth: CGFloat
|
|
127
|
+
public let prefecturePickerMapFillDilate: CGFloat
|
|
128
|
+
public let prefecturePickerMapOutlineWidth: CGFloat
|
|
129
|
+
public let prefecturePickerMapOutlineHoverWidth: CGFloat
|
|
130
|
+
public let prefecturePickerMapZoomDuration: Double
|
|
131
|
+
public let prefecturePickerOptionBg: Color
|
|
132
|
+
public let prefecturePickerOptionBgHover: Color
|
|
133
|
+
public let prefecturePickerOptionBgSelected: Color
|
|
134
|
+
public let prefecturePickerOptionTextSelected: Color
|
|
135
|
+
|
|
136
|
+
public static let light = YNTokens(
|
|
137
|
+
colorNeutral0: Color(.sRGB, red: 1, green: 1, blue: 1, opacity: 1),
|
|
138
|
+
colorNeutral50: Color(.sRGB, red: 0.975, green: 0.981, blue: 0.988, opacity: 1),
|
|
139
|
+
colorNeutral100: Color(.sRGB, red: 0.945, green: 0.956, blue: 0.967, opacity: 1),
|
|
140
|
+
colorNeutral200: Color(.sRGB, red: 0.887, green: 0.905, blue: 0.923, opacity: 1),
|
|
141
|
+
colorNeutral300: Color(.sRGB, red: 0.803, green: 0.829, blue: 0.856, opacity: 1),
|
|
142
|
+
colorNeutral400: Color(.sRGB, red: 0.617, green: 0.649, blue: 0.684, opacity: 1),
|
|
143
|
+
colorNeutral500: Color(.sRGB, red: 0.472, green: 0.507, blue: 0.545, opacity: 1),
|
|
144
|
+
colorNeutral600: Color(.sRGB, red: 0.327, green: 0.36, blue: 0.395, opacity: 1),
|
|
145
|
+
colorNeutral700: Color(.sRGB, red: 0.195, green: 0.222, blue: 0.251, opacity: 1),
|
|
146
|
+
colorNeutral800: Color(.sRGB, red: 0.117, green: 0.139, blue: 0.163, opacity: 1),
|
|
147
|
+
colorNeutral900: Color(.sRGB, red: 0.075, green: 0.093, blue: 0.112, opacity: 1),
|
|
148
|
+
colorNeutral950: Color(.sRGB, red: 0.044, green: 0.058, blue: 0.073, opacity: 1),
|
|
149
|
+
colorNeutral1000: Color(.sRGB, red: 0.022, green: 0.033, blue: 0.047, opacity: 1),
|
|
150
|
+
colorAi100: Color(.sRGB, red: 0.878, green: 0.936, blue: 1, opacity: 1),
|
|
151
|
+
colorAi400: Color(.sRGB, red: 0.32, green: 0.533, blue: 0.767, opacity: 1),
|
|
152
|
+
colorAi500: Color(.sRGB, red: 0.166, green: 0.425, blue: 0.691, opacity: 1),
|
|
153
|
+
colorAi600: Color(.sRGB, red: 0.076, green: 0.326, blue: 0.566, opacity: 1),
|
|
154
|
+
colorAi700: Color(.sRGB, red: 0.053, green: 0.256, blue: 0.451, opacity: 1),
|
|
155
|
+
colorShu100: Color(.sRGB, red: 1, green: 0.902, blue: 0.883, opacity: 1),
|
|
156
|
+
colorShu500: Color(.sRGB, red: 0.686, green: 0.305, blue: 0.252, opacity: 1),
|
|
157
|
+
colorShu600: Color(.sRGB, red: 0.585, green: 0.22, blue: 0.173, opacity: 1),
|
|
158
|
+
colorMap1: Color(.sRGB, red: 0.284, green: 0.451, blue: 0.635, opacity: 1),
|
|
159
|
+
colorMap2: Color(.sRGB, red: 0.478, green: 0.773, blue: 0.771, opacity: 1),
|
|
160
|
+
colorMap3: Color(.sRGB, red: 0.351, green: 0.567, blue: 0.398, opacity: 1),
|
|
161
|
+
colorMap4: Color(.sRGB, red: 0.749, green: 0.826, blue: 0.573, opacity: 1),
|
|
162
|
+
colorMap5: Color(.sRGB, red: 0.662, green: 0.554, blue: 0.281, opacity: 1),
|
|
163
|
+
colorMap6: Color(.sRGB, red: 0.903, green: 0.688, blue: 0.5, opacity: 1),
|
|
164
|
+
colorMap7: Color(.sRGB, red: 0.682, green: 0.375, blue: 0.316, opacity: 1),
|
|
165
|
+
colorMap8: Color(.sRGB, red: 0.81, green: 0.607, blue: 0.706, opacity: 1),
|
|
166
|
+
colorMap9: Color(.sRGB, red: 0.453, green: 0.399, blue: 0.614, opacity: 1),
|
|
167
|
+
colorMap10: Color(.sRGB, red: 0.386, green: 0.612, blue: 0.73, opacity: 1),
|
|
168
|
+
colorMap11: Color(.sRGB, red: 0.679, green: 0.809, blue: 0.61, opacity: 1),
|
|
169
|
+
colorBg: Color(.sRGB, red: 0.945, green: 0.956, blue: 0.967, opacity: 1),
|
|
170
|
+
colorSurface: Color(.sRGB, red: 1, green: 1, blue: 1, opacity: 1),
|
|
171
|
+
colorSurface2: Color(.sRGB, red: 0.975, green: 0.981, blue: 0.988, opacity: 1),
|
|
172
|
+
colorSunken: Color(.sRGB, red: 0.887, green: 0.905, blue: 0.923, opacity: 1),
|
|
173
|
+
colorInk: Color(.sRGB, red: 0.022, green: 0.033, blue: 0.047, opacity: 1),
|
|
174
|
+
colorInk2: Color(.sRGB, red: 0.327, green: 0.36, blue: 0.395, opacity: 1),
|
|
175
|
+
colorInk3: Color(.sRGB, red: 0.472, green: 0.507, blue: 0.545, opacity: 1),
|
|
176
|
+
colorLine: Color(.sRGB, red: 0.887, green: 0.905, blue: 0.923, opacity: 1),
|
|
177
|
+
colorLine2: Color(.sRGB, red: 0.803, green: 0.829, blue: 0.856, opacity: 1),
|
|
178
|
+
colorAccent: Color(.sRGB, red: 0.076, green: 0.326, blue: 0.566, opacity: 1),
|
|
179
|
+
colorAccentHover: Color(.sRGB, red: 0.166, green: 0.425, blue: 0.691, opacity: 1),
|
|
180
|
+
colorAccentWash: Color(.sRGB, red: 0.878, green: 0.936, blue: 1, opacity: 1),
|
|
181
|
+
colorOnAccent: Color(.sRGB, red: 1, green: 1, blue: 1, opacity: 1),
|
|
182
|
+
colorDanger: Color(.sRGB, red: 0.585, green: 0.22, blue: 0.173, opacity: 1),
|
|
183
|
+
colorDangerWash: Color(.sRGB, red: 1, green: 0.902, blue: 0.883, opacity: 1),
|
|
184
|
+
colorSea: Color(.sRGB, red: 0.887, green: 0.905, blue: 0.923, opacity: 1),
|
|
185
|
+
colorLandLine: Color(.sRGB, red: 1, green: 1, blue: 1, opacity: 1),
|
|
186
|
+
colorArea1: Color(.sRGB, red: 0.284, green: 0.451, blue: 0.635, opacity: 1),
|
|
187
|
+
colorArea2: Color(.sRGB, red: 0.478, green: 0.773, blue: 0.771, opacity: 1),
|
|
188
|
+
colorArea3: Color(.sRGB, red: 0.351, green: 0.567, blue: 0.398, opacity: 1),
|
|
189
|
+
colorArea4: Color(.sRGB, red: 0.749, green: 0.826, blue: 0.573, opacity: 1),
|
|
190
|
+
colorArea5: Color(.sRGB, red: 0.662, green: 0.554, blue: 0.281, opacity: 1),
|
|
191
|
+
colorArea6: Color(.sRGB, red: 0.903, green: 0.688, blue: 0.5, opacity: 1),
|
|
192
|
+
colorArea7: Color(.sRGB, red: 0.682, green: 0.375, blue: 0.316, opacity: 1),
|
|
193
|
+
colorArea8: Color(.sRGB, red: 0.81, green: 0.607, blue: 0.706, opacity: 1),
|
|
194
|
+
colorArea9: Color(.sRGB, red: 0.453, green: 0.399, blue: 0.614, opacity: 1),
|
|
195
|
+
colorArea10: Color(.sRGB, red: 0.386, green: 0.612, blue: 0.73, opacity: 1),
|
|
196
|
+
colorArea11: Color(.sRGB, red: 0.679, green: 0.809, blue: 0.61, opacity: 1),
|
|
197
|
+
space0: NaN,
|
|
198
|
+
space1: NaN,
|
|
199
|
+
space2: NaN,
|
|
200
|
+
space3: NaN,
|
|
201
|
+
space4: NaN,
|
|
202
|
+
space5: NaN,
|
|
203
|
+
space6: NaN,
|
|
204
|
+
space8: NaN,
|
|
205
|
+
space10: NaN,
|
|
206
|
+
space12: NaN,
|
|
207
|
+
radiusSm: NaN,
|
|
208
|
+
radiusMd: NaN,
|
|
209
|
+
radiusLg: NaN,
|
|
210
|
+
radiusXl: NaN,
|
|
211
|
+
radiusFull: NaN,
|
|
212
|
+
radiusControl: NaN,
|
|
213
|
+
radiusPanel: NaN,
|
|
214
|
+
radiusSheet: NaN,
|
|
215
|
+
radiusPill: NaN,
|
|
216
|
+
strokeHair: NaN,
|
|
217
|
+
strokeThin: NaN,
|
|
218
|
+
strokeMedium: NaN,
|
|
219
|
+
strokeThick: NaN,
|
|
220
|
+
sizeField: NaN,
|
|
221
|
+
sizeTouch: NaN,
|
|
222
|
+
sizePopMin: NaN,
|
|
223
|
+
sizePopMax: NaN,
|
|
224
|
+
sizeControlHeight: NaN,
|
|
225
|
+
sizeControlTouch: NaN,
|
|
226
|
+
sizePanelMin: NaN,
|
|
227
|
+
sizePanelMax: NaN,
|
|
228
|
+
durationPop: 0.17,
|
|
229
|
+
durationSheet: 0.3,
|
|
230
|
+
durationZoom: 0.52,
|
|
231
|
+
lineHair: NaN,
|
|
232
|
+
lineDilate: NaN,
|
|
233
|
+
lineEmphasis: NaN,
|
|
234
|
+
lineStrong: NaN,
|
|
235
|
+
motionQuick: 0.17,
|
|
236
|
+
motionSheet: 0.3,
|
|
237
|
+
motionZoom: 0.52,
|
|
238
|
+
prefecturePickerTriggerBg: Color(.sRGB, red: 1, green: 1, blue: 1, opacity: 1),
|
|
239
|
+
prefecturePickerTriggerBorder: Color(.sRGB, red: 0.803, green: 0.829, blue: 0.856, opacity: 1),
|
|
240
|
+
prefecturePickerTriggerBorderHover: Color(.sRGB, red: 0.076, green: 0.326, blue: 0.566, opacity: 1),
|
|
241
|
+
prefecturePickerTriggerText: Color(.sRGB, red: 0.022, green: 0.033, blue: 0.047, opacity: 1),
|
|
242
|
+
prefecturePickerTriggerPlaceholder: Color(.sRGB, red: 0.472, green: 0.507, blue: 0.545, opacity: 1),
|
|
243
|
+
prefecturePickerTriggerHeight: NaN,
|
|
244
|
+
prefecturePickerTriggerRadius: NaN,
|
|
245
|
+
prefecturePickerPopoverBg: Color(.sRGB, red: 1, green: 1, blue: 1, opacity: 1),
|
|
246
|
+
prefecturePickerPopoverBorder: Color(.sRGB, red: 0.803, green: 0.829, blue: 0.856, opacity: 1),
|
|
247
|
+
prefecturePickerPopoverRadius: NaN,
|
|
248
|
+
prefecturePickerPopoverMinWidth: NaN,
|
|
249
|
+
prefecturePickerPopoverMaxWidth: NaN,
|
|
250
|
+
prefecturePickerPopoverDuration: 0.17,
|
|
251
|
+
prefecturePickerSheetRadius: NaN,
|
|
252
|
+
prefecturePickerSheetMinTarget: NaN,
|
|
253
|
+
prefecturePickerSheetDuration: 0.3,
|
|
254
|
+
prefecturePickerMapSea: Color(.sRGB, red: 0.887, green: 0.905, blue: 0.923, opacity: 1),
|
|
255
|
+
prefecturePickerMapLandLine: Color(.sRGB, red: 1, green: 1, blue: 1, opacity: 1),
|
|
256
|
+
prefecturePickerMapOutline: Color(.sRGB, red: 0.022, green: 0.033, blue: 0.047, opacity: 1),
|
|
257
|
+
prefecturePickerMapOutlineHover: Color(.sRGB, red: 0.327, green: 0.36, blue: 0.395, opacity: 1),
|
|
258
|
+
prefecturePickerMapLandLineWidth: NaN,
|
|
259
|
+
prefecturePickerMapFillDilate: NaN,
|
|
260
|
+
prefecturePickerMapOutlineWidth: NaN,
|
|
261
|
+
prefecturePickerMapOutlineHoverWidth: NaN,
|
|
262
|
+
prefecturePickerMapZoomDuration: 0.52,
|
|
263
|
+
prefecturePickerOptionBg: Color(.sRGB, red: 1, green: 1, blue: 1, opacity: 1),
|
|
264
|
+
prefecturePickerOptionBgHover: Color(.sRGB, red: 0.887, green: 0.905, blue: 0.923, opacity: 1),
|
|
265
|
+
prefecturePickerOptionBgSelected: Color(.sRGB, red: 0.076, green: 0.326, blue: 0.566, opacity: 1),
|
|
266
|
+
prefecturePickerOptionTextSelected: Color(.sRGB, red: 1, green: 1, blue: 1, opacity: 1)
|
|
267
|
+
)
|
|
268
|
+
|
|
269
|
+
public static let dark = YNTokens(
|
|
270
|
+
colorNeutral0: Color(.sRGB, red: 1, green: 1, blue: 1, opacity: 1),
|
|
271
|
+
colorNeutral50: Color(.sRGB, red: 0.975, green: 0.981, blue: 0.988, opacity: 1),
|
|
272
|
+
colorNeutral100: Color(.sRGB, red: 0.945, green: 0.956, blue: 0.967, opacity: 1),
|
|
273
|
+
colorNeutral200: Color(.sRGB, red: 0.887, green: 0.905, blue: 0.923, opacity: 1),
|
|
274
|
+
colorNeutral300: Color(.sRGB, red: 0.803, green: 0.829, blue: 0.856, opacity: 1),
|
|
275
|
+
colorNeutral400: Color(.sRGB, red: 0.617, green: 0.649, blue: 0.684, opacity: 1),
|
|
276
|
+
colorNeutral500: Color(.sRGB, red: 0.472, green: 0.507, blue: 0.545, opacity: 1),
|
|
277
|
+
colorNeutral600: Color(.sRGB, red: 0.327, green: 0.36, blue: 0.395, opacity: 1),
|
|
278
|
+
colorNeutral700: Color(.sRGB, red: 0.195, green: 0.222, blue: 0.251, opacity: 1),
|
|
279
|
+
colorNeutral800: Color(.sRGB, red: 0.117, green: 0.139, blue: 0.163, opacity: 1),
|
|
280
|
+
colorNeutral900: Color(.sRGB, red: 0.075, green: 0.093, blue: 0.112, opacity: 1),
|
|
281
|
+
colorNeutral950: Color(.sRGB, red: 0.044, green: 0.058, blue: 0.073, opacity: 1),
|
|
282
|
+
colorNeutral1000: Color(.sRGB, red: 0.022, green: 0.033, blue: 0.047, opacity: 1),
|
|
283
|
+
colorAi100: Color(.sRGB, red: 0.878, green: 0.936, blue: 1, opacity: 1),
|
|
284
|
+
colorAi400: Color(.sRGB, red: 0.32, green: 0.533, blue: 0.767, opacity: 1),
|
|
285
|
+
colorAi500: Color(.sRGB, red: 0.166, green: 0.425, blue: 0.691, opacity: 1),
|
|
286
|
+
colorAi600: Color(.sRGB, red: 0.076, green: 0.326, blue: 0.566, opacity: 1),
|
|
287
|
+
colorAi700: Color(.sRGB, red: 0.053, green: 0.256, blue: 0.451, opacity: 1),
|
|
288
|
+
colorShu100: Color(.sRGB, red: 1, green: 0.902, blue: 0.883, opacity: 1),
|
|
289
|
+
colorShu500: Color(.sRGB, red: 0.686, green: 0.305, blue: 0.252, opacity: 1),
|
|
290
|
+
colorShu600: Color(.sRGB, red: 0.585, green: 0.22, blue: 0.173, opacity: 1),
|
|
291
|
+
colorMap1: Color(.sRGB, red: 0.284, green: 0.451, blue: 0.635, opacity: 1),
|
|
292
|
+
colorMap2: Color(.sRGB, red: 0.478, green: 0.773, blue: 0.771, opacity: 1),
|
|
293
|
+
colorMap3: Color(.sRGB, red: 0.351, green: 0.567, blue: 0.398, opacity: 1),
|
|
294
|
+
colorMap4: Color(.sRGB, red: 0.749, green: 0.826, blue: 0.573, opacity: 1),
|
|
295
|
+
colorMap5: Color(.sRGB, red: 0.662, green: 0.554, blue: 0.281, opacity: 1),
|
|
296
|
+
colorMap6: Color(.sRGB, red: 0.903, green: 0.688, blue: 0.5, opacity: 1),
|
|
297
|
+
colorMap7: Color(.sRGB, red: 0.682, green: 0.375, blue: 0.316, opacity: 1),
|
|
298
|
+
colorMap8: Color(.sRGB, red: 0.81, green: 0.607, blue: 0.706, opacity: 1),
|
|
299
|
+
colorMap9: Color(.sRGB, red: 0.453, green: 0.399, blue: 0.614, opacity: 1),
|
|
300
|
+
colorMap10: Color(.sRGB, red: 0.386, green: 0.612, blue: 0.73, opacity: 1),
|
|
301
|
+
colorMap11: Color(.sRGB, red: 0.679, green: 0.809, blue: 0.61, opacity: 1),
|
|
302
|
+
colorBg: Color(.sRGB, red: 0.022, green: 0.033, blue: 0.047, opacity: 1),
|
|
303
|
+
colorSurface: Color(.sRGB, red: 0.075, green: 0.093, blue: 0.112, opacity: 1),
|
|
304
|
+
colorSurface2: Color(.sRGB, red: 0.117, green: 0.139, blue: 0.163, opacity: 1),
|
|
305
|
+
colorSunken: Color(.sRGB, red: 0.044, green: 0.058, blue: 0.073, opacity: 1),
|
|
306
|
+
colorInk: Color(.sRGB, red: 0.975, green: 0.981, blue: 0.988, opacity: 1),
|
|
307
|
+
colorInk2: Color(.sRGB, red: 0.617, green: 0.649, blue: 0.684, opacity: 1),
|
|
308
|
+
colorInk3: Color(.sRGB, red: 0.472, green: 0.507, blue: 0.545, opacity: 1),
|
|
309
|
+
colorLine: Color(.sRGB, red: 0.117, green: 0.139, blue: 0.163, opacity: 1),
|
|
310
|
+
colorLine2: Color(.sRGB, red: 0.195, green: 0.222, blue: 0.251, opacity: 1),
|
|
311
|
+
colorAccent: Color(.sRGB, red: 0.32, green: 0.533, blue: 0.767, opacity: 1),
|
|
312
|
+
colorAccentHover: Color(.sRGB, red: 0.32, green: 0.533, blue: 0.767, opacity: 1),
|
|
313
|
+
colorAccentWash: Color(.sRGB, red: 0.117, green: 0.139, blue: 0.163, opacity: 1),
|
|
314
|
+
colorOnAccent: Color(.sRGB, red: 0.022, green: 0.033, blue: 0.047, opacity: 1),
|
|
315
|
+
colorDanger: Color(.sRGB, red: 0.686, green: 0.305, blue: 0.252, opacity: 1),
|
|
316
|
+
colorDangerWash: Color(.sRGB, red: 0.117, green: 0.139, blue: 0.163, opacity: 1),
|
|
317
|
+
colorSea: Color(.sRGB, red: 0.044, green: 0.058, blue: 0.073, opacity: 1),
|
|
318
|
+
colorLandLine: Color(.sRGB, red: 0.022, green: 0.033, blue: 0.047, opacity: 1),
|
|
319
|
+
colorArea1: Color(.sRGB, red: 0.386, green: 0.557, blue: 0.748, opacity: 1),
|
|
320
|
+
colorArea2: Color(.sRGB, red: 0.565, green: 0.863, blue: 0.86, opacity: 1),
|
|
321
|
+
colorArea3: Color(.sRGB, red: 0.457, green: 0.677, blue: 0.501, opacity: 1),
|
|
322
|
+
colorArea4: Color(.sRGB, red: 0.812, green: 0.89, blue: 0.634, opacity: 1),
|
|
323
|
+
colorArea5: Color(.sRGB, red: 0.774, green: 0.663, blue: 0.39, opacity: 1),
|
|
324
|
+
colorArea6: Color(.sRGB, red: 0.983, green: 0.763, blue: 0.573, opacity: 1),
|
|
325
|
+
colorArea7: Color(.sRGB, red: 0.799, green: 0.481, blue: 0.418, opacity: 1),
|
|
326
|
+
colorArea8: Color(.sRGB, red: 0.888, green: 0.68, blue: 0.781, opacity: 1),
|
|
327
|
+
colorArea9: Color(.sRGB, red: 0.569, green: 0.515, blue: 0.738, opacity: 1),
|
|
328
|
+
colorArea10: Color(.sRGB, red: 0.482, green: 0.711, blue: 0.831, opacity: 1),
|
|
329
|
+
colorArea11: Color(.sRGB, red: 0.753, green: 0.886, blue: 0.684, opacity: 1),
|
|
330
|
+
space0: NaN,
|
|
331
|
+
space1: NaN,
|
|
332
|
+
space2: NaN,
|
|
333
|
+
space3: NaN,
|
|
334
|
+
space4: NaN,
|
|
335
|
+
space5: NaN,
|
|
336
|
+
space6: NaN,
|
|
337
|
+
space8: NaN,
|
|
338
|
+
space10: NaN,
|
|
339
|
+
space12: NaN,
|
|
340
|
+
radiusSm: NaN,
|
|
341
|
+
radiusMd: NaN,
|
|
342
|
+
radiusLg: NaN,
|
|
343
|
+
radiusXl: NaN,
|
|
344
|
+
radiusFull: NaN,
|
|
345
|
+
radiusControl: NaN,
|
|
346
|
+
radiusPanel: NaN,
|
|
347
|
+
radiusSheet: NaN,
|
|
348
|
+
radiusPill: NaN,
|
|
349
|
+
strokeHair: NaN,
|
|
350
|
+
strokeThin: NaN,
|
|
351
|
+
strokeMedium: NaN,
|
|
352
|
+
strokeThick: NaN,
|
|
353
|
+
sizeField: NaN,
|
|
354
|
+
sizeTouch: NaN,
|
|
355
|
+
sizePopMin: NaN,
|
|
356
|
+
sizePopMax: NaN,
|
|
357
|
+
sizeControlHeight: NaN,
|
|
358
|
+
sizeControlTouch: NaN,
|
|
359
|
+
sizePanelMin: NaN,
|
|
360
|
+
sizePanelMax: NaN,
|
|
361
|
+
durationPop: 0.17,
|
|
362
|
+
durationSheet: 0.3,
|
|
363
|
+
durationZoom: 0.52,
|
|
364
|
+
lineHair: NaN,
|
|
365
|
+
lineDilate: NaN,
|
|
366
|
+
lineEmphasis: NaN,
|
|
367
|
+
lineStrong: NaN,
|
|
368
|
+
motionQuick: 0.17,
|
|
369
|
+
motionSheet: 0.3,
|
|
370
|
+
motionZoom: 0.52,
|
|
371
|
+
prefecturePickerTriggerBg: Color(.sRGB, red: 0.075, green: 0.093, blue: 0.112, opacity: 1),
|
|
372
|
+
prefecturePickerTriggerBorder: Color(.sRGB, red: 0.195, green: 0.222, blue: 0.251, opacity: 1),
|
|
373
|
+
prefecturePickerTriggerBorderHover: Color(.sRGB, red: 0.32, green: 0.533, blue: 0.767, opacity: 1),
|
|
374
|
+
prefecturePickerTriggerText: Color(.sRGB, red: 0.975, green: 0.981, blue: 0.988, opacity: 1),
|
|
375
|
+
prefecturePickerTriggerPlaceholder: Color(.sRGB, red: 0.472, green: 0.507, blue: 0.545, opacity: 1),
|
|
376
|
+
prefecturePickerTriggerHeight: NaN,
|
|
377
|
+
prefecturePickerTriggerRadius: NaN,
|
|
378
|
+
prefecturePickerPopoverBg: Color(.sRGB, red: 0.075, green: 0.093, blue: 0.112, opacity: 1),
|
|
379
|
+
prefecturePickerPopoverBorder: Color(.sRGB, red: 0.195, green: 0.222, blue: 0.251, opacity: 1),
|
|
380
|
+
prefecturePickerPopoverRadius: NaN,
|
|
381
|
+
prefecturePickerPopoverMinWidth: NaN,
|
|
382
|
+
prefecturePickerPopoverMaxWidth: NaN,
|
|
383
|
+
prefecturePickerPopoverDuration: 0.17,
|
|
384
|
+
prefecturePickerSheetRadius: NaN,
|
|
385
|
+
prefecturePickerSheetMinTarget: NaN,
|
|
386
|
+
prefecturePickerSheetDuration: 0.3,
|
|
387
|
+
prefecturePickerMapSea: Color(.sRGB, red: 0.044, green: 0.058, blue: 0.073, opacity: 1),
|
|
388
|
+
prefecturePickerMapLandLine: Color(.sRGB, red: 0.022, green: 0.033, blue: 0.047, opacity: 1),
|
|
389
|
+
prefecturePickerMapOutline: Color(.sRGB, red: 0.975, green: 0.981, blue: 0.988, opacity: 1),
|
|
390
|
+
prefecturePickerMapOutlineHover: Color(.sRGB, red: 0.617, green: 0.649, blue: 0.684, opacity: 1),
|
|
391
|
+
prefecturePickerMapLandLineWidth: NaN,
|
|
392
|
+
prefecturePickerMapFillDilate: NaN,
|
|
393
|
+
prefecturePickerMapOutlineWidth: NaN,
|
|
394
|
+
prefecturePickerMapOutlineHoverWidth: NaN,
|
|
395
|
+
prefecturePickerMapZoomDuration: 0.52,
|
|
396
|
+
prefecturePickerOptionBg: Color(.sRGB, red: 0.075, green: 0.093, blue: 0.112, opacity: 1),
|
|
397
|
+
prefecturePickerOptionBgHover: Color(.sRGB, red: 0.044, green: 0.058, blue: 0.073, opacity: 1),
|
|
398
|
+
prefecturePickerOptionBgSelected: Color(.sRGB, red: 0.32, green: 0.533, blue: 0.767, opacity: 1),
|
|
399
|
+
prefecturePickerOptionTextSelected: Color(.sRGB, red: 0.022, green: 0.033, blue: 0.047, opacity: 1)
|
|
400
|
+
)
|
|
401
|
+
|
|
402
|
+
public static func of(_ scheme: ColorScheme) -> YNTokens { scheme == .dark ? .dark : .light }
|
|
403
|
+
}
|