@cieloazul310/digital-go-pandacss-plugin 0.2.2 → 0.3.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/dist/index.js DELETED
@@ -1,727 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
-
30
- // src/index.ts
31
- var index_exports = {};
32
- __export(index_exports, {
33
- default: () => index_default
34
- });
35
- module.exports = __toCommonJS(index_exports);
36
- var import_dev9 = require("@pandacss/dev");
37
- var import_preset_panda2 = require("@pandacss/preset-panda");
38
-
39
- // src/semanticTokens/index.ts
40
- var import_dev2 = require("@pandacss/dev");
41
-
42
- // src/semanticTokens/colors.ts
43
- var import_dev = require("@pandacss/dev");
44
- var import_digital_go_pandacss_utils = require("@cieloazul310/digital-go-pandacss-utils");
45
- var colors = import_dev.defineSemanticTokens.colors({
46
- keyColor: (0, import_digital_go_pandacss_utils.createKeyColor)("blue"),
47
- ring: { value: "{colors.yellow.300}" }
48
- });
49
- var colors_default = colors;
50
-
51
- // src/semanticTokens/index.ts
52
- var semanticTokens_default = (0, import_dev2.defineSemanticTokens)({
53
- colors: colors_default,
54
- fontWeights: {
55
- N: { value: "{fontWeights.400}", description: "400 (normal)" },
56
- B: { value: "{fontWeights.700}", description: "700 (bold)" }
57
- }
58
- });
59
-
60
- // src/textStyles/index.ts
61
- var import_dev3 = require("@pandacss/dev");
62
- var textStylesMap = {
63
- dsp: {
64
- fontFamily: "body",
65
- description: "Display\u30C6\u30AD\u30B9\u30C8\u306F\u3001\u4E3B\u306B\u5192\u982D\u3067\u5927\u304D\u304F\u63B2\u51FA\u3055\u308C\u308B\u30C6\u30AD\u30B9\u30C8\u3084\u30E1\u30C3\u30BB\u30FC\u30B8\u3092\u4F1D\u3048\u308B\u30D8\u30C3\u30C9\u30B3\u30D4\u30FC\u306A\u3069\u3001\u8996\u899A\u7684\u306A\u30A4\u30F3\u30D1\u30AF\u30C8\u3092\u5F37\u304F\u4E0E\u3048\u305F\u3044\u5834\u5408\u306B\u4F7F\u7528\u3055\u308C\u307E\u3059\u3002",
66
- variants: [
67
- /** Display(Dsp) Bold */
68
- {
69
- fontSize: 64,
70
- fontWeight: "B",
71
- lineHeight: 140
72
- },
73
- {
74
- fontSize: 57,
75
- fontWeight: "B",
76
- lineHeight: 140
77
- },
78
- {
79
- fontSize: 48,
80
- fontWeight: "B",
81
- lineHeight: 140
82
- },
83
- /** Display(Dsp) Normal */
84
- {
85
- fontSize: 64,
86
- fontWeight: "N",
87
- lineHeight: 140
88
- },
89
- {
90
- fontSize: 57,
91
- fontWeight: "N",
92
- lineHeight: 140
93
- },
94
- {
95
- fontSize: 48,
96
- fontWeight: "N",
97
- lineHeight: 140
98
- }
99
- ]
100
- },
101
- std: {
102
- fontFamily: "body",
103
- description: "Standard\u30C6\u30AD\u30B9\u30C8\u306F\u3001\u30DA\u30FC\u30B8\u306E\u6587\u66F8\u69CB\u9020\u3092\u5F62\u6210\u3059\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u306A\u3069\u3001\u591A\u304F\u306E\u8981\u7D20\u306B\u304A\u3044\u3066\u6700\u3082\u4F7F\u7528\u3055\u308C\u308B\u666E\u904D\u7684\u306A\u30C6\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3067\u3059\u3002",
104
- variants: [
105
- /** Standard(Std) Bold */
106
- {
107
- fontSize: 45,
108
- fontWeight: "B",
109
- lineHeight: 140
110
- },
111
- {
112
- fontSize: 36,
113
- fontWeight: "B",
114
- lineHeight: 140,
115
- letterSpacing: 0.01
116
- },
117
- {
118
- fontSize: 32,
119
- fontWeight: "B",
120
- lineHeight: 150,
121
- letterSpacing: 0.01
122
- },
123
- {
124
- fontSize: 28,
125
- fontWeight: "B",
126
- lineHeight: 150,
127
- letterSpacing: 0.01
128
- },
129
- {
130
- fontSize: 24,
131
- fontWeight: "B",
132
- lineHeight: 150,
133
- letterSpacing: 0.02
134
- },
135
- {
136
- fontSize: 22,
137
- fontWeight: "B",
138
- lineHeight: 150,
139
- letterSpacing: 0.02
140
- },
141
- {
142
- fontSize: 20,
143
- fontWeight: "B",
144
- lineHeight: 150,
145
- letterSpacing: 0.02
146
- },
147
- {
148
- fontSize: 18,
149
- fontWeight: "B",
150
- lineHeight: 160,
151
- letterSpacing: 0.02
152
- },
153
- {
154
- fontSize: 17,
155
- fontWeight: "B",
156
- lineHeight: 170,
157
- letterSpacing: 0.02
158
- },
159
- {
160
- fontSize: 16,
161
- fontWeight: "B",
162
- lineHeight: 170,
163
- letterSpacing: 0.02
164
- },
165
- {
166
- fontSize: 16,
167
- fontWeight: "B",
168
- lineHeight: 175,
169
- letterSpacing: 0.02
170
- },
171
- /** Standard(Std) Normal */
172
- {
173
- fontSize: 45,
174
- fontWeight: "N",
175
- lineHeight: 140
176
- },
177
- {
178
- fontSize: 36,
179
- fontWeight: "N",
180
- lineHeight: 140,
181
- letterSpacing: 0.01
182
- },
183
- {
184
- fontSize: 32,
185
- fontWeight: "N",
186
- lineHeight: 150,
187
- letterSpacing: 0.01
188
- },
189
- {
190
- fontSize: 28,
191
- fontWeight: "N",
192
- lineHeight: 150,
193
- letterSpacing: 0.01
194
- },
195
- {
196
- fontSize: 26,
197
- fontWeight: "N",
198
- lineHeight: 150,
199
- letterSpacing: 0.02
200
- },
201
- {
202
- fontSize: 24,
203
- fontWeight: "N",
204
- lineHeight: 150,
205
- letterSpacing: 0.02
206
- },
207
- {
208
- fontSize: 22,
209
- fontWeight: "N",
210
- lineHeight: 150,
211
- letterSpacing: 0.02
212
- },
213
- {
214
- fontSize: 20,
215
- fontWeight: "N",
216
- lineHeight: 150,
217
- letterSpacing: 0.02
218
- },
219
- {
220
- fontSize: 18,
221
- fontWeight: "N",
222
- lineHeight: 160,
223
- letterSpacing: 0.02
224
- },
225
- {
226
- fontSize: 17,
227
- fontWeight: "N",
228
- lineHeight: 170,
229
- letterSpacing: 0.02
230
- },
231
- {
232
- fontSize: 16,
233
- fontWeight: "N",
234
- lineHeight: 170,
235
- letterSpacing: 0.02
236
- },
237
- {
238
- fontSize: 16,
239
- fontWeight: "N",
240
- lineHeight: 175,
241
- letterSpacing: 0.02
242
- }
243
- ]
244
- },
245
- dns: {
246
- fontFamily: "body",
247
- description: "Dense\u30C6\u30AD\u30B9\u30C8\u306F\u7BA1\u7406\u753B\u9762\u3084\u696D\u52D9\u30B7\u30B9\u30C6\u30E0\u306A\u3069\u3001\u9650\u3089\u308C\u305F\u753B\u9762\u9818\u57DF\u3067\u306E\u8868\u793A\u60C5\u5831\u91CF\u3092\u512A\u5148\u3057\u305F\u30C6\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3067\u3059\u3002\u305F\u3068\u3048\u3070\u3001\u30C7\u30FC\u30BF\u30C6\u30FC\u30D6\u30EB\u5185\u3067\u306E\u60C5\u5831\u63D0\u793A\u306A\u3069\u3001\u8868\u793A\u9818\u57DF\u306B\u5236\u7D04\u304C\u3042\u308B\u5834\u5408\u306E\u30C6\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3068\u3057\u3066\u4F7F\u7528\u3057\u307E\u3059\u3002",
248
- variants: [
249
- /** Dense(Dns) Bold */
250
- {
251
- fontSize: 17,
252
- fontWeight: "B",
253
- lineHeight: 130
254
- },
255
- {
256
- fontSize: 17,
257
- fontWeight: "B",
258
- lineHeight: 120
259
- },
260
- {
261
- fontSize: 16,
262
- fontWeight: "B",
263
- lineHeight: 130
264
- },
265
- {
266
- fontSize: 16,
267
- fontWeight: "B",
268
- lineHeight: 120
269
- },
270
- {
271
- fontSize: 14,
272
- fontWeight: "B",
273
- lineHeight: 130
274
- },
275
- {
276
- fontSize: 14,
277
- fontWeight: "B",
278
- lineHeight: 120
279
- },
280
- /** Dense(Dns) Normal */
281
- {
282
- fontSize: 17,
283
- fontWeight: "N",
284
- lineHeight: 130
285
- },
286
- {
287
- fontSize: 17,
288
- fontWeight: "N",
289
- lineHeight: 120
290
- },
291
- {
292
- fontSize: 16,
293
- fontWeight: "N",
294
- lineHeight: 130
295
- },
296
- {
297
- fontSize: 16,
298
- fontWeight: "N",
299
- lineHeight: 120
300
- },
301
- {
302
- fontSize: 14,
303
- fontWeight: "N",
304
- lineHeight: 130
305
- },
306
- {
307
- fontSize: 14,
308
- fontWeight: "N",
309
- lineHeight: 120
310
- }
311
- ]
312
- },
313
- oln: {
314
- fontFamily: "body",
315
- description: "Oneline\u30C6\u30AD\u30B9\u30C8\u306F1\u884C\u5C55\u958B\u3092\u524D\u63D0\u3068\u3057\u3066\u3001\u4E3B\u306BUI\u8981\u7D20\u3078\u306E\u9069\u7528\u3092\u60F3\u5B9A\u3057\u305F\u30C6\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3067\u3059\u3002\u884C\u9593\u306E\u4F59\u767D\u3092\u6700\u5C0F\u9650\u306B\u3059\u308B\u3053\u3068\u3067UI\u30D1\u30FC\u30C4\u306B\u5BFE\u3059\u308B\u30C7\u30B6\u30A4\u30F3\u3001\u53CA\u3073\u30B3\u30FC\u30C7\u30A3\u30F3\u30B0\u5B9F\u88C5\u8ABF\u6574\u30B3\u30B9\u30C8\u306E\u8EFD\u6E1B\u3092\u512A\u5148\u3057\u305F\u30C7\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3068\u306A\u308A\u307E\u3059\u3002",
316
- variants: [
317
- /** Oneline(Oln) Bold */
318
- {
319
- fontSize: 17,
320
- fontWeight: "B",
321
- lineHeight: 100
322
- },
323
- {
324
- fontSize: 16,
325
- fontWeight: "B",
326
- lineHeight: 100
327
- },
328
- {
329
- fontSize: 14,
330
- fontWeight: "B",
331
- lineHeight: 100
332
- },
333
- /** Oneline(Oln) Normal */
334
- {
335
- fontSize: 17,
336
- fontWeight: "N",
337
- lineHeight: 100
338
- },
339
- {
340
- fontSize: 16,
341
- fontWeight: "N",
342
- lineHeight: 100
343
- },
344
- {
345
- fontSize: 14,
346
- fontWeight: "N",
347
- lineHeight: 100
348
- }
349
- ]
350
- },
351
- mono: {
352
- fontFamily: "mono",
353
- description: "Mono\u30C6\u30AD\u30B9\u30C8\u306F\u30B3\u30FC\u30C9\u7CFB\u30B3\u30F3\u30C6\u30F3\u30C4\u3078\u306E\u9069\u7528\u3092\u60F3\u5B9A\u3057\u305F\u30C6\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3067\u3059\u3002\u6587\u5B57\u30FB\u5358\u8A9E\u30EC\u30D9\u30EB\u306E\u53EF\u8AAD\u6027\u3092\u512A\u5148\u3057\u305F\u30E2\u30CE\u30B9\u30DA\u30FC\u30B9\uFF08\u7B49\u5E45\u30D5\u30A9\u30F3\u30C8\uFF09\u3092\u4F7F\u7528\u3057\u307E\u3059\u3002",
354
- variants: [
355
- /** Mono Bold */
356
- {
357
- fontSize: 17,
358
- fontWeight: "B",
359
- lineHeight: 150
360
- },
361
- {
362
- fontSize: 16,
363
- fontWeight: "B",
364
- lineHeight: 150
365
- },
366
- {
367
- fontSize: 14,
368
- fontWeight: "B",
369
- lineHeight: 150
370
- },
371
- /** Oneline(Oln) Normal */
372
- {
373
- fontSize: 17,
374
- fontWeight: "N",
375
- lineHeight: 150
376
- },
377
- {
378
- fontSize: 16,
379
- fontWeight: "N",
380
- lineHeight: 150
381
- },
382
- {
383
- fontSize: 14,
384
- fontWeight: "N",
385
- lineHeight: 150
386
- }
387
- ]
388
- }
389
- };
390
- var textStyle = Object.entries(textStylesMap);
391
- var map = /* @__PURE__ */ new Map();
392
- textStyle.forEach(([key, { fontFamily, description, variants }]) => {
393
- variants.forEach(({ fontSize, fontWeight, lineHeight, letterSpacing }) => {
394
- map.set(`${key}-${fontSize}${fontWeight}-${lineHeight}`, {
395
- value: {
396
- fontFamily,
397
- fontSize,
398
- fontWeight,
399
- lineHeight,
400
- letterSpacing: letterSpacing ? `${letterSpacing}em` : void 0
401
- },
402
- description
403
- });
404
- });
405
- });
406
- var textStyles_default = (0, import_dev3.defineTextStyles)(Object.fromEntries(map));
407
-
408
- // src/tokens/index.ts
409
- var import_dev6 = require("@pandacss/dev");
410
- var import_preset_panda = require("@pandacss/preset-panda");
411
- var import_design_tokens3 = __toESM(require("@digital-go-jp/design-tokens"));
412
-
413
- // src/tokens/colors.ts
414
- var import_dev4 = require("@pandacss/dev");
415
- var import_design_tokens = __toESM(require("@digital-go-jp/design-tokens"));
416
- function mapColorScale(tokenObj, [primary, secondary, tertiary, bg]) {
417
- const keyMap = {
418
- primary: {
419
- DEFAULT: { value: tokenObj[primary]?.$value },
420
- 100: { value: tokenObj[Math.min(primary + 100, 1200)]?.$value },
421
- 200: { value: tokenObj[Math.min(primary + 200, 1200)]?.$value },
422
- 300: { value: tokenObj[Math.min(primary + 300, 1200)]?.$value }
423
- },
424
- secondary: { value: tokenObj[secondary]?.$value },
425
- tertiary: { value: tokenObj[tertiary]?.$value },
426
- bg: { value: tokenObj[bg]?.$value }
427
- };
428
- const shadesMap = Object.fromEntries(
429
- Object.entries(tokenObj).filter(([_, v]) => typeof v.$value === "string").map(([k, v]) => [k, { value: v.$value }])
430
- );
431
- return { ...keyMap, ...shadesMap };
432
- }
433
- var colors2 = import_dev4.defineTokens.colors({
434
- white: { value: import_design_tokens.default.Color.Neutral.White.$value },
435
- black: { value: import_design_tokens.default.Color.Neutral.Black.$value },
436
- blue: mapColorScale(import_design_tokens.default.Color.Primitive.Blue, [900, 700, 1e3, 50]),
437
- "light-blue": mapColorScale(
438
- import_design_tokens.default.Color.Primitive.LightBlue,
439
- [800, 600, 1e3, 50]
440
- ),
441
- cyan: mapColorScale(import_design_tokens.default.Color.Primitive.Cyan, [800, 600, 1e3, 50]),
442
- green: mapColorScale(import_design_tokens.default.Color.Primitive.Green, [800, 600, 1e3, 50]),
443
- lime: mapColorScale(import_design_tokens.default.Color.Primitive.Lime, [900, 700, 1e3, 50]),
444
- yellow: mapColorScale(import_design_tokens.default.Color.Primitive.Yellow, [900, 700, 1e3, 50]),
445
- orange: mapColorScale(import_design_tokens.default.Color.Primitive.Orange, [800, 600, 1100, 50]),
446
- red: mapColorScale(import_design_tokens.default.Color.Primitive.Red, [800, 600, 1e3, 50]),
447
- magenta: mapColorScale(import_design_tokens.default.Color.Primitive.Magenta, [700, 500, 1e3, 50]),
448
- purple: mapColorScale(import_design_tokens.default.Color.Primitive.Purple, [700, 500, 1e3, 50]),
449
- "solid-gray": {
450
- 50: { value: import_design_tokens.default.Color.Neutral.SolidGray[50].$value },
451
- 100: { value: import_design_tokens.default.Color.Neutral.SolidGray[100].$value },
452
- 200: { value: import_design_tokens.default.Color.Neutral.SolidGray[200].$value },
453
- 300: { value: import_design_tokens.default.Color.Neutral.SolidGray[300].$value },
454
- 400: { value: import_design_tokens.default.Color.Neutral.SolidGray[400].$value },
455
- 420: { value: import_design_tokens.default.Color.Neutral.SolidGray[420].$value },
456
- 500: { value: import_design_tokens.default.Color.Neutral.SolidGray[500].$value },
457
- 536: { value: import_design_tokens.default.Color.Neutral.SolidGray[536].$value },
458
- 600: { value: import_design_tokens.default.Color.Neutral.SolidGray[600].$value },
459
- 700: { value: import_design_tokens.default.Color.Neutral.SolidGray[700].$value },
460
- 800: { value: import_design_tokens.default.Color.Neutral.SolidGray[800].$value },
461
- 900: { value: import_design_tokens.default.Color.Neutral.SolidGray[900].$value },
462
- primary: {
463
- DEFAULT: { value: import_design_tokens.default.Color.Neutral.SolidGray[700].$value },
464
- 100: { value: import_design_tokens.default.Color.Neutral.SolidGray[800].$value },
465
- 200: { value: import_design_tokens.default.Color.Neutral.SolidGray[900].$value },
466
- 300: { value: import_design_tokens.default.Color.Neutral.Black.$value }
467
- },
468
- secondary: { value: import_design_tokens.default.Color.Neutral.SolidGray[536].$value },
469
- tertiary: { value: import_design_tokens.default.Color.Neutral.SolidGray[420].$value },
470
- bg: { value: import_design_tokens.default.Color.Neutral.SolidGray[50].$value }
471
- },
472
- success: {
473
- 1: {
474
- value: import_design_tokens.default.Color.Semantic.Success[1].$value,
475
- description: "\u6210\u529F\u3001\u5B89\u5168\u3001\u5B8C\u4E86\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
476
- },
477
- 2: {
478
- value: import_design_tokens.default.Color.Semantic.Success[2].$value,
479
- description: "\u6210\u529F\u3001\u5B89\u5168\u3001\u5B8C\u4E86\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
480
- }
481
- },
482
- error: {
483
- 1: {
484
- value: import_design_tokens.default.Color.Semantic.Error[1].$value,
485
- description: "\u5931\u6557\u3084\u30A8\u30E9\u30FC\u306E\u307B\u304B\u3001\u5371\u967A\u60C5\u5831\u3084\u5236\u7D04\u6761\u4EF6\u306E\u63D0\u793A\u306A\u3069\u6CE8\u610F\u559A\u8D77\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
486
- },
487
- 2: {
488
- value: import_design_tokens.default.Color.Semantic.Error[2].$value,
489
- description: "\u5931\u6557\u3084\u30A8\u30E9\u30FC\u306E\u307B\u304B\u3001\u5371\u967A\u60C5\u5831\u3084\u5236\u7D04\u6761\u4EF6\u306E\u63D0\u793A\u306A\u3069\u6CE8\u610F\u559A\u8D77\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
490
- }
491
- },
492
- warning: {
493
- yellow: {
494
- 1: {
495
- value: import_design_tokens.default.Color.Semantic.Warning.Yellow[1].$value,
496
- description: "\u8B66\u544A\u3084\u7981\u6B62\u4E8B\u9805\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
497
- },
498
- 2: {
499
- value: import_design_tokens.default.Color.Semantic.Warning.Yellow[2].$value,
500
- description: "\u8B66\u544A\u3084\u7981\u6B62\u4E8B\u9805\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
501
- }
502
- },
503
- orange: {
504
- 1: {
505
- value: import_design_tokens.default.Color.Semantic.Warning.Orange[1].$value,
506
- description: "\u8B66\u544A\u3084\u7981\u6B62\u4E8B\u9805\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
507
- },
508
- 2: {
509
- value: import_design_tokens.default.Color.Semantic.Warning.Orange[2].$value,
510
- description: "\u8B66\u544A\u3084\u7981\u6B62\u4E8B\u9805\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
511
- }
512
- }
513
- },
514
- focus: {
515
- yellow: { value: import_design_tokens.default.Color.Primitive.Yellow[700].$value },
516
- blue: { value: import_design_tokens.default.Color.Primitive.LightBlue[700].$value }
517
- }
518
- });
519
- var colors_default2 = colors2;
520
-
521
- // src/tokens/typography.ts
522
- var import_dev5 = require("@pandacss/dev");
523
- var import_design_tokens2 = __toESM(require("@digital-go-jp/design-tokens"));
524
- var fonts = import_dev5.defineTokens.fonts({
525
- body: {
526
- value: [
527
- "Noto Sans JP",
528
- "-apple-system",
529
- "BlinkMacSystemFont",
530
- "sans-serif"
531
- ]
532
- },
533
- mono: {
534
- value: ["Noto Sans Mono", "monospace"]
535
- }
536
- });
537
- var fontSizes = import_dev5.defineTokens.fontSizes({
538
- "64": {
539
- value: import_design_tokens2.default.FontSize[64].$value,
540
- description: "\u8996\u899A\u7684\u306A\u30A4\u30F3\u30D1\u30AF\u30C8\u304C\u5FC5\u8981\u306A\u30C7\u30B6\u30A4\u30F3\u8981\u7D20\u3068\u3057\u3066\u306E\u6587\u5B57\u30B5\u30A4\u30BA\u3002"
541
- },
542
- "57": {
543
- value: import_design_tokens2.default.FontSize[57].$value,
544
- description: "\u8996\u899A\u7684\u306A\u30A4\u30F3\u30D1\u30AF\u30C8\u304C\u5FC5\u8981\u306A\u30C7\u30B6\u30A4\u30F3\u8981\u7D20\u3068\u3057\u3066\u306E\u6587\u5B57\u30B5\u30A4\u30BA\u3002"
545
- },
546
- "48": {
547
- value: import_design_tokens2.default.FontSize[48].$value,
548
- description: "\u8996\u899A\u7684\u306A\u30A4\u30F3\u30D1\u30AF\u30C8\u304C\u5FC5\u8981\u306A\u30C7\u30B6\u30A4\u30F3\u8981\u7D20\u3068\u3057\u3066\u306E\u6587\u5B57\u30B5\u30A4\u30BA\u3002"
549
- },
550
- "45": {
551
- value: import_design_tokens2.default.FontSize[45].$value,
552
- description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
553
- },
554
- "36": {
555
- value: import_design_tokens2.default.FontSize[36].$value,
556
- description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
557
- },
558
- "32": {
559
- value: import_design_tokens2.default.FontSize[32].$value,
560
- description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
561
- },
562
- "28": {
563
- value: import_design_tokens2.default.FontSize[28].$value,
564
- description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
565
- },
566
- "24": {
567
- value: import_design_tokens2.default.FontSize[24].$value,
568
- description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
569
- },
570
- "22": {
571
- value: import_design_tokens2.default.FontSize[22].$value,
572
- description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
573
- },
574
- "20": {
575
- value: import_design_tokens2.default.FontSize[20].$value,
576
- description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
577
- },
578
- "18": {
579
- value: import_design_tokens2.default.FontSize[18].$value,
580
- description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
581
- },
582
- "17": {
583
- value: import_design_tokens2.default.FontSize[17].$value,
584
- description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
585
- },
586
- "16": {
587
- value: import_design_tokens2.default.FontSize[16].$value,
588
- description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
589
- },
590
- "14": {
591
- value: import_design_tokens2.default.FontSize[14].$value,
592
- description: "\u57FA\u672C\u7684\u306B\u306F\u4F7F\u7528\u3057\u307E\u305B\u3093\u3002\u30D5\u30C3\u30BF\u30FC\u8981\u7D20\u306A\u3069\u30B3\u30F3\u30C6\u30F3\u30C4\u306B\u4ED8\u968F\u3059\u308B\u60C5\u5831\u3084\u3001UI\u3084\u30B3\u30F3\u30C6\u30F3\u30C4\u3092\u69CB\u6210\u3059\u308B\u969B\u306E\u9818\u57DF\u7684\u306A\u5236\u7D04\u304C\u3042\u308B\u5834\u5408\u306E\u3088\u3046\u306B\u6A19\u6E96\u7684\u306A\u6587\u5B57\u30B5\u30A4\u30BA\uFF0816 CSS px\u4EE5\u4E0A\uFF09\u306E\u4F7F\u7528\u304C\u96E3\u3057\u3044\u30B1\u30FC\u30B9\u306B\u304A\u3044\u3066\u306E\u307F\u4F7F\u7528\u3055\u308C\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3067\u3059\u3002\u306A\u304A\u300114 CSS px\u672A\u6E80\u306E\u5927\u304D\u3055\u306E\u4F7F\u7528\u306F\u539F\u5247\u3068\u3057\u3066\u8A31\u5BB9\u3055\u308C\u307E\u305B\u3093\u3002"
593
- }
594
- });
595
- var fontWeights = import_dev5.defineTokens.fontWeights({
596
- "400": { value: import_design_tokens2.default.FontWeight[400].$value },
597
- "700": { value: import_design_tokens2.default.FontWeight[700].$value }
598
- });
599
- var lineHeights = import_dev5.defineTokens.lineHeights({
600
- "100": {
601
- value: import_design_tokens2.default.LineHeight[100].$value,
602
- description: "\u4E3B\u306B\u30DC\u30BF\u30F3\u306A\u3069\u3001\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u5185\u3067\u4F7F\u7528\u3055\u308C\u308B\u30EF\u30F3\u30E9\u30A4\u30F3\u306E\u30C6\u30AD\u30B9\u30C8\u3067\u4E0A\u4E0B\u306E\u4F59\u767D\u3092\u6301\u3063\u3066\u3044\u306A\u3044\u884C\u9593"
603
- },
604
- "120": {
605
- value: import_design_tokens2.default.LineHeight[120].$value,
606
- description: "\u4E3B\u306B\u7BA1\u7406\u753B\u9762\u3084\u696D\u52D9\u30B7\u30B9\u30C6\u30E0\u306E\u753B\u9762\u7B49\u3067\u3001\u81A8\u5927\u306A\u60C5\u5831\u3092\u4E00\u89A7\u8868\u793A\u3057\u305F\u308A\u306A\u3069\u3001\u9650\u3089\u308C\u305F\u753B\u9762\u9818\u57DF\u3067\u306E\u8868\u793A\u60C5\u5831\u91CF\u3092\u6700\u512A\u5148\u3057\u305F\u884C\u9593"
607
- },
608
- "130": {
609
- value: import_design_tokens2.default.LineHeight[130].$value,
610
- description: "\u4E3B\u306B\u7BA1\u7406\u753B\u9762\u3084\u696D\u52D9\u30B7\u30B9\u30C6\u30E0\u306E\u753B\u9762\u7B49\u3067\u4F7F\u7528\u3059\u308B\u3001\u8868\u793A\u60C5\u5831\u91CF\u3092\u512A\u5148\u3057\u305F\u884C\u9593"
611
- },
612
- "140": {
613
- value: import_design_tokens2.default.LineHeight[140].$value,
614
- description: "\u898B\u51FA\u3057\u306A\u3069\u3001\u3084\u3084\u5927\u304D\u306A\u6587\u5B57\u306B\u4F7F\u7528\u3055\u308C\u308B\u884C\u9593"
615
- },
616
- "150": {
617
- value: import_design_tokens2.default.LineHeight[150].$value,
618
- description: "\u4E00\u822C\u7684\u306A\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u672C\u6587\u3084\u898B\u51FA\u3057\u3067\u4F7F\u7528\u3055\u308C\u308B\u884C\u9593\uFF08\u672C\u6587\u306E\u884C\u9593\u3068\u3057\u3066\u306F\u6700\u4F4E\u9650\u5EA6\uFF09"
619
- },
620
- "160": {
621
- value: import_design_tokens2.default.LineHeight[160].$value,
622
- description: "\u4E00\u822C\u7684\u306A\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u672C\u6587\u3067\u4F7F\u7528\u3055\u308C\u308B\u884C\u9593"
623
- },
624
- "170": {
625
- value: import_design_tokens2.default.LineHeight[170].$value,
626
- description: "\u4E00\u822C\u7684\u306A\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u672C\u6587\u3067\u4F7F\u7528\u3059\u308B\u3001\u5FC3\u7406\u7684\u8CA0\u8377\u306E\u8EFD\u6E1B\u3092\u8003\u616E\u3057\u305F\u884C\u9593"
627
- },
628
- "175": {
629
- value: import_design_tokens2.default.LineHeight[175].$value,
630
- description: "\u4E00\u822C\u7684\u306A\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u672C\u6587\u3067\u4F7F\u7528\u3059\u308B\u3001\u5FC3\u7406\u7684\u8CA0\u8377\u306E\u8EFD\u6E1B\u3092\u8003\u616E\u3057\u305F\u884C\u9593\u3002\u63A1\u7528\u3059\u308B\u30B0\u30EA\u30C3\u30C9\u5E45\u3084\u30D5\u30A9\u30F3\u30C8\u30B5\u30A4\u30BA\u306B\u5FDC\u3058\u3066170%\u3068\u4F7F\u3044\u5206\u3051\u308B"
631
- }
632
- });
633
-
634
- // src/tokens/index.ts
635
- var { spacing, sizes } = import_preset_panda.preset.theme.tokens;
636
- var tokens_default = (0, import_dev6.defineTokens)({
637
- colors: colors_default2,
638
- fonts,
639
- fontSizes,
640
- fontWeights,
641
- lineHeights,
642
- radii: {
643
- "4": { value: import_design_tokens3.default.BorderRadius[4].$value },
644
- "6": { value: import_design_tokens3.default.BorderRadius[6].$value },
645
- "8": { value: import_design_tokens3.default.BorderRadius[8].$value },
646
- "12": { value: import_design_tokens3.default.BorderRadius[12].$value },
647
- "16": { value: import_design_tokens3.default.BorderRadius[16].$value },
648
- "24": { value: import_design_tokens3.default.BorderRadius[24].$value },
649
- "32": { value: import_design_tokens3.default.BorderRadius[32].$value },
650
- full: { value: import_design_tokens3.default.BorderRadius.Full.$value }
651
- },
652
- shadows: {
653
- "1": { value: import_design_tokens3.default.Elevation[1].$value },
654
- "2": { value: import_design_tokens3.default.Elevation[2].$value },
655
- "3": { value: import_design_tokens3.default.Elevation[3].$value },
656
- "4": { value: import_design_tokens3.default.Elevation[4].$value },
657
- "5": { value: import_design_tokens3.default.Elevation[5].$value },
658
- "6": { value: import_design_tokens3.default.Elevation[6].$value },
659
- "7": { value: import_design_tokens3.default.Elevation[7].$value },
660
- "8": { value: import_design_tokens3.default.Elevation[8].$value }
661
- },
662
- sizes,
663
- spacing
664
- });
665
-
666
- // src/utilities/index.ts
667
- var import_dev7 = require("@pandacss/dev");
668
- var borderInset = (0, import_dev7.defineUtility)({
669
- deprecated: true,
670
- className: "border-inset",
671
- values: ["xs", "sm", "md", "lg", "xl"],
672
- transform(value, { token }) {
673
- const width = (() => {
674
- if (value === "xs") return "1px";
675
- if (value === "sm") return "2px";
676
- if (value === "lg") return "4px";
677
- if (value === "xl") return "8px";
678
- return "3px";
679
- })();
680
- return {
681
- boxShadow: `inset 0 0 0 ${width} ${token("colors.ring")}`
682
- };
683
- }
684
- });
685
- var focusBox = (0, import_dev7.defineUtility)({
686
- className: "focus-box",
687
- values: "borderWidths",
688
- transform(value, { token }) {
689
- return {
690
- boxShadow: `0 0 0 ${value} ${token("colors.ring")}`
691
- };
692
- }
693
- });
694
- var utilities = {
695
- borderInset,
696
- focusBox
697
- };
698
- var utilities_default = utilities;
699
-
700
- // src/globalCss.ts
701
- var import_dev8 = require("@pandacss/dev");
702
- var globalCss_default = (0, import_dev8.defineGlobalStyles)({
703
- html: {
704
- fontSmoothing: "auto"
705
- },
706
- "h1, h2, h3, h4, h5, h6": {
707
- textWrap: "pretty"
708
- }
709
- });
710
-
711
- // src/index.ts
712
- var { breakpoints, keyframes } = import_preset_panda2.preset.theme;
713
- var preset = (0, import_dev9.definePreset)({
714
- name: "digital-go",
715
- theme: {
716
- extend: {
717
- breakpoints,
718
- textStyles: textStyles_default,
719
- semanticTokens: semanticTokens_default,
720
- tokens: tokens_default,
721
- keyframes
722
- }
723
- },
724
- utilities: utilities_default,
725
- globalCss: globalCss_default
726
- });
727
- var index_default = preset;