@cieloazul310/digital-go-pandacss-plugin 0.1.0-beta.5 → 0.1.0-beta.7

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 (5) hide show
  1. package/dist/index.d.mts +2 -2
  2. package/dist/index.d.ts +2 -2
  3. package/dist/index.js +84 -186
  4. package/dist/index.mjs +75 -177
  5. package/package.json +13 -7
package/dist/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
- import * as _pandacss_types from '@pandacss/types';
1
+ import * as _pandacss_dev from '@pandacss/dev';
2
2
 
3
- declare const preset: _pandacss_types.Preset;
3
+ declare const preset: _pandacss_dev.Preset;
4
4
 
5
5
  export { preset as default };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import * as _pandacss_types from '@pandacss/types';
1
+ import * as _pandacss_dev from '@pandacss/dev';
2
2
 
3
- declare const preset: _pandacss_types.Preset;
3
+ declare const preset: _pandacss_dev.Preset;
4
4
 
5
5
  export { preset as default };
package/dist/index.js CHANGED
@@ -33,21 +33,23 @@ __export(index_exports, {
33
33
  default: () => index_default
34
34
  });
35
35
  module.exports = __toCommonJS(index_exports);
36
- var import_dev6 = require("@pandacss/dev");
36
+ var import_dev9 = require("@pandacss/dev");
37
+ var import_preset_panda2 = require("@pandacss/preset-panda");
37
38
 
38
39
  // src/semanticTokens/index.ts
39
- var import_dev = require("@pandacss/dev");
40
+ var import_dev2 = require("@pandacss/dev");
40
41
 
41
42
  // src/semanticTokens/colors.ts
43
+ var import_dev = require("@pandacss/dev");
42
44
  var import_digital_go_pandacss_utils = require("@cieloazul310/digital-go-pandacss-utils");
43
- var colors = {
45
+ var colors = import_dev.defineSemanticTokens.colors({
44
46
  keyColor: (0, import_digital_go_pandacss_utils.createKeyColor)("blue"),
45
47
  ring: { value: "{colors.yellow.300}" }
46
- };
48
+ });
47
49
  var colors_default = colors;
48
50
 
49
51
  // src/semanticTokens/index.ts
