@cieloazul310/digital-go-pandacss-plugin 0.0.1-prerelease.4 → 0.1.0-beta.6

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 CHANGED
@@ -33,21 +33,22 @@ __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
37
 
38
38
  // src/semanticTokens/index.ts
39
- var import_dev = require("@pandacss/dev");
39
+ var import_dev2 = require("@pandacss/dev");
40
40
 
41
41
  // src/semanticTokens/colors.ts
42
+ var import_dev = require("@pandacss/dev");
42
43
  var import_digital_go_pandacss_utils = require("@cieloazul310/digital-go-pandacss-utils");
43
- var colors = {
44
+ var colors = import_dev.defineSemanticTokens.colors({
44
45
  keyColor: (0, import_digital_go_pandacss_utils.createKeyColor)("blue"),
45
46
  ring: { value: "{colors.yellow.300}" }
46
- };
47
+ });
47
48
  var colors_default = colors;
48
49
 
49
50
  // src/semanticTokens/index.ts
50
- var semanticTokens_default = (0, import_dev.defineSemanticTokens)({
51
+ var semanticTokens_default = (0, import_dev2.defineSemanticTokens)({
51
52
  colors: colors_default,
52
53
  fontWeights: {
53
54
  N: { value: "{fontWeights.400}", description: "400 (normal)" },
@@ -56,7 +57,7 @@ var semanticTokens_default = (0, import_dev.defineSemanticTokens)({
56
57
  });
57
58
 
58
59
  // src/textStyles/index.ts
59
- var import_dev2 = require("@pandacss/dev");
60
+ var import_dev3 = require("@pandacss/dev");
60
61
  var textStylesMap = {
61
62
  dsp: {
62
63
  fontFamily: "body",
@@ -401,15 +402,16 @@ textStyle.forEach(([key, { fontFamily, description, variants }]) => {
401
402
  });
402
403
  });
403
404
  });
404
- var textStyles_default = (0, import_dev2.defineTextStyles)(Object.fromEntries(map));
405
+ var textStyles_default = (0, import_dev3.defineTextStyles)(Object.fromEntries(map));
405
406
 
406
407
  // src/tokens/index.ts
407
- var import_dev3 = require("@pandacss/dev");
408
+ var import_dev6 = require("@pandacss/dev");
408
409
  var import_design_tokens3 = __toESM(require("@digital-go-jp/design-tokens"));
409
410
 
410
411
  // src/tokens/colors.ts
412
+ var import_dev4 = require("@pandacss/dev");
411
413
  var import_design_tokens = __toESM(require("@digital-go-jp/design-tokens"));
412
- var colors2 = {
414
+ var colors2 = import_dev4.defineTokens.colors({
413
415
  white: { value: import_design_tokens.default.Color.Neutral.White.$value },
414
416
  black: { value: import_design_tokens.default.Color.Neutral.Black.$value },
415
417
  blue: {
@@ -622,12 +624,13 @@ var colors2 = {
622
624
  yellow: { value: import_design_tokens.default.Color.Primitive.Yellow[700].$value },
623
625
  blue: { value: import_design_tokens.default.Color.Primitive.LightBlue[700].$value }
624
626
  }
625
- };
627
+ });
626
628
  var colors_default2 = colors2;
627
629
 
628
630
  // src/tokens/typography.ts
631
+ var import_dev5 = require("@pandacss/dev");
629
632
  var import_design_tokens2 = __toESM(require("@digital-go-jp/design-tokens"));
630
- var fonts = {
633
+ var fonts = import_dev5.defineTokens.fonts({
631
634
  body: {
632
635
  value: [
633
636
  "Noto Sans JP",
@@ -639,8 +642,8 @@ var fonts = {
639
642
  mono: {
640
643
  value: ["Noto Sans Mono", "monospace"]
641
644
  }
642
- };
643
- var fontSizes = {
645
+ });
646
+ var fontSizes = import_dev5.defineTokens.fontSizes({
644
647
  "64": {
645
648
  value: import_design_tokens2.default.FontSize[64].$value,
646
649
  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 +700,12 @@ var fontSizes = {
697
700
  value: import_design_tokens2.default.FontSize[14].$value,
698
701
  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
702
  }
700
- };
701
- var fontWeights = {
703
+ });
704
+ var fontWeights = import_dev5.defineTokens.fontWeights({
702
705
  "400": { value: import_design_tokens2.default.FontWeight[400].$value },
703
706
  "700": { value: import_design_tokens2.default.FontWeight[700].$value }
704
- };
705
- var lineHeights = {
707
+ });
708
+ var lineHeights = import_dev5.defineTokens.lineHeights({
706
709
  "100": {
707
710
  value: import_design_tokens2.default.LineHeight[100].$value,
708
711
  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,10 +738,10 @@ var lineHeights = {
735
738
  value: import_design_tokens2.default.LineHeight[175].$value,
736
739
  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
740
  }
738
- };
741
+ });
739
742
 
740
743
  // src/tokens/index.ts
741
- var tokens_default = (0, import_dev3.defineTokens)({
744
+ var tokens_default = (0, import_dev6.defineTokens)({
742
745
  colors: colors_default2,
743
746
  fonts,
744
747
  fontSizes,
@@ -769,8 +772,8 @@ var tokens_default = (0, import_dev3.defineTokens)({
769
772
  });
770
773
 
771
774
  // src/utilities/index.ts
772
- var import_dev4 = require("@pandacss/dev");
773
- var borderInset = (0, import_dev4.defineUtility)({
775
+ var import_dev7 = require("@pandacss/dev");
776
+ var borderInset = (0, import_dev7.defineUtility)({
774
777
  deprecated: true,
775
778
  className: "border-inset",
776
779
  values: ["xs", "sm", "md", "lg", "xl"],
@@ -787,7 +790,7 @@ var borderInset = (0, import_dev4.defineUtility)({
787
790
  };
788
791
  }
789
792
  });
790
- var focusRing = (0, import_dev4.defineUtility)({
793
+ var focusRing = (0, import_dev7.defineUtility)({
791
794
  className: "ring",
792
795
  values: "borderWidths",
793
796
  transform(value, { token }) {
@@ -803,16 +806,21 @@ var utilities = {
803
806
  var utilities_default = utilities;
804
807
 
805
808
  // src/globalCss.ts
806
- var import_dev5 = require("@pandacss/dev");
807
- var globalCss_default = (0, import_dev5.defineGlobalStyles)({
809
+ var import_dev8 = require("@pandacss/dev");
810
+ var globalCss_default = (0, import_dev8.defineGlobalStyles)({
808
811
  html: {
809
812
  fontSmoothing: "auto"
810
813
  }
811
814
  });
812
815
 
813
816
  // src/index.ts
814
- var preset = (0, import_dev6.definePreset)({
817
+ var preset = (0, import_dev9.definePreset)({
815
818
  name: "digital-go",
819
+ conditions: {
820
+ extend: {
821
+ disabled: "&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])"
822
+ }
823
+ },
816
824
  theme: {
817
825
  extend: {
818
826
  textStyles: textStyles_default,
package/dist/index.mjs CHANGED
@@ -2,18 +2,19 @@
2
2
  import { definePreset } from "@pandacss/dev";
3
3
 
4
4
  // src/semanticTokens/index.ts
5
- import { defineSemanticTokens } from "@pandacss/dev";
5
+ import { defineSemanticTokens as defineSemanticTokens2 } from "@pandacss/dev";
6
6
 
7
7
  // src/semanticTokens/colors.ts
8
+ import { defineSemanticTokens } from "@pandacss/dev";
8
9
  import { createKeyColor } from "@cieloazul310/digital-go-pandacss-utils";
9
- var colors = {
10
+ var colors = defineSemanticTokens.colors({
10
11
  keyColor: createKeyColor("blue"),
11
12
  ring: { value: "{colors.yellow.300}" }
12
- };
13
+ });
13
14
  var colors_default = colors;
14
15
 
15
16
  // src/semanticTokens/index.ts
16
- var semanticTokens_default = defineSemanticTokens({
17
+ var semanticTokens_default = defineSemanticTokens2({
17
18
  colors: colors_default,
18
19
  fontWeights: {
19
20
  N: { value: "{fontWeights.400}", description: "400 (normal)" },
@@ -370,12 +371,13 @@ textStyle.forEach(([key, { fontFamily, description, variants }]) => {
370
371
  var textStyles_default = defineTextStyles(Object.fromEntries(map));
371
372
 
372
373
  // src/tokens/index.ts
373
- import { defineTokens } from "@pandacss/dev";
374
+ import { defineTokens as defineTokens3 } from "@pandacss/dev";
374
375
  import tokens3 from "@digital-go-jp/design-tokens";
375
376
 
376
377
  // src/tokens/colors.ts
378
+ import { defineTokens } from "@pandacss/dev";
377
379
  import tokens from "@digital-go-jp/design-tokens";
378
- var colors2 = {
380
+ var colors2 = defineTokens.colors({
379
381
  white: { value: tokens.Color.Neutral.White.$value },
380
382
  black: { value: tokens.Color.Neutral.Black.$value },
381
383
  blue: {
@@ -588,12 +590,13 @@ var colors2 = {
588
590
  yellow: { value: tokens.Color.Primitive.Yellow[700].$value },
589
591
  blue: { value: tokens.Color.Primitive.LightBlue[700].$value }
590
592
  }
591
- };
593
+ });
592
594
  var colors_default2 = colors2;
593
595
 
594
596
  // src/tokens/typography.ts
597
+ import { defineTokens as defineTokens2 } from "@pandacss/dev";
595
598
  import tokens2 from "@digital-go-jp/design-tokens";
596
- var fonts = {
599
+ var fonts = defineTokens2.fonts({
597
600
  body: {
598
601
  value: [
599
602
  "Noto Sans JP",
@@ -605,8 +608,8 @@ var fonts = {
605
608
  mono: {
606
609
  value: ["Noto Sans Mono", "monospace"]
607
610
  }
608
- };
609
- var fontSizes = {
611
+ });
612
+ var fontSizes = defineTokens2.fontSizes({
610
613
  "64": {
611
614
  value: tokens2.FontSize[64].$value,
612
615
  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 +666,12 @@ var fontSizes = {
663
666
  value: tokens2.FontSize[14].$value,
664
667
  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
668
  }
666
- };
667
- var fontWeights = {
669
+ });
670
+ var fontWeights = defineTokens2.fontWeights({
668
671
  "400": { value: tokens2.FontWeight[400].$value },
669
672
  "700": { value: tokens2.FontWeight[700].$value }
670
- };
671
- var lineHeights = {
673
+ });
674
+ var lineHeights = defineTokens2.lineHeights({
672
675
  "100": {
673
676
  value: tokens2.LineHeight[100].$value,
674
677
  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,10 +704,10 @@ var lineHeights = {
701
704
  value: tokens2.LineHeight[175].$value,
702
705
  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
706
  }
704
- };
707
+ });
705
708
 
706
709
  // src/tokens/index.ts
707
- var tokens_default = defineTokens({
710
+ var tokens_default = defineTokens3({
708
711
  colors: colors_default2,
709
712
  fonts,
710
713
  fontSizes,
@@ -779,6 +782,11 @@ var globalCss_default = defineGlobalStyles({
779
782
  // src/index.ts
780
783
  var preset = definePreset({
781
784
  name: "digital-go",
785
+ conditions: {
786
+ extend: {
787
+ disabled: "&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])"
788
+ }
789
+ },
782
790
  theme: {
783
791
  extend: {
784
792
  textStyles: textStyles_default,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cieloazul310/digital-go-pandacss-plugin",
3
- "version": "0.0.1-prerelease.4",
3
+ "version": "0.1.0-beta.6",
4
4
  "license": "MIT",
5
5
  "homepage": "https://github.com/cieloazul310/digital-go-design-system-with-panda",
6
6
  "author": {
@@ -39,13 +39,13 @@
39
39
  "format": "prettier --parser typescript --write ."
40
40
  },
41
41
  "dependencies": {
42
- "@cieloazul310/digital-go-pandacss-utils": "^0.0.1-prerelease.4",
42
+ "@cieloazul310/digital-go-pandacss-utils": "^0.1.0-beta.6",
43
43
  "@digital-go-jp/design-tokens": "^1.1.0"
44
44
  },
45
45
  "devDependencies": {
46
46
  "@pandacss/dev": "^0.53.7",
47
- "@repo/eslint-config": "^0.0.0",
48
- "@repo/typescript-config": "^0.0.0",
47
+ "@repo/eslint-config": "^0.1.0-beta.1",
48
+ "@repo/typescript-config": "^0.1.0-beta.1",
49
49
  "eslint": "^9.28.0",
50
50
  "tsup": "8.5.0",
51
51
  "typescript": "5.8.3"