@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 +33 -25
- package/dist/index.mjs +24 -16
- package/package.json +4 -4
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
|
|
36
|
+
var import_dev9 = require("@pandacss/dev");
|
|
37
37
|
|
|
38
38
|
// src/semanticTokens/index.ts
|
|
39
|
-
var
|
|
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,
|
|
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
|
|
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,
|
|
405
|
+
var textStyles_default = (0, import_dev3.defineTextStyles)(Object.fromEntries(map));
|
|
405
406
|
|
|
406
407
|
// src/tokens/index.ts
|
|
407
|
-
var
|
|
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,
|
|
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
|
|
773
|
-
var borderInset = (0,
|
|
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,
|
|
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
|
|
807
|
-
var globalCss_default = (0,
|
|
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,
|
|
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 =
|
|
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 =
|
|
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
|
|
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
|
|
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.
|
|
48
|
-
"@repo/typescript-config": "^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"
|