50
- var semanticTokens_default = (0, import_dev.defineSemanticTokens)({
52
+ var semanticTokens_default = (0, import_dev2.defineSemanticTokens)({
51
53
  colors: colors_default,
52
54
  fontWeights: {
53
55
  N: { value: "{fontWeights.400}", description: "400 (normal)" },
@@ -56,7 +58,7 @@ var semanticTokens_default = (0, import_dev.defineSemanticTokens)({
56
58
  });
57
59
 
58
60
  // src/textStyles/index.ts
59
- var import_dev2 = require("@pandacss/dev");
61
+ var import_dev3 = require("@pandacss/dev");
60
62
  var textStylesMap = {
61
63
  dsp: {
62
64
  fontFamily: "body",
@@ -401,167 +403,49 @@ textStyle.forEach(([key, { fontFamily, description, variants }]) => {
401
403
  });
402
404
  });
403
405
  });
404
- var textStyles_default = (0, import_dev2.defineTextStyles)(Object.fromEntries(map));
406
+ var textStyles_default = (0, import_dev3.defineTextStyles)(Object.fromEntries(map));
405
407
 
406
408
  // src/tokens/index.ts
407
- var import_dev3 = require("@pandacss/dev");
409
+ var import_dev6 = require("@pandacss/dev");
410
+ var import_preset_panda = require("@pandacss/preset-panda");
408
411
  var import_design_tokens3 = __toESM(require("@digital-go-jp/design-tokens"));
409
412
 
410
413
  // src/tokens/colors.ts
414
+ var import_dev4 = require("@pandacss/dev");
411
415
  var import_design_tokens = __toESM(require("@digital-go-jp/design-tokens"));
412
- var colors2 = {
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({
413
434
  white: { value: import_design_tokens.default.Color.Neutral.White.$value },
414
435
  black: { value: import_design_tokens.default.Color.Neutral.Black.$value },
415
- blue: {
416
- 50: { value: import_design_tokens.default.Color.Primitive.Blue[50].$value },
417
- 100: { value: import_design_tokens.default.Color.Primitive.Blue[100].$value },
418
- 200: { value: import_design_tokens.default.Color.Primitive.Blue[200].$value },
419
- 300: { value: import_design_tokens.default.Color.Primitive.Blue[300].$value },
420
- 400: { value: import_design_tokens.default.Color.Primitive.Blue[400].$value },
421
- 500: { value: import_design_tokens.default.Color.Primitive.Blue[500].$value },
422
- 600: { value: import_design_tokens.default.Color.Primitive.Blue[600].$value },
423
- 700: { value: import_design_tokens.default.Color.Primitive.Blue[700].$value },
424
- 800: { value: import_design_tokens.default.Color.Primitive.Blue[800].$value },
425
- 900: { value: import_design_tokens.default.Color.Primitive.Blue[900].$value },
426
- 1e3: { value: import_design_tokens.default.Color.Primitive.Blue[1e3].$value },
427
- 1100: { value: import_design_tokens.default.Color.Primitive.Blue[1100].$value },
428
- 1200: { value: import_design_tokens.default.Color.Primitive.Blue[1200].$value }
429
- },
430
- "light-blue": {
431
- 50: { value: import_design_tokens.default.Color.Primitive.LightBlue[50].$value },
432
- 100: { value: import_design_tokens.default.Color.Primitive.LightBlue[100].$value },
433
- 200: { value: import_design_tokens.default.Color.Primitive.LightBlue[200].$value },
434
- 300: { value: import_design_tokens.default.Color.Primitive.LightBlue[300].$value },
435
- 400: { value: import_design_tokens.default.Color.Primitive.LightBlue[400].$value },
436
- 500: { value: import_design_tokens.default.Color.Primitive.LightBlue[500].$value },
437
- 600: { value: import_design_tokens.default.Color.Primitive.LightBlue[600].$value },
438
- 700: { value: import_design_tokens.default.Color.Primitive.LightBlue[700].$value },
439
- 800: { value: import_design_tokens.default.Color.Primitive.LightBlue[800].$value },
440
- 900: { value: import_design_tokens.default.Color.Primitive.LightBlue[900].$value },
441
- 1e3: { value: import_design_tokens.default.Color.Primitive.LightBlue[1e3].$value },
442
- 1100: { value: import_design_tokens.default.Color.Primitive.LightBlue[1100].$value },
443
- 1200: { value: import_design_tokens.default.Color.Primitive.LightBlue[1200].$value }
444
- },
445
- cyan: {
446
- 50: { value: import_design_tokens.default.Color.Primitive.Cyan[50].$value },
447
- 100: { value: import_design_tokens.default.Color.Primitive.Cyan[100].$value },
448
- 200: { value: import_design_tokens.default.Color.Primitive.Cyan[200].$value },
449
- 300: { value: import_design_tokens.default.Color.Primitive.Cyan[300].$value },
450
- 400: { value: import_design_tokens.default.Color.Primitive.Cyan[400].$value },
451
- 500: { value: import_design_tokens.default.Color.Primitive.Cyan[500].$value },
452
- 600: { value: import_design_tokens.default.Color.Primitive.Cyan[600].$value },
453
- 700: { value: import_design_tokens.default.Color.Primitive.Cyan[700].$value },
454
- 800: { value: import_design_tokens.default.Color.Primitive.Cyan[800].$value },
455
- 900: { value: import_design_tokens.default.Color.Primitive.Cyan[900].$value },
456
- 1e3: { value: import_design_tokens.default.Color.Primitive.Cyan[1e3].$value },
457
- 1100: { value: import_design_tokens.default.Color.Primitive.Cyan[1100].$value },
458
- 1200: { value: import_design_tokens.default.Color.Primitive.Cyan[1200].$value }
459
- },
460
- green: {
461
- 50: { value: import_design_tokens.default.Color.Primitive.Green[50].$value },
462
- 100: { value: import_design_tokens.default.Color.Primitive.Green[100].$value },
463
- 200: { value: import_design_tokens.default.Color.Primitive.Green[200].$value },
464
- 300: { value: import_design_tokens.default.Color.Primitive.Green[300].$value },
465
- 400: { value: import_design_tokens.default.Color.Primitive.Green[400].$value },
466
- 500: { value: import_design_tokens.default.Color.Primitive.Green[500].$value },
467
- 600: { value: import_design_tokens.default.Color.Primitive.Green[600].$value },
468
- 700: { value: import_design_tokens.default.Color.Primitive.Green[700].$value },
469
- 800: { value: import_design_tokens.default.Color.Primitive.Green[800].$value },
470
- 900: { value: import_design_tokens.default.Color.Primitive.Green[900].$value },
471
- 1e3: { value: import_design_tokens.default.Color.Primitive.Green[1e3].$value },
472
- 1100: { value: import_design_tokens.default.Color.Primitive.Green[1100].$value },
473
- 1200: { value: import_design_tokens.default.Color.Primitive.Green[1200].$value }
474
- },
475
- lime: {
476
- 50: { value: import_design_tokens.default.Color.Primitive.Lime[50].$value },
477
- 100: { value: import_design_tokens.default.Color.Primitive.Lime[100].$value },
478
- 200: { value: import_design_tokens.default.Color.Primitive.Lime[200].$value },
479
- 300: { value: import_design_tokens.default.Color.Primitive.Lime[300].$value },
480
- 400: { value: import_design_tokens.default.Color.Primitive.Lime[400].$value },
481
- 500: { value: import_design_tokens.default.Color.Primitive.Lime[500].$value },
482
- 600: { value: import_design_tokens.default.Color.Primitive.Lime[600].$value },
483
- 700: { value: import_design_tokens.default.Color.Primitive.Lime[700].$value },
484
- 800: { value: import_design_tokens.default.Color.Primitive.Lime[800].$value },
485
- 900: { value: import_design_tokens.default.Color.Primitive.Lime[900].$value },
486
- 1e3: { value: import_design_tokens.default.Color.Primitive.Lime[1e3].$value },
487
- 1100: { value: import_design_tokens.default.Color.Primitive.Lime[1100].$value },
488
- 1200: { value: import_design_tokens.default.Color.Primitive.Lime[1200].$value }
489
- },
490
- yellow: {
491
- 50: { value: import_design_tokens.default.Color.Primitive.Yellow[50].$value },
492
- 100: { value: import_design_tokens.default.Color.Primitive.Yellow[100].$value },
493
- 200: { value: import_design_tokens.default.Color.Primitive.Yellow[200].$value },
494
- 300: { value: import_design_tokens.default.Color.Primitive.Yellow[300].$value },
495
- 400: { value: import_design_tokens.default.Color.Primitive.Yellow[400].$value },
496
- 500: { value: import_design_tokens.default.Color.Primitive.Yellow[500].$value },
497
- 600: { value: import_design_tokens.default.Color.Primitive.Yellow[600].$value },
498
- 700: { value: import_design_tokens.default.Color.Primitive.Yellow[700].$value },
499
- 800: { value: import_design_tokens.default.Color.Primitive.Yellow[800].$value },
500
- 900: { value: import_design_tokens.default.Color.Primitive.Yellow[900].$value },
501
- 1e3: { value: import_design_tokens.default.Color.Primitive.Yellow[1e3].$value },
502
- 1100: { value: import_design_tokens.default.Color.Primitive.Yellow[1100].$value },
503
- 1200: { value: import_design_tokens.default.Color.Primitive.Yellow[1200].$value }
504
- },
505
- orange: {
506
- 50: { value: import_design_tokens.default.Color.Primitive.Orange[50].$value },
507
- 100: { value: import_design_tokens.default.Color.Primitive.Orange[100].$value },
508
- 200: { value: import_design_tokens.default.Color.Primitive.Orange[200].$value },
509
- 300: { value: import_design_tokens.default.Color.Primitive.Orange[300].$value },
510
- 400: { value: import_design_tokens.default.Color.Primitive.Orange[400].$value },
511
- 500: { value: import_design_tokens.default.Color.Primitive.Orange[500].$value },
512
- 600: { value: import_design_tokens.default.Color.Primitive.Orange[600].$value },
513
- 700: { value: import_design_tokens.default.Color.Primitive.Orange[700].$value },
514
- 800: { value: import_design_tokens.default.Color.Primitive.Orange[800].$value },
515
- 900: { value: import_design_tokens.default.Color.Primitive.Orange[900].$value },
516
- 1e3: { value: import_design_tokens.default.Color.Primitive.Orange[1e3].$value },
517
- 1100: { value: import_design_tokens.default.Color.Primitive.Orange[1100].$value },
518
- 1200: { value: import_design_tokens.default.Color.Primitive.Orange[1200].$value }
519
- },
520
- red: {
521
- 50: { value: import_design_tokens.default.Color.Primitive.Red[50].$value },
522
- 100: { value: import_design_tokens.default.Color.Primitive.Red[100].$value },
523
- 200: { value: import_design_tokens.default.Color.Primitive.Red[200].$value },
524
- 300: { value: import_design_tokens.default.Color.Primitive.Red[300].$value },
525
- 400: { value: import_design_tokens.default.Color.Primitive.Red[400].$value },
526
- 500: { value: import_design_tokens.default.Color.Primitive.Red[500].$value },
527
- 600: { value: import_design_tokens.default.Color.Primitive.Red[600].$value },
528
- 700: { value: import_design_tokens.default.Color.Primitive.Red[700].$value },
529
- 800: { value: import_design_tokens.default.Color.Primitive.Red[800].$value },
530
- 900: { value: import_design_tokens.default.Color.Primitive.Red[900].$value },
531
- 1e3: { value: import_design_tokens.default.Color.Primitive.Red[1e3].$value },
532
- 1100: { value: import_design_tokens.default.Color.Primitive.Red[1100].$value },
533
- 1200: { value: import_design_tokens.default.Color.Primitive.Red[1200].$value }
534
- },
535
- magenta: {
536
- 50: { value: import_design_tokens.default.Color.Primitive.Magenta[50].$value },
537
- 100: { value: import_design_tokens.default.Color.Primitive.Magenta[100].$value },
538
- 200: { value: import_design_tokens.default.Color.Primitive.Magenta[200].$value },
539
- 300: { value: import_design_tokens.default.Color.Primitive.Magenta[300].$value },
540
- 400: { value: import_design_tokens.default.Color.Primitive.Magenta[400].$value },
541
- 500: { value: import_design_tokens.default.Color.Primitive.Magenta[500].$value },
542
- 600: { value: import_design_tokens.default.Color.Primitive.Magenta[600].$value },
543
- 700: { value: import_design_tokens.default.Color.Primitive.Magenta[700].$value },
544
- 800: { value: import_design_tokens.default.Color.Primitive.Magenta[800].$value },
545
- 900: { value: import_design_tokens.default.Color.Primitive.Magenta[900].$value },
546
- 1e3: { value: import_design_tokens.default.Color.Primitive.Magenta[1e3].$value },
547
- 1100: { value: import_design_tokens.default.Color.Primitive.Magenta[1100].$value },
548
- 1200: { value: import_design_tokens.default.Color.Primitive.Magenta[1200].$value }
549
- },
550
- purple: {
551
- 50: { value: import_design_tokens.default.Color.Primitive.Purple[50].$value },
552
- 100: { value: import_design_tokens.default.Color.Primitive.Purple[100].$value },
553
- 200: { value: import_design_tokens.default.Color.Primitive.Purple[200].$value },
554
- 300: { value: import_design_tokens.default.Color.Primitive.Purple[300].$value },
555
- 400: { value: import_design_tokens.default.Color.Primitive.Purple[400].$value },
556
- 500: { value: import_design_tokens.default.Color.Primitive.Purple[500].$value },
557
- 600: { value: import_design_tokens.default.Color.Primitive.Purple[600].$value },
558
- 700: { value: import_design_tokens.default.Color.Primitive.Purple[700].$value },
559
- 800: { value: import_design_tokens.default.Color.Primitive.Purple[800].$value },
560
- 900: { value: import_design_tokens.default.Color.Primitive.Purple[900].$value },
561
- 1e3: { value: import_design_tokens.default.Color.Primitive.Purple[1e3].$value },
562
- 1100: { value: import_design_tokens.default.Color.Primitive.Purple[1100].$value },
563
- 1200: { value: import_design_tokens.default.Color.Primitive.Purple[1200].$value }
564
- },
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]),
565
449
  "solid-gray": {
566
450
  50: { value: import_design_tokens.default.Color.Neutral.SolidGray[50].$value },
567
451
  100: { value: import_design_tokens.default.Color.Neutral.SolidGray[100].$value },
@@ -574,7 +458,16 @@ var colors2 = {
574
458
  600: { value: import_design_tokens.default.Color.Neutral.SolidGray[600].$value },
575
459
  700: { value: import_design_tokens.default.Color.Neutral.SolidGray[700].$value },
576
460
  800: { value: import_design_tokens.default.Color.Neutral.SolidGray[800].$value },
577
- 900: { value: import_design_tokens.default.Color.Neutral.SolidGray[900].$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 }
578
471
  },
579
472
  success: {
580
473
  1: {
@@ -622,12 +515,13 @@ var colors2 = {
622
515
  yellow: { value: import_design_tokens.default.Color.Primitive.Yellow[700].$value },
623
516
  blue: { value: import_design_tokens.default.Color.Primitive.LightBlue[700].$value }
624
517
  }
625
- };
518
+ });
626
519
  var colors_default2 = colors2;
627
520
 
628
521
  // src/tokens/typography.ts
522
+ var import_dev5 = require("@pandacss/dev");
629
523
  var import_design_tokens2 = __toESM(require("@digital-go-jp/design-tokens"));
630
- var fonts = {
524
+ var fonts = import_dev5.defineTokens.fonts({
631
525
  body: {
632
526
  value: [
633
527
  "Noto Sans JP",
@@ -639,8 +533,8 @@ var fonts = {
639
533
  mono: {
640
534
  value: ["Noto Sans Mono", "monospace"]
641
535
  }
642
- };
643
- var fontSizes = {
536
+ });
537
+ var fontSizes = import_dev5.defineTokens.fontSizes({
644
538
  "64": {
645
539
  value: import_design_tokens2.default.FontSize[64].$value,
646
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"
@@ -697,12 +591,12 @@ var fontSizes = {
697
591
  value: import_design_tokens2.default.FontSize[14].$value,
698
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"
699
593
  }
700
- };
701
- var fontWeights = {
594
+ });
595
+ var fontWeights = import_dev5.defineTokens.fontWeights({
702
596
  "400": { value: import_design_tokens2.default.FontWeight[400].$value },
703
597
  "700": { value: import_design_tokens2.default.FontWeight[700].$value }
704
- };
705
- var lineHeights = {
598
+ });
599
+ var lineHeights = import_dev5.defineTokens.lineHeights({
706
600
  "100": {
707
601
  value: import_design_tokens2.default.LineHeight[100].$value,
708
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"
@@ -735,26 +629,25 @@ var lineHeights = {
735
629
  value: import_design_tokens2.default.LineHeight[175].$value,
736
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"
737
631
  }
738
- };
632
+ });
739
633
 
740
634
  // src/tokens/index.ts
741
- var tokens_default = (0, import_dev3.defineTokens)({
635
+ var { spacing, sizes } = import_preset_panda.preset.theme.tokens;
636
+ var tokens_default = (0, import_dev6.defineTokens)({
742
637
  colors: colors_default2,
743
638
  fonts,
744
639
  fontSizes,
745
640
  fontWeights,
746
641
  lineHeights,
747
642
  radii: {
748
- xs: { value: "0.125rem" },
749
- sm: { value: "0.25rem" },
750
- md: { value: "0.375rem" },
751
- lg: { value: "0.5rem" },
752
- xl: { value: "0.75rem" },
753
- "2xl": { value: "1rem" },
754
- "3xl": { value: "1.5rem" },
643
+ "4": { value: import_design_tokens3.default.BorderRadius[4].$value },
644
+ "6": { value: import_design_tokens3.default.BorderRadius[6].$value },
755
645
  "8": { value: import_design_tokens3.default.BorderRadius[8].$value },
646
+ "12": { value: import_design_tokens3.default.BorderRadius[12].$value },
756
647
  "16": { value: import_design_tokens3.default.BorderRadius[16].$value },
757
- "32": { value: import_design_tokens3.default.BorderRadius[32].$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 }
758
651
  },
759
652
  shadows: {
760
653
  "1": { value: import_design_tokens3.default.Elevation[1].$value },
@@ -765,12 +658,14 @@ var tokens_default = (0, import_dev3.defineTokens)({
765
658
  "6": { value: import_design_tokens3.default.Elevation[6].$value },
766
659
  "7": { value: import_design_tokens3.default.Elevation[7].$value },
767
660
  "8": { value: import_design_tokens3.default.Elevation[8].$value }
768
- }
661
+ },
662
+ sizes,
663
+ spacing
769
664
  });
770
665
 
771
666
  // src/utilities/index.ts
772
- var import_dev4 = require("@pandacss/dev");
773
- var borderInset = (0, import_dev4.defineUtility)({
667
+ var import_dev7 = require("@pandacss/dev");
668
+ var borderInset = (0, import_dev7.defineUtility)({
774
669
  deprecated: true,
775
670
  className: "border-inset",
776
671
  values: ["xs", "sm", "md", "lg", "xl"],
@@ -787,7 +682,7 @@ var borderInset = (0, import_dev4.defineUtility)({
787
682
  };
788
683
  }
789
684
  });
790
- var focusRing = (0, import_dev4.defineUtility)({
685
+ var focusRing = (0, import_dev7.defineUtility)({
791
686
  className: "ring",
792
687
  values: "borderWidths",
793
688
  transform(value, { token }) {
@@ -803,21 +698,24 @@ var utilities = {
803
698
  var utilities_default = utilities;
804
699
 
805
700
  // src/globalCss.ts
806
- var import_dev5 = require("@pandacss/dev");
807
- var globalCss_default = (0, import_dev5.defineGlobalStyles)({
701
+ var import_dev8 = require("@pandacss/dev");
702
+ var globalCss_default = (0, import_dev8.defineGlobalStyles)({
808
703
  html: {
809
704
  fontSmoothing: "auto"
810
705
  }
811
706
  });
812
707
 
813
708
  // src/index.ts
814
- var preset = (0, import_dev6.definePreset)({
709
+ var { breakpoints, keyframes } = import_preset_panda2.preset.theme;
710
+ var preset = (0, import_dev9.definePreset)({
815
711
  name: "digital-go",
816
712
  theme: {
817
713
  extend: {
714
+ breakpoints,
818
715
  textStyles: textStyles_default,
819
716
  semanticTokens: semanticTokens_default,
820
- tokens: tokens_default
717
+ tokens: tokens_default,
718
+ keyframes
821
719
  }
822
720
  },
823
721
  utilities: utilities_default,
package/dist/index.mjs CHANGED
@@ -1,19 +1,21 @@
1
1
  // src/index.ts
2
2
  import { definePreset } from "@pandacss/dev";
3
+ import { preset as pandaPreset2 } from "@pandacss/preset-panda";
3
4
 
4
5
  // src/semanticTokens/index.ts
5
- import { defineSemanticTokens } from "@pandacss/dev";
6
+ import { defineSemanticTokens as defineSemanticTokens2 } from "@pandacss/dev";
6
7
 
7
8
  // src/semanticTokens/colors.ts
9
+ import { defineSemanticTokens } from "@pandacss/dev";
8
10
  import { createKeyColor } from "@cieloazul310/digital-go-pandacss-utils";
9
- var colors = {
11
+ var colors = defineSemanticTokens.colors({
10
12
  keyColor: createKeyColor("blue"),
11
13
  ring: { value: "{colors.yellow.300}" }
12
- };
14
+ });
13
15
  var colors_default = colors;
14
16
 
15
17
  // src/semanticTokens/index.ts
16
- var semanticTokens_default = defineSemanticTokens({
18
+ var semanticTokens_default = defineSemanticTokens2({
17
19
  colors: colors_default,
18
20
  fontWeights: {
19
21
  N: { value: "{fontWeights.400}", description: "400 (normal)" },
@@ -370,164 +372,46 @@ textStyle.forEach(([key, { fontFamily, description, variants }]) => {
370
372
  var textStyles_default = defineTextStyles(Object.fromEntries(map));
371
373
 
372
374
  // src/tokens/index.ts
373
- import { defineTokens } from "@pandacss/dev";
375
+ import { defineTokens as defineTokens3 } from "@pandacss/dev";
376
+ import { preset as pandaPreset } from "@pandacss/preset-panda";
374
377
  import tokens3 from "@digital-go-jp/design-tokens";
375
378
 
376
379
  // src/tokens/colors.ts
380
+ import { defineTokens } from "@pandacss/dev";
377
381
  import tokens from "@digital-go-jp/design-tokens";
378
- var colors2 = {
382
+ function mapColorScale(tokenObj, [primary, secondary, tertiary, bg]) {
383
+ const keyMap = {
384
+ primary: {
385
+ DEFAULT: { value: tokenObj[primary]?.$value },
386
+ 100: { value: tokenObj[Math.min(primary + 100, 1200)]?.$value },
387
+ 200: { value: tokenObj[Math.min(primary + 200, 1200)]?.$value },
388
+ 300: { value: tokenObj[Math.min(primary + 300, 1200)]?.$value }
389
+ },
390
+ secondary: { value: tokenObj[secondary]?.$value },
391
+ tertiary: { value: tokenObj[tertiary]?.$value },
392
+ bg: { value: tokenObj[bg]?.$value }
393
+ };
394
+ const shadesMap = Object.fromEntries(
395
+ Object.entries(tokenObj).filter(([_, v]) => typeof v.$value === "string").map(([k, v]) => [k, { value: v.$value }])
396
+ );
397
+ return { ...keyMap, ...shadesMap };
398
+ }
399
+ var colors2 = defineTokens.colors({
379
400
  white: { value: tokens.Color.Neutral.White.$value },
380
401
  black: { value: tokens.Color.Neutral.Black.$value },
381
- blue: {
382
- 50: { value: tokens.Color.Primitive.Blue[50].$value },
383
- 100: { value: tokens.Color.Primitive.Blue[100].$value },
384
- 200: { value: tokens.Color.Primitive.Blue[200].$value },
385
- 300: { value: tokens.Color.Primitive.Blue[300].$value },
386
- 400: { value: tokens.Color.Primitive.Blue[400].$value },
387
- 500: { value: tokens.Color.Primitive.Blue[500].$value },
388
- 600: { value: tokens.Color.Primitive.Blue[600].$value },
389
- 700: { value: tokens.Color.Primitive.Blue[700].$value },
390
- 800: { value: tokens.Color.Primitive.Blue[800].$value },
391
- 900: { value: tokens.Color.Primitive.Blue[900].$value },
392
- 1e3: { value: tokens.Color.Primitive.Blue[1e3].$value },
393
- 1100: { value: tokens.Color.Primitive.Blue[1100].$value },
394
- 1200: { value: tokens.Color.Primitive.Blue[1200].$value }
395
- },
396
- "light-blue": {
397
- 50: { value: tokens.Color.Primitive.LightBlue[50].$value },
398
- 100: { value: tokens.Color.Primitive.LightBlue[100].$value },
399
- 200: { value: tokens.Color.Primitive.LightBlue[200].$value },
400
- 300: { value: tokens.Color.Primitive.LightBlue[300].$value },
401
- 400: { value: tokens.Color.Primitive.LightBlue[400].$value },
402
- 500: { value: tokens.Color.Primitive.LightBlue[500].$value },
403
- 600: { value: tokens.Color.Primitive.LightBlue[600].$value },
404
- 700: { value: tokens.Color.Primitive.LightBlue[700].$value },
405
- 800: { value: tokens.Color.Primitive.LightBlue[800].$value },
406
- 900: { value: tokens.Color.Primitive.LightBlue[900].$value },
407
- 1e3: { value: tokens.Color.Primitive.LightBlue[1e3].$value },
408
- 1100: { value: tokens.Color.Primitive.LightBlue[1100].$value },
409
- 1200: { value: tokens.Color.Primitive.LightBlue[1200].$value }
410
- },
411
- cyan: {
412
- 50: { value: tokens.Color.Primitive.Cyan[50].$value },
413
- 100: { value: tokens.Color.Primitive.Cyan[100].$value },
414
- 200: { value: tokens.Color.Primitive.Cyan[200].$value },
415
- 300: { value: tokens.Color.Primitive.Cyan[300].$value },
416
- 400: { value: tokens.Color.Primitive.Cyan[400].$value },
417
- 500: { value: tokens.Color.Primitive.Cyan[500].$value },
418
- 600: { value: tokens.Color.Primitive.Cyan[600].$value },
419
- 700: { value: tokens.Color.Primitive.Cyan[700].$value },
420
- 800: { value: tokens.Color.Primitive.Cyan[800].$value },
421
- 900: { value: tokens.Color.Primitive.Cyan[900].$value },
422
- 1e3: { value: tokens.Color.Primitive.Cyan[1e3].$value },
423
- 1100: { value: tokens.Color.Primitive.Cyan[1100].$value },
424
- 1200: { value: tokens.Color.Primitive.Cyan[1200].$value }
425
- },
426
- green: {
427
- 50: { value: tokens.Color.Primitive.Green[50].$value },
428
- 100: { value: tokens.Color.Primitive.Green[100].$value },
429
- 200: { value: tokens.Color.Primitive.Green[200].$value },
430
- 300: { value: tokens.Color.Primitive.Green[300].$value },
431
- 400: { value: tokens.Color.Primitive.Green[400].$value },
432
- 500: { value: tokens.Color.Primitive.Green[500].$value },
433
- 600: { value: tokens.Color.Primitive.Green[600].$value },
434
- 700: { value: tokens.Color.Primitive.Green[700].$value },
435
- 800: { value: tokens.Color.Primitive.Green[800].$value },
436
- 900: { value: tokens.Color.Primitive.Green[900].$value },
437
- 1e3: { value: tokens.Color.Primitive.Green[1e3].$value },
438
- 1100: { value: tokens.Color.Primitive.Green[1100].$value },
439
- 1200: { value: tokens.Color.Primitive.Green[1200].$value }
440
- },
441
- lime: {
442
- 50: { value: tokens.Color.Primitive.Lime[50].$value },
443
- 100: { value: tokens.Color.Primitive.Lime[100].$value },
444
- 200: { value: tokens.Color.Primitive.Lime[200].$value },
445
- 300: { value: tokens.Color.Primitive.Lime[300].$value },
446
- 400: { value: tokens.Color.Primitive.Lime[400].$value },
447
- 500: { value: tokens.Color.Primitive.Lime[500].$value },
448
- 600: { value: tokens.Color.Primitive.Lime[600].$value },
449
- 700: { value: tokens.Color.Primitive.Lime[700].$value },
450
- 800: { value: tokens.Color.Primitive.Lime[800].$value },
451
- 900: { value: tokens.Color.Primitive.Lime[900].$value },
452
- 1e3: { value: tokens.Color.Primitive.Lime[1e3].$value },
453
- 1100: { value: tokens.Color.Primitive.Lime[1100].$value },
454
- 1200: { value: tokens.Color.Primitive.Lime[1200].$value }
455
- },
456
- yellow: {
457
- 50: { value: tokens.Color.Primitive.Yellow[50].$value },
458
- 100: { value: tokens.Color.Primitive.Yellow[100].$value },
459
- 200: { value: tokens.Color.Primitive.Yellow[200].$value },
460
- 300: { value: tokens.Color.Primitive.Yellow[300].$value },
461
- 400: { value: tokens.Color.Primitive.Yellow[400].$value },
462
- 500: { value: tokens.Color.Primitive.Yellow[500].$value },
463
- 600: { value: tokens.Color.Primitive.Yellow[600].$value },
464
- 700: { value: tokens.Color.Primitive.Yellow[700].$value },
465
- 800: { value: tokens.Color.Primitive.Yellow[800].$value },
466
- 900: { value: tokens.Color.Primitive.Yellow[900].$value },
467
- 1e3: { value: tokens.Color.Primitive.Yellow[1e3].$value },
468
- 1100: { value: tokens.Color.Primitive.Yellow[1100].$value },
469
- 1200: { value: tokens.Color.Primitive.Yellow[1200].$value }
470
- },
471
- orange: {
472
- 50: { value: tokens.Color.Primitive.Orange[50].$value },
473
- 100: { value: tokens.Color.Primitive.Orange[100].$value },
474
- 200: { value: tokens.Color.Primitive.Orange[200].$value },
475
- 300: { value: tokens.Color.Primitive.Orange[300].$value },
476
- 400: { value: tokens.Color.Primitive.Orange[400].$value },
477
- 500: { value: tokens.Color.Primitive.Orange[500].$value },
478
- 600: { value: tokens.Color.Primitive.Orange[600].$value },
479
- 700: { value: tokens.Color.Primitive.Orange[700].$value },
480
- 800: { value: tokens.Color.Primitive.Orange[800].$value },
481
- 900: { value: tokens.Color.Primitive.Orange[900].$value },
482
- 1e3: { value: tokens.Color.Primitive.Orange[1e3].$value },
483
- 1100: { value: tokens.Color.Primitive.Orange[1100].$value },
484
- 1200: { value: tokens.Color.Primitive.Orange[1200].$value }
485
- },
486
- red: {
487
- 50: { value: tokens.Color.Primitive.Red[50].$value },
488
- 100: { value: tokens.Color.Primitive.Red[100].$value },
489
- 200: { value: tokens.Color.Primitive.Red[200].$value },
490
- 300: { value: tokens.Color.Primitive.Red[300].$value },
491
- 400: { value: tokens.Color.Primitive.Red[400].$value },
492
- 500: { value: tokens.Color.Primitive.Red[500].$value },
493
- 600: { value: tokens.Color.Primitive.Red[600].$value },
494
- 700: { value: tokens.Color.Primitive.Red[700].$value },
495
- 800: { value: tokens.Color.Primitive.Red[800].$value },
496
- 900: { value: tokens.Color.Primitive.Red[900].$value },
497
- 1e3: { value: tokens.Color.Primitive.Red[1e3].$value },
498
- 1100: { value: tokens.Color.Primitive.Red[1100].$value },
499
- 1200: { value: tokens.Color.Primitive.Red[1200].$value }
500
- },
501
- magenta: {
502
- 50: { value: tokens.Color.Primitive.Magenta[50].$value },
503
- 100: { value: tokens.Color.Primitive.Magenta[100].$value },
504
- 200: { value: tokens.Color.Primitive.Magenta[200].$value },
505
- 300: { value: tokens.Color.Primitive.Magenta[300].$value },
506
- 400: { value: tokens.Color.Primitive.Magenta[400].$value },
507
- 500: { value: tokens.Color.Primitive.Magenta[500].$value },
508
- 600: { value: tokens.Color.Primitive.Magenta[600].$value },
509
- 700: { value: tokens.Color.Primitive.Magenta[700].$value },
510
- 800: { value: tokens.Color.Primitive.Magenta[800].$value },
511
- 900: { value: tokens.Color.Primitive.Magenta[900].$value },
512
- 1e3: { value: tokens.Color.Primitive.Magenta[1e3].$value },
513
- 1100: { value: tokens.Color.Primitive.Magenta[1100].$value },
514
- 1200: { value: tokens.Color.Primitive.Magenta[1200].$value }
515
- },
516
- purple: {
517
- 50: { value: tokens.Color.Primitive.Purple[50].$value },
518
- 100: { value: tokens.Color.Primitive.Purple[100].$value },
519
- 200: { value: tokens.Color.Primitive.Purple[200].$value },
520
- 300: { value: tokens.Color.Primitive.Purple[300].$value },
521
- 400: { value: tokens.Color.Primitive.Purple[400].$value },
522
- 500: { value: tokens.Color.Primitive.Purple[500].$value },
523
- 600: { value: tokens.Color.Primitive.Purple[600].$value },
524
- 700: { value: tokens.Color.Primitive.Purple[700].$value },
525
- 800: { value: tokens.Color.Primitive.Purple[800].$value },
526
- 900: { value: tokens.Color.Primitive.Purple[900].$value },
527
- 1e3: { value: tokens.Color.Primitive.Purple[1e3].$value },
528
- 1100: { value: tokens.Color.Primitive.Purple[1100].$value },
529
- 1200: { value: tokens.Color.Primitive.Purple[1200].$value }
530
- },
402
+ blue: mapColorScale(tokens.Color.Primitive.Blue, [900, 700, 1e3, 50]),
403
+ "light-blue": mapColorScale(
404
+ tokens.Color.Primitive.LightBlue,
405
+ [800, 600, 1e3, 50]
406
+ ),
407
+ cyan: mapColorScale(tokens.Color.Primitive.Cyan, [800, 600, 1e3, 50]),
408
+ green: mapColorScale(tokens.Color.Primitive.Green, [800, 600, 1e3, 50]),
409
+ lime: mapColorScale(tokens.Color.Primitive.Lime, [900, 700, 1e3, 50]),
410
+ yellow: mapColorScale(tokens.Color.Primitive.Yellow, [900, 700, 1e3, 50]),
411
+ orange: mapColorScale(tokens.Color.Primitive.Orange, [800, 600, 1100, 50]),
412
+ red: mapColorScale(tokens.Color.Primitive.Red, [800, 600, 1e3, 50]),
413
+ magenta: mapColorScale(tokens.Color.Primitive.Magenta, [700, 500, 1e3, 50]),
414
+ purple: mapColorScale(tokens.Color.Primitive.Purple, [700, 500, 1e3, 50]),
531
415
  "solid-gray": {
532
416
  50: { value: tokens.Color.Neutral.SolidGray[50].$value },
533
417
  100: { value: tokens.Color.Neutral.SolidGray[100].$value },
@@ -540,7 +424,16 @@ var colors2 = {
540
424
  600: { value: tokens.Color.Neutral.SolidGray[600].$value },
541
425
  700: { value: tokens.Color.Neutral.SolidGray[700].$value },
542
426
  800: { value: tokens.Color.Neutral.SolidGray[800].$value },
543
- 900: { value: tokens.Color.Neutral.SolidGray[900].$value }
427
+ 900: { value: tokens.Color.Neutral.SolidGray[900].$value },
428
+ primary: {
429
+ DEFAULT: { value: tokens.Color.Neutral.SolidGray[700].$value },
430
+ 100: { value: tokens.Color.Neutral.SolidGray[800].$value },
431
+ 200: { value: tokens.Color.Neutral.SolidGray[900].$value },
432
+ 300: { value: tokens.Color.Neutral.Black.$value }
433
+ },
434
+ secondary: { value: tokens.Color.Neutral.SolidGray[536].$value },
435
+ tertiary: { value: tokens.Color.Neutral.SolidGray[420].$value },
436
+ bg: { value: tokens.Color.Neutral.SolidGray[50].$value }
544
437
  },
545
438
  success: {
546
439
  1: {
@@ -588,12 +481,13 @@ var colors2 = {
588
481
  yellow: { value: tokens.Color.Primitive.Yellow[700].$value },
589
482
  blue: { value: tokens.Color.Primitive.LightBlue[700].$value }
590
483
  }
591
- };
484
+ });
592
485
  var colors_default2 = colors2;
593
486
 
594
487
  // src/tokens/typography.ts
488
+ import { defineTokens as defineTokens2 } from "@pandacss/dev";
595
489
  import tokens2 from "@digital-go-jp/design-tokens";
596
- var fonts = {
490
+ var fonts = defineTokens2.fonts({
597
491
  body: {
598
492
  value: [
599
493
  "Noto Sans JP",
@@ -605,8 +499,8 @@ var fonts = {
605
499
  mono: {
606
500
  value: ["Noto Sans Mono", "monospace"]
607
501
  }
608
- };
609
- var fontSizes = {
502
+ });
503
+ var fontSizes = defineTokens2.fontSizes({
610
504
  "64": {
611
505
  value: tokens2.FontSize[64].$value,
612
506
  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"
@@ -663,12 +557,12 @@ var fontSizes = {
663
557
  value: tokens2.FontSize[14].$value,
664
558
  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"
665
559
  }
666
- };
667
- var fontWeights = {
560
+ });
561
+ var fontWeights = defineTokens2.fontWeights({
668
562
  "400": { value: tokens2.FontWeight[400].$value },
669
563
  "700": { value: tokens2.FontWeight[700].$value }
670
- };
671
- var lineHeights = {
564
+ });
565
+ var lineHeights = defineTokens2.lineHeights({
672
566
  "100": {
673
567
  value: tokens2.LineHeight[100].$value,
674
568
  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"
@@ -701,26 +595,25 @@ var lineHeights = {
701
595
  value: tokens2.LineHeight[175].$value,
702
596
  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"
703
597
  }
704
- };
598
+ });
705
599
 
706
600
  // src/tokens/index.ts
707
- var tokens_default = defineTokens({
601
+ var { spacing, sizes } = pandaPreset.theme.tokens;
602
+ var tokens_default = defineTokens3({
708
603
  colors: colors_default2,
709
604
  fonts,
710
605
  fontSizes,
711
606
  fontWeights,
712
607
  lineHeights,
713
608
  radii: {
714
- xs: { value: "0.125rem" },
715
- sm: { value: "0.25rem" },
716
- md: { value: "0.375rem" },
717
- lg: { value: "0.5rem" },
718
- xl: { value: "0.75rem" },
719
- "2xl": { value: "1rem" },
720
- "3xl": { value: "1.5rem" },
609
+ "4": { value: tokens3.BorderRadius[4].$value },
610
+ "6": { value: tokens3.BorderRadius[6].$value },
721
611
  "8": { value: tokens3.BorderRadius[8].$value },
612
+ "12": { value: tokens3.BorderRadius[12].$value },
722
613
  "16": { value: tokens3.BorderRadius[16].$value },
723
- "32": { value: tokens3.BorderRadius[32].$value }
614
+ "24": { value: tokens3.BorderRadius[24].$value },
615
+ "32": { value: tokens3.BorderRadius[32].$value },
616
+ full: { value: tokens3.BorderRadius.Full.$value }
724
617
  },
725
618
  shadows: {
726
619
  "1": { value: tokens3.Elevation[1].$value },
@@ -731,7 +624,9 @@ var tokens_default = defineTokens({
731
624
  "6": { value: tokens3.Elevation[6].$value },
732
625
  "7": { value: tokens3.Elevation[7].$value },
733
626
  "8": { value: tokens3.Elevation[8].$value }
734
- }
627
+ },
628
+ sizes,
629
+ spacing
735
630
  });
736
631
 
737
632
  // src/utilities/index.ts
@@ -777,13 +672,16 @@ var globalCss_default = defineGlobalStyles({
777
672
  });
778
673
 
779
674
  // src/index.ts
675
+ var { breakpoints, keyframes } = pandaPreset2.theme;
780
676
  var preset = definePreset({
781
677
  name: "digital-go",
782
678
  theme: {
783
679
  extend: {
680
+ breakpoints,
784
681
  textStyles: textStyles_default,
785
682
  semanticTokens: semanticTokens_default,
786
- tokens: tokens_default
683
+ tokens: tokens_default,
684
+ keyframes
787
685
  }
788
686
  },
789
687
  utilities: utilities_default,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cieloazul310/digital-go-pandacss-plugin",
3
- "version": "0.1.0-beta.5",
3
+ "version": "0.1.0-beta.7",
4
4
  "license": "MIT",
5
5
  "homepage": "https://github.com/cieloazul310/digital-go-design-system-with-panda",
6
6
  "author": {
@@ -39,16 +39,22 @@
39
39
  "format": "prettier --parser typescript --write ."
40
40
  },
41
41
  "dependencies": {
42
- "@cieloazul310/digital-go-pandacss-utils": "^0.1.0-beta.5",
42
+ "@cieloazul310/digital-go-pandacss-utils": "^0.1.0-beta.7",
43
43
  "@digital-go-jp/design-tokens": "^1.1.0"
44
44
  },
45
45
  "devDependencies": {
46
- "@pandacss/dev": "^0.53.7",
47
- "@repo/eslint-config": "^0.1.0-beta.0",
48
- "@repo/typescript-config": "^0.1.0-beta.0",
49
- "eslint": "^9.28.0",
46
+ "@pandacss/dev": "^1.0.1",
47
+ "@pandacss/preset-panda": "^1.0.1",
48
+ "@repo/eslint-config": "^0.1.0-beta.2",
49
+ "@repo/typescript-config": "^0.1.0-beta.2",
50
+ "eslint": "^9.32.0",
51
+ "polished": "^4.3.1",
50
52
  "tsup": "8.5.0",
51
- "typescript": "5.8.3"
53
+ "typescript": "^5.8.3"
54
+ },
55
+ "peerDependencies": {
56
+ "@pandacss/dev": ">=1.0.1",
57
+ "@pandacss/preset-panda": ">=1.0.0"
52
58
  },
53
59
  "lint-staged": {
54
60
  "**/*.{js,mjs,cjs,tsx,ts,tsx}": [