@zenkigen-inc/component-theme 1.8.2 → 1.9.1
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/colors.d.ts +59 -59
- package/dist/index.esm.js +59 -59
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +59 -59
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/colors.d.ts
CHANGED
|
@@ -1,76 +1,76 @@
|
|
|
1
1
|
export declare const userColors: readonly ["bg-user-red", "bg-user-pink", "bg-user-purple", "bg-user-turquoise", "bg-user-royalBlue", "bg-user-blue", "bg-user-aquamarine", "bg-user-yellowGreen", "bg-user-yellow", "bg-user-orange"];
|
|
2
2
|
export declare const buttonColors: {
|
|
3
3
|
readonly fill: {
|
|
4
|
-
readonly base: "border border-
|
|
5
|
-
readonly hover: "hover:bg-
|
|
6
|
-
readonly active: "active:bg-
|
|
7
|
-
readonly disabled: "disabled:bg-
|
|
8
|
-
readonly selected: "border border-transparent bg-
|
|
4
|
+
readonly base: "border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor";
|
|
5
|
+
readonly hover: "hover:bg-hover01 hover:border-hover01";
|
|
6
|
+
readonly active: "active:bg-active01 active:border-active01";
|
|
7
|
+
readonly disabled: "disabled:bg-disabled01 disabled:border-disabled01";
|
|
8
|
+
readonly selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01";
|
|
9
9
|
};
|
|
10
10
|
readonly fillDanger: {
|
|
11
|
-
readonly base: "border border-
|
|
12
|
-
readonly hover: "hover:bg-
|
|
13
|
-
readonly active: "active:bg-
|
|
14
|
-
readonly disabled: "disabled:bg-
|
|
15
|
-
readonly selected: "border border-transparent bg-
|
|
11
|
+
readonly base: "border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor";
|
|
12
|
+
readonly hover: "hover:bg-hoverDanger hover:border-hoverDanger";
|
|
13
|
+
readonly active: "active:bg-activeDanger active:border-activeDanger";
|
|
14
|
+
readonly disabled: "disabled:bg-disabled01 disabled:border-disabled01";
|
|
15
|
+
readonly selected: "border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger";
|
|
16
16
|
};
|
|
17
17
|
readonly outline: {
|
|
18
|
-
readonly base: "border border-
|
|
19
|
-
readonly hover: "hover:bg-
|
|
20
|
-
readonly active: "active:bg-
|
|
21
|
-
readonly disabled: "disabled:border-
|
|
22
|
-
readonly selected: "border border-
|
|
18
|
+
readonly base: "border border-uiBorder02 text-interactive02 fill-interactive02";
|
|
19
|
+
readonly hover: "hover:bg-hover02";
|
|
20
|
+
readonly active: "active:bg-active02";
|
|
21
|
+
readonly disabled: "disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01";
|
|
22
|
+
readonly selected: "border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01";
|
|
23
23
|
};
|
|
24
24
|
readonly text: {
|
|
25
|
-
readonly base: "border border-transparent text-
|
|
26
|
-
readonly hover: "hover:bg-
|
|
27
|
-
readonly active: "active:bg-
|
|
28
|
-
readonly disabled: "disabled:text-
|
|
29
|
-
readonly selected: "border border-transparent bg-
|
|
25
|
+
readonly base: "border border-transparent text-interactive02 fill-interactive02";
|
|
26
|
+
readonly hover: "hover:bg-hover02 hover:border-hover02";
|
|
27
|
+
readonly active: "active:bg-active02 active:border-active02";
|
|
28
|
+
readonly disabled: "disabled:text-disabled01 disabled:fill-disabled01";
|
|
29
|
+
readonly selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01";
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
export declare const iconColors: {
|
|
33
|
-
readonly icon01: "fill-
|
|
34
|
-
readonly icon01Dark: "fill-
|
|
35
|
-
readonly icon02: "fill-
|
|
36
|
-
readonly icon02Dark: "fill-
|
|
37
|
-
readonly icon03: "fill-
|
|
38
|
-
readonly icon03Dark: "fill-
|
|
39
|
-
readonly iconOnColor: "fill-
|
|
33
|
+
readonly icon01: "fill-icon01";
|
|
34
|
+
readonly icon01Dark: "fill-icon01Dark";
|
|
35
|
+
readonly icon02: "fill-icon02";
|
|
36
|
+
readonly icon02Dark: "fill-icon02Dark";
|
|
37
|
+
readonly icon03: "fill-icon03";
|
|
38
|
+
readonly icon03Dark: "fill-icon03Dark";
|
|
39
|
+
readonly iconOnColor: "fill-iconOnColor";
|
|
40
40
|
};
|
|
41
41
|
export declare const tagColors: {
|
|
42
|
-
readonly supportError: "text-
|
|
43
|
-
readonly supportSuccess: "text-
|
|
44
|
-
readonly supportWarning: "text-
|
|
45
|
-
readonly supportDanger: "text-
|
|
46
|
-
readonly userRed: "text-
|
|
47
|
-
readonly userPink: "text-
|
|
48
|
-
readonly userPurple: "text-
|
|
49
|
-
readonly userTurquoise: "text-
|
|
50
|
-
readonly userRoyalBlue: "text-
|
|
51
|
-
readonly userBlue: "text-
|
|
52
|
-
readonly userAquamarine: "text-
|
|
53
|
-
readonly userYellowGreen: "text-
|
|
54
|
-
readonly userYellow: "text-
|
|
55
|
-
readonly userOrange: "text-
|
|
56
|
-
readonly default: "text-
|
|
57
|
-
readonly gray: "text-
|
|
42
|
+
readonly supportError: "text-textOnColor bg-supportError";
|
|
43
|
+
readonly supportSuccess: "text-textOnColor bg-supportSuccess";
|
|
44
|
+
readonly supportWarning: "text-textOnColor bg-supportWarning";
|
|
45
|
+
readonly supportDanger: "text-textOnColor bg-supportDanger";
|
|
46
|
+
readonly userRed: "text-textOnColor bg-user-red";
|
|
47
|
+
readonly userPink: "text-textOnColor bg-user-pink";
|
|
48
|
+
readonly userPurple: "text-textOnColor bg-user-purple";
|
|
49
|
+
readonly userTurquoise: "text-textOnColor bg-user-turquoise";
|
|
50
|
+
readonly userRoyalBlue: "text-textOnColor bg-user-royalBlue";
|
|
51
|
+
readonly userBlue: "text-textOnColor bg-user-blue";
|
|
52
|
+
readonly userAquamarine: "text-textOnColor bg-user-aquamarine";
|
|
53
|
+
readonly userYellowGreen: "text-textOnColor bg-user-yellowGreen";
|
|
54
|
+
readonly userYellow: "text-textOnColor bg-user-yellow";
|
|
55
|
+
readonly userOrange: "text-textOnColor bg-user-orange";
|
|
56
|
+
readonly default: "text-textOnColor bg-supportInfo";
|
|
57
|
+
readonly gray: "text-text02 bg-gray-gray10";
|
|
58
58
|
};
|
|
59
59
|
export declare const tagLightColors: {
|
|
60
|
-
readonly supportError: "text-
|
|
61
|
-
readonly supportSuccess: "text-
|
|
62
|
-
readonly supportWarning: "text-
|
|
63
|
-
readonly supportDanger: "text-
|
|
64
|
-
readonly userRed: "text-
|
|
65
|
-
readonly userPink: "text-
|
|
66
|
-
readonly userPurple: "text-
|
|
67
|
-
readonly userTurquoise: "text-
|
|
68
|
-
readonly userRoyalBlue: "text-
|
|
69
|
-
readonly userBlue: "text-
|
|
70
|
-
readonly userAquamarine: "text-
|
|
71
|
-
readonly userYellowGreen: "text-
|
|
72
|
-
readonly userYellow: "text-
|
|
73
|
-
readonly userOrange: "text-
|
|
74
|
-
readonly default: "text-
|
|
75
|
-
readonly gray: "text-
|
|
60
|
+
readonly supportError: "text-text01 bg-supportErrorLight";
|
|
61
|
+
readonly supportSuccess: "text-text01 bg-supportSuccessLight";
|
|
62
|
+
readonly supportWarning: "text-text01 bg-supportWarningLight";
|
|
63
|
+
readonly supportDanger: "text-text01 bg-supportDangerLight";
|
|
64
|
+
readonly userRed: "text-text01 bg-user-redLight";
|
|
65
|
+
readonly userPink: "text-text01 bg-user-pinkLight";
|
|
66
|
+
readonly userPurple: "text-text01 bg-user-purpleLight";
|
|
67
|
+
readonly userTurquoise: "text-text01 bg-user-turquoiseLight";
|
|
68
|
+
readonly userRoyalBlue: "text-text01 bg-user-royalBlueLight";
|
|
69
|
+
readonly userBlue: "text-text01 bg-user-blueLight";
|
|
70
|
+
readonly userAquamarine: "text-text01 bg-user-aquamarineLight";
|
|
71
|
+
readonly userYellowGreen: "text-text01 bg-user-yellowGreenLight";
|
|
72
|
+
readonly userYellow: "text-text01 bg-user-yellowLight";
|
|
73
|
+
readonly userOrange: "text-text01 bg-user-orangeLight";
|
|
74
|
+
readonly default: "text-text01 bg-supportInfoLight";
|
|
75
|
+
readonly gray: "text-text01 bg-gray-gray10";
|
|
76
76
|
};
|
package/dist/index.esm.js
CHANGED
|
@@ -1,78 +1,78 @@
|
|
|
1
1
|
var userColors = ['bg-user-red', 'bg-user-pink', 'bg-user-purple', 'bg-user-turquoise', 'bg-user-royalBlue', 'bg-user-blue', 'bg-user-aquamarine', 'bg-user-yellowGreen', 'bg-user-yellow', 'bg-user-orange'];
|
|
2
2
|
var buttonColors = {
|
|
3
3
|
fill: {
|
|
4
|
-
base: 'border border-
|
|
5
|
-
hover: 'hover:bg-
|
|
6
|
-
active: 'active:bg-
|
|
7
|
-
disabled: 'disabled:bg-
|
|
8
|
-
selected: 'border border-transparent bg-
|
|
4
|
+
base: 'border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor',
|
|
5
|
+
hover: 'hover:bg-hover01 hover:border-hover01',
|
|
6
|
+
active: 'active:bg-active01 active:border-active01',
|
|
7
|
+
disabled: 'disabled:bg-disabled01 disabled:border-disabled01',
|
|
8
|
+
selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01'
|
|
9
9
|
},
|
|
10
10
|
fillDanger: {
|
|
11
|
-
base: 'border border-
|
|
12
|
-
hover: 'hover:bg-
|
|
13
|
-
active: 'active:bg-
|
|
14
|
-
disabled: 'disabled:bg-
|
|
15
|
-
selected: 'border border-transparent bg-
|
|
11
|
+
base: 'border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor',
|
|
12
|
+
hover: 'hover:bg-hoverDanger hover:border-hoverDanger',
|
|
13
|
+
active: 'active:bg-activeDanger active:border-activeDanger',
|
|
14
|
+
disabled: 'disabled:bg-disabled01 disabled:border-disabled01',
|
|
15
|
+
selected: 'border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger'
|
|
16
16
|
},
|
|
17
17
|
outline: {
|
|
18
|
-
base: 'border border-
|
|
19
|
-
hover: 'hover:bg-
|
|
20
|
-
active: 'active:bg-
|
|
21
|
-
disabled: 'disabled:border-
|
|
22
|
-
selected: 'border border-
|
|
18
|
+
base: 'border border-uiBorder02 text-interactive02 fill-interactive02',
|
|
19
|
+
hover: 'hover:bg-hover02',
|
|
20
|
+
active: 'active:bg-active02',
|
|
21
|
+
disabled: 'disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01',
|
|
22
|
+
selected: 'border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01'
|
|
23
23
|
},
|
|
24
24
|
text: {
|
|
25
|
-
base: 'border border-transparent text-
|
|
26
|
-
hover: 'hover:bg-
|
|
27
|
-
active: 'active:bg-
|
|
28
|
-
disabled: 'disabled:text-
|
|
29
|
-
selected: 'border border-transparent bg-
|
|
25
|
+
base: 'border border-transparent text-interactive02 fill-interactive02',
|
|
26
|
+
hover: 'hover:bg-hover02 hover:border-hover02',
|
|
27
|
+
active: 'active:bg-active02 active:border-active02',
|
|
28
|
+
disabled: 'disabled:text-disabled01 disabled:fill-disabled01',
|
|
29
|
+
selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01'
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
var iconColors = {
|
|
33
|
-
icon01: 'fill-
|
|
34
|
-
icon01Dark: 'fill-
|
|
35
|
-
icon02: 'fill-
|
|
36
|
-
icon02Dark: 'fill-
|
|
37
|
-
icon03: 'fill-
|
|
38
|
-
icon03Dark: 'fill-
|
|
39
|
-
iconOnColor: 'fill-
|
|
33
|
+
icon01: 'fill-icon01',
|
|
34
|
+
icon01Dark: 'fill-icon01Dark',
|
|
35
|
+
icon02: 'fill-icon02',
|
|
36
|
+
icon02Dark: 'fill-icon02Dark',
|
|
37
|
+
icon03: 'fill-icon03',
|
|
38
|
+
icon03Dark: 'fill-icon03Dark',
|
|
39
|
+
iconOnColor: 'fill-iconOnColor'
|
|
40
40
|
};
|
|
41
41
|
var tagColors = {
|
|
42
|
-
supportError: 'text-
|
|
43
|
-
supportSuccess: 'text-
|
|
44
|
-
supportWarning: 'text-
|
|
45
|
-
supportDanger: 'text-
|
|
46
|
-
userRed: 'text-
|
|
47
|
-
userPink: 'text-
|
|
48
|
-
userPurple: 'text-
|
|
49
|
-
userTurquoise: 'text-
|
|
50
|
-
userRoyalBlue: 'text-
|
|
51
|
-
userBlue: 'text-
|
|
52
|
-
userAquamarine: 'text-
|
|
53
|
-
userYellowGreen: 'text-
|
|
54
|
-
userYellow: 'text-
|
|
55
|
-
userOrange: 'text-
|
|
56
|
-
"default": 'text-
|
|
57
|
-
gray: 'text-
|
|
42
|
+
supportError: 'text-textOnColor bg-supportError',
|
|
43
|
+
supportSuccess: 'text-textOnColor bg-supportSuccess',
|
|
44
|
+
supportWarning: 'text-textOnColor bg-supportWarning',
|
|
45
|
+
supportDanger: 'text-textOnColor bg-supportDanger',
|
|
46
|
+
userRed: 'text-textOnColor bg-user-red',
|
|
47
|
+
userPink: 'text-textOnColor bg-user-pink',
|
|
48
|
+
userPurple: 'text-textOnColor bg-user-purple',
|
|
49
|
+
userTurquoise: 'text-textOnColor bg-user-turquoise',
|
|
50
|
+
userRoyalBlue: 'text-textOnColor bg-user-royalBlue',
|
|
51
|
+
userBlue: 'text-textOnColor bg-user-blue',
|
|
52
|
+
userAquamarine: 'text-textOnColor bg-user-aquamarine',
|
|
53
|
+
userYellowGreen: 'text-textOnColor bg-user-yellowGreen',
|
|
54
|
+
userYellow: 'text-textOnColor bg-user-yellow',
|
|
55
|
+
userOrange: 'text-textOnColor bg-user-orange',
|
|
56
|
+
"default": 'text-textOnColor bg-supportInfo',
|
|
57
|
+
gray: 'text-text02 bg-gray-gray10'
|
|
58
58
|
};
|
|
59
59
|
var tagLightColors = {
|
|
60
|
-
supportError: 'text-
|
|
61
|
-
supportSuccess: 'text-
|
|
62
|
-
supportWarning: 'text-
|
|
63
|
-
supportDanger: 'text-
|
|
64
|
-
userRed: 'text-
|
|
65
|
-
userPink: 'text-
|
|
66
|
-
userPurple: 'text-
|
|
67
|
-
userTurquoise: 'text-
|
|
68
|
-
userRoyalBlue: 'text-
|
|
69
|
-
userBlue: 'text-
|
|
70
|
-
userAquamarine: 'text-
|
|
71
|
-
userYellowGreen: 'text-
|
|
72
|
-
userYellow: 'text-
|
|
73
|
-
userOrange: 'text-
|
|
74
|
-
"default": 'text-
|
|
75
|
-
gray: 'text-
|
|
60
|
+
supportError: 'text-text01 bg-supportErrorLight',
|
|
61
|
+
supportSuccess: 'text-text01 bg-supportSuccessLight',
|
|
62
|
+
supportWarning: 'text-text01 bg-supportWarningLight',
|
|
63
|
+
supportDanger: 'text-text01 bg-supportDangerLight',
|
|
64
|
+
userRed: 'text-text01 bg-user-redLight',
|
|
65
|
+
userPink: 'text-text01 bg-user-pinkLight',
|
|
66
|
+
userPurple: 'text-text01 bg-user-purpleLight',
|
|
67
|
+
userTurquoise: 'text-text01 bg-user-turquoiseLight',
|
|
68
|
+
userRoyalBlue: 'text-text01 bg-user-royalBlueLight',
|
|
69
|
+
userBlue: 'text-text01 bg-user-blueLight',
|
|
70
|
+
userAquamarine: 'text-text01 bg-user-aquamarineLight',
|
|
71
|
+
userYellowGreen: 'text-text01 bg-user-yellowGreenLight',
|
|
72
|
+
userYellow: 'text-text01 bg-user-yellowLight',
|
|
73
|
+
userOrange: 'text-text01 bg-user-orangeLight',
|
|
74
|
+
"default": 'text-text01 bg-supportInfoLight',
|
|
75
|
+
gray: 'text-text01 bg-gray-gray10'
|
|
76
76
|
};
|
|
77
77
|
|
|
78
78
|
var focusVisible = {
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../src/colors.ts","../src/form.ts","../src/typography.ts"],"sourcesContent":["export const userColors = [\n 'bg-user-red',\n 'bg-user-pink',\n 'bg-user-purple',\n 'bg-user-turquoise',\n 'bg-user-royalBlue',\n 'bg-user-blue',\n 'bg-user-aquamarine',\n 'bg-user-yellowGreen',\n 'bg-user-yellow',\n 'bg-user-orange',\n] as const;\n\nexport const buttonColors = {\n fill: {\n base: 'border border-interactive-interactive01 bg-interactive-interactive01 text-text-textOnColor fill-text-textOnColor',\n hover: 'hover:bg-hover-hover01 hover:border-hover-hover01',\n active: 'active:bg-active-active01 active:border-active-active01',\n disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',\n selected:\n 'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n },\n fillDanger: {\n base: 'border border-support-supportDanger bg-support-supportDanger text-text-textOnColor fill-text-textOnColor',\n hover: 'hover:bg-hover-hoverDanger hover:border-hover-hoverDanger',\n active: 'active:bg-active-activeDanger active:border-active-activeDanger',\n disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',\n selected:\n 'border border-transparent bg-support-supportDangerLight text-support-supportDanger fill-support-supportDanger',\n },\n outline: {\n base: 'border border-border-uiBorder02 text-interactive-interactive02 fill-interactive-interactive02',\n hover: 'hover:bg-hover-hover02',\n active: 'active:bg-active-active02',\n disabled: 'disabled:border-border-uiBorder01 disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',\n selected:\n 'border border-interactive-interactive01 bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n },\n text: {\n base: 'border border-transparent text-interactive-interactive02 fill-interactive-interactive02',\n hover: 'hover:bg-hover-hover02 hover:border-hover-hover02',\n active: 'active:bg-active-active02 active:border-active-active02',\n disabled: 'disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',\n selected:\n 'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n },\n} as const;\n\nexport const iconColors = {\n icon01: 'fill-icon-icon01',\n icon01Dark: 'fill-icon-icon01Dark',\n icon02: 'fill-icon-icon02',\n icon02Dark: 'fill-icon-icon02Dark',\n icon03: 'fill-icon-icon03',\n icon03Dark: 'fill-icon-icon03Dark',\n iconOnColor: 'fill-icon-iconOnColor',\n} as const;\n\nexport const tagColors = {\n supportError: 'text-text-textOnColor bg-support-supportError',\n supportSuccess: 'text-text-textOnColor bg-support-supportSuccess',\n supportWarning: 'text-text-textOnColor bg-support-supportWarning',\n supportDanger: 'text-text-textOnColor bg-support-supportDanger',\n userRed: 'text-text-textOnColor bg-user-red',\n userPink: 'text-text-textOnColor bg-user-pink',\n userPurple: 'text-text-textOnColor bg-user-purple',\n userTurquoise: 'text-text-textOnColor bg-user-turquoise',\n userRoyalBlue: 'text-text-textOnColor bg-user-royalBlue',\n userBlue: 'text-text-textOnColor bg-user-blue',\n userAquamarine: 'text-text-textOnColor bg-user-aquamarine',\n userYellowGreen: 'text-text-textOnColor bg-user-yellowGreen',\n userYellow: 'text-text-textOnColor bg-user-yellow',\n userOrange: 'text-text-textOnColor bg-user-orange',\n default: 'text-text-textOnColor bg-support-supportInfo',\n gray: 'text-text-text02 bg-gray-gray10',\n} as const;\n\nexport const tagLightColors = {\n supportError: 'text-text-text01 bg-support-supportErrorLight',\n supportSuccess: 'text-text-text01 bg-support-supportSuccessLight',\n supportWarning: 'text-text-text01 bg-support-supportWarningLight',\n supportDanger: 'text-text-text01 bg-support-supportDangerLight',\n userRed: 'text-text-text01 bg-user-redLight',\n userPink: 'text-text-text01 bg-user-pinkLight',\n userPurple: 'text-text-text01 bg-user-purpleLight',\n userTurquoise: 'text-text-text01 bg-user-turquoiseLight',\n userRoyalBlue: 'text-text-text01 bg-user-royalBlueLight',\n userBlue: 'text-text-text01 bg-user-blueLight',\n userAquamarine: 'text-text-text01 bg-user-aquamarineLight',\n userYellowGreen: 'text-text-text01 bg-user-yellowGreenLight',\n userYellow: 'text-text-text01 bg-user-yellowLight',\n userOrange: 'text-text-text01 bg-user-orangeLight',\n default: 'text-text-text01 bg-support-supportInfoLight',\n gray: 'text-text-text01 bg-gray-gray10',\n} as const;\n","export const focusVisible = {\n normal:\n 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-1',\n inset:\n 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-[-2px]',\n normalPeer:\n 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:outline-focus-focus',\n insetPeer:\n 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-[-2px] peer-focus-visible:outline-focus-focus',\n};\n","export const typography = {\n heading: {\n h1: 'font-bold leading-0 text-7 tracking-normal no-underline',\n h2: 'font-bold leading-1 text-6 tracking-normal no-underline',\n h3: 'font-bold leading-2 text-5 tracking-normal no-underline',\n h4: 'font-bold leading-3 text-4 tracking-normal no-underline',\n h5: 'font-bold leading-4 text-3 tracking-normal no-underline',\n },\n body: {\n body1bold: 'font-bold leading-4 text-3 tracking-normal no-underline',\n body1regular: 'font-normal leading-4 text-3 tracking-normal no-underline',\n body2bold: 'font-bold leading-5 text-2 tracking-normal no-underline',\n body2regular: 'font-normal leading-5 text-2 tracking-normal no-underline',\n body3bold: 'font-bold leading-1 text-1 tracking-normal no-underline',\n body3regular: 'font-normal leading-1 text-1 tracking-normal no-underline',\n },\n label: {\n label1bold: 'font-bold leading-6 text-4 tracking-normal no-underline',\n label1regular: 'font-normal leading-6 text-4 tracking-normal no-underline',\n label2bold: 'font-bold leading-6 text-3 tracking-normal no-underline',\n label2regular: 'font-normal leading-6 text-3 tracking-normal no-underline',\n label3bold: 'font-bold leading-6 text-1 tracking-normal no-underline',\n label3regular: 'font-normal leading-6 text-1 tracking-normal no-underline',\n label4bold: 'font-bold leading-6 text-0 tracking-normal no-underline',\n label4regular: 'font-normal leading-6 text-0 tracking-normal no-underline',\n },\n} as const;\n"],"names":["userColors","buttonColors","fill","base","hover","active","disabled","selected","fillDanger","outline","text","iconColors","icon01","icon01Dark","icon02","icon02Dark","icon03","icon03Dark","iconOnColor","tagColors","supportError","supportSuccess","supportWarning","supportDanger","userRed","userPink","userPurple","userTurquoise","userRoyalBlue","userBlue","userAquamarine","userYellowGreen","userYellow","userOrange","gray","tagLightColors","focusVisible","normal","inset","normalPeer","insetPeer","typography","heading","h1","h2","h3","h4","h5","body","body1bold","body1regular","body2bold","body2regular","body3bold","body3regular","label","label1bold","label1regular","label2bold","label2regular","label3bold","label3regular","label4bold","label4regular"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/colors.ts","../src/form.ts","../src/typography.ts"],"sourcesContent":["export const userColors = [\n 'bg-user-red',\n 'bg-user-pink',\n 'bg-user-purple',\n 'bg-user-turquoise',\n 'bg-user-royalBlue',\n 'bg-user-blue',\n 'bg-user-aquamarine',\n 'bg-user-yellowGreen',\n 'bg-user-yellow',\n 'bg-user-orange',\n] as const;\n\nexport const buttonColors = {\n fill: {\n base: 'border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor',\n hover: 'hover:bg-hover01 hover:border-hover01',\n active: 'active:bg-active01 active:border-active01',\n disabled: 'disabled:bg-disabled01 disabled:border-disabled01',\n selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01',\n },\n fillDanger: {\n base: 'border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor',\n hover: 'hover:bg-hoverDanger hover:border-hoverDanger',\n active: 'active:bg-activeDanger active:border-activeDanger',\n disabled: 'disabled:bg-disabled01 disabled:border-disabled01',\n selected: 'border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger',\n },\n outline: {\n base: 'border border-uiBorder02 text-interactive02 fill-interactive02',\n hover: 'hover:bg-hover02',\n active: 'active:bg-active02',\n disabled: 'disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01',\n selected: 'border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01',\n },\n text: {\n base: 'border border-transparent text-interactive02 fill-interactive02',\n hover: 'hover:bg-hover02 hover:border-hover02',\n active: 'active:bg-active02 active:border-active02',\n disabled: 'disabled:text-disabled01 disabled:fill-disabled01',\n selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01',\n },\n} as const;\n\nexport const iconColors = {\n icon01: 'fill-icon01',\n icon01Dark: 'fill-icon01Dark',\n icon02: 'fill-icon02',\n icon02Dark: 'fill-icon02Dark',\n icon03: 'fill-icon03',\n icon03Dark: 'fill-icon03Dark',\n iconOnColor: 'fill-iconOnColor',\n} as const;\n\nexport const tagColors = {\n supportError: 'text-textOnColor bg-supportError',\n supportSuccess: 'text-textOnColor bg-supportSuccess',\n supportWarning: 'text-textOnColor bg-supportWarning',\n supportDanger: 'text-textOnColor bg-supportDanger',\n userRed: 'text-textOnColor bg-user-red',\n userPink: 'text-textOnColor bg-user-pink',\n userPurple: 'text-textOnColor bg-user-purple',\n userTurquoise: 'text-textOnColor bg-user-turquoise',\n userRoyalBlue: 'text-textOnColor bg-user-royalBlue',\n userBlue: 'text-textOnColor bg-user-blue',\n userAquamarine: 'text-textOnColor bg-user-aquamarine',\n userYellowGreen: 'text-textOnColor bg-user-yellowGreen',\n userYellow: 'text-textOnColor bg-user-yellow',\n userOrange: 'text-textOnColor bg-user-orange',\n default: 'text-textOnColor bg-supportInfo',\n gray: 'text-text02 bg-gray-gray10',\n} as const;\n\nexport const tagLightColors = {\n supportError: 'text-text01 bg-supportErrorLight',\n supportSuccess: 'text-text01 bg-supportSuccessLight',\n supportWarning: 'text-text01 bg-supportWarningLight',\n supportDanger: 'text-text01 bg-supportDangerLight',\n userRed: 'text-text01 bg-user-redLight',\n userPink: 'text-text01 bg-user-pinkLight',\n userPurple: 'text-text01 bg-user-purpleLight',\n userTurquoise: 'text-text01 bg-user-turquoiseLight',\n userRoyalBlue: 'text-text01 bg-user-royalBlueLight',\n userBlue: 'text-text01 bg-user-blueLight',\n userAquamarine: 'text-text01 bg-user-aquamarineLight',\n userYellowGreen: 'text-text01 bg-user-yellowGreenLight',\n userYellow: 'text-text01 bg-user-yellowLight',\n userOrange: 'text-text01 bg-user-orangeLight',\n default: 'text-text01 bg-supportInfoLight',\n gray: 'text-text01 bg-gray-gray10',\n} as const;\n","export const focusVisible = {\n normal:\n 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-1',\n inset:\n 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-[-2px]',\n normalPeer:\n 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:outline-focus-focus',\n insetPeer:\n 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-[-2px] peer-focus-visible:outline-focus-focus',\n};\n","export const typography = {\n heading: {\n h1: 'font-bold leading-0 text-7 tracking-normal no-underline',\n h2: 'font-bold leading-1 text-6 tracking-normal no-underline',\n h3: 'font-bold leading-2 text-5 tracking-normal no-underline',\n h4: 'font-bold leading-3 text-4 tracking-normal no-underline',\n h5: 'font-bold leading-4 text-3 tracking-normal no-underline',\n },\n body: {\n body1bold: 'font-bold leading-4 text-3 tracking-normal no-underline',\n body1regular: 'font-normal leading-4 text-3 tracking-normal no-underline',\n body2bold: 'font-bold leading-5 text-2 tracking-normal no-underline',\n body2regular: 'font-normal leading-5 text-2 tracking-normal no-underline',\n body3bold: 'font-bold leading-1 text-1 tracking-normal no-underline',\n body3regular: 'font-normal leading-1 text-1 tracking-normal no-underline',\n },\n label: {\n label1bold: 'font-bold leading-6 text-4 tracking-normal no-underline',\n label1regular: 'font-normal leading-6 text-4 tracking-normal no-underline',\n label2bold: 'font-bold leading-6 text-3 tracking-normal no-underline',\n label2regular: 'font-normal leading-6 text-3 tracking-normal no-underline',\n label3bold: 'font-bold leading-6 text-1 tracking-normal no-underline',\n label3regular: 'font-normal leading-6 text-1 tracking-normal no-underline',\n label4bold: 'font-bold leading-6 text-0 tracking-normal no-underline',\n label4regular: 'font-normal leading-6 text-0 tracking-normal no-underline',\n },\n} as const;\n"],"names":["userColors","buttonColors","fill","base","hover","active","disabled","selected","fillDanger","outline","text","iconColors","icon01","icon01Dark","icon02","icon02Dark","icon03","icon03Dark","iconOnColor","tagColors","supportError","supportSuccess","supportWarning","supportDanger","userRed","userPink","userPurple","userTurquoise","userRoyalBlue","userBlue","userAquamarine","userYellowGreen","userYellow","userOrange","gray","tagLightColors","focusVisible","normal","inset","normalPeer","insetPeer","typography","heading","h1","h2","h3","h4","h5","body","body1bold","body1regular","body2bold","body2regular","body3bold","body3regular","label","label1bold","label1regular","label2bold","label2regular","label3bold","label3regular","label4bold","label4regular"],"mappings":"AAAO,IAAMA,UAAU,GAAG,CACxB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EACR;AAEH,IAAMC,YAAY,GAAG;AAC1BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,gFAAgF;AACtFC,IAAAA,KAAK,EAAE,uCAAuC;AAC9CC,IAAAA,MAAM,EAAE,2CAA2C;AACnDC,IAAAA,QAAQ,EAAE,mDAAmD;AAC7DC,IAAAA,QAAQ,EAAE,+EAAA;GACX;AACDC,EAAAA,UAAU,EAAE;AACVL,IAAAA,IAAI,EAAE,gFAAgF;AACtFC,IAAAA,KAAK,EAAE,+CAA+C;AACtDC,IAAAA,MAAM,EAAE,mDAAmD;AAC3DC,IAAAA,QAAQ,EAAE,mDAAmD;AAC7DC,IAAAA,QAAQ,EAAE,uFAAA;GACX;AACDE,EAAAA,OAAO,EAAE;AACPN,IAAAA,IAAI,EAAE,gEAAgE;AACtEC,IAAAA,KAAK,EAAE,kBAAkB;AACzBC,IAAAA,MAAM,EAAE,oBAAoB;AAC5BC,IAAAA,QAAQ,EAAE,8EAA8E;AACxFC,IAAAA,QAAQ,EAAE,iFAAA;GACX;AACDG,EAAAA,IAAI,EAAE;AACJP,IAAAA,IAAI,EAAE,iEAAiE;AACvEC,IAAAA,KAAK,EAAE,uCAAuC;AAC9CC,IAAAA,MAAM,EAAE,2CAA2C;AACnDC,IAAAA,QAAQ,EAAE,mDAAmD;AAC7DC,IAAAA,QAAQ,EAAE,+EAAA;AACX,GAAA;EACO;AAEH,IAAMI,UAAU,GAAG;AACxBC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,WAAW,EAAE,kBAAA;EACL;AAEH,IAAMC,SAAS,GAAG;AACvBC,EAAAA,YAAY,EAAE,kCAAkC;AAChDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,OAAO,EAAE,8BAA8B;AACvCC,EAAAA,QAAQ,EAAE,+BAA+B;AACzCC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,QAAQ,EAAE,+BAA+B;AACzCC,EAAAA,cAAc,EAAE,qCAAqC;AACrDC,EAAAA,eAAe,EAAE,sCAAsC;AACvDC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,UAAU,EAAE,iCAAiC;AAC7C,EAAA,SAAA,EAAS,iCAAiC;AAC1CC,EAAAA,IAAI,EAAE,4BAAA;EACE;AAEH,IAAMC,cAAc,GAAG;AAC5Bf,EAAAA,YAAY,EAAE,kCAAkC;AAChDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,OAAO,EAAE,8BAA8B;AACvCC,EAAAA,QAAQ,EAAE,+BAA+B;AACzCC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,QAAQ,EAAE,+BAA+B;AACzCC,EAAAA,cAAc,EAAE,qCAAqC;AACrDC,EAAAA,eAAe,EAAE,sCAAsC;AACvDC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,UAAU,EAAE,iCAAiC;AAC7C,EAAA,SAAA,EAAS,iCAAiC;AAC1CC,EAAAA,IAAI,EAAE,4BAAA;;;ACzFD,IAAME,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EACJ,gHAAgH;AAClHC,EAAAA,KAAK,EACH,qHAAqH;AACvHC,EAAAA,UAAU,EACR,oIAAoI;AACtIC,EAAAA,SAAS,EACP,yIAAA;;;ACRG,IAAMC,UAAU,GAAG;AACxBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,EAAE,EAAE,yDAAyD;AAC7DC,IAAAA,EAAE,EAAE,yDAAyD;AAC7DC,IAAAA,EAAE,EAAE,yDAAyD;AAC7DC,IAAAA,EAAE,EAAE,yDAAyD;AAC7DC,IAAAA,EAAE,EAAE,yDAAA;GACL;AACDC,EAAAA,IAAI,EAAE;AACJC,IAAAA,SAAS,EAAE,yDAAyD;AACpEC,IAAAA,YAAY,EAAE,2DAA2D;AACzEC,IAAAA,SAAS,EAAE,yDAAyD;AACpEC,IAAAA,YAAY,EAAE,2DAA2D;AACzEC,IAAAA,SAAS,EAAE,yDAAyD;AACpEC,IAAAA,YAAY,EAAE,2DAAA;GACf;AACDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE,yDAAyD;AACrEC,IAAAA,aAAa,EAAE,2DAA2D;AAC1EC,IAAAA,UAAU,EAAE,yDAAyD;AACrEC,IAAAA,aAAa,EAAE,2DAA2D;AAC1EC,IAAAA,UAAU,EAAE,yDAAyD;AACrEC,IAAAA,aAAa,EAAE,2DAA2D;AAC1EC,IAAAA,UAAU,EAAE,yDAAyD;AACrEC,IAAAA,aAAa,EAAE,2DAAA;AAChB,GAAA;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -1,78 +1,78 @@
|
|
|
1
1
|
const userColors = ['bg-user-red', 'bg-user-pink', 'bg-user-purple', 'bg-user-turquoise', 'bg-user-royalBlue', 'bg-user-blue', 'bg-user-aquamarine', 'bg-user-yellowGreen', 'bg-user-yellow', 'bg-user-orange'];
|
|
2
2
|
const buttonColors = {
|
|
3
3
|
fill: {
|
|
4
|
-
base: 'border border-
|
|
5
|
-
hover: 'hover:bg-
|
|
6
|
-
active: 'active:bg-
|
|
7
|
-
disabled: 'disabled:bg-
|
|
8
|
-
selected: 'border border-transparent bg-
|
|
4
|
+
base: 'border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor',
|
|
5
|
+
hover: 'hover:bg-hover01 hover:border-hover01',
|
|
6
|
+
active: 'active:bg-active01 active:border-active01',
|
|
7
|
+
disabled: 'disabled:bg-disabled01 disabled:border-disabled01',
|
|
8
|
+
selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01'
|
|
9
9
|
},
|
|
10
10
|
fillDanger: {
|
|
11
|
-
base: 'border border-
|
|
12
|
-
hover: 'hover:bg-
|
|
13
|
-
active: 'active:bg-
|
|
14
|
-
disabled: 'disabled:bg-
|
|
15
|
-
selected: 'border border-transparent bg-
|
|
11
|
+
base: 'border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor',
|
|
12
|
+
hover: 'hover:bg-hoverDanger hover:border-hoverDanger',
|
|
13
|
+
active: 'active:bg-activeDanger active:border-activeDanger',
|
|
14
|
+
disabled: 'disabled:bg-disabled01 disabled:border-disabled01',
|
|
15
|
+
selected: 'border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger'
|
|
16
16
|
},
|
|
17
17
|
outline: {
|
|
18
|
-
base: 'border border-
|
|
19
|
-
hover: 'hover:bg-
|
|
20
|
-
active: 'active:bg-
|
|
21
|
-
disabled: 'disabled:border-
|
|
22
|
-
selected: 'border border-
|
|
18
|
+
base: 'border border-uiBorder02 text-interactive02 fill-interactive02',
|
|
19
|
+
hover: 'hover:bg-hover02',
|
|
20
|
+
active: 'active:bg-active02',
|
|
21
|
+
disabled: 'disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01',
|
|
22
|
+
selected: 'border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01'
|
|
23
23
|
},
|
|
24
24
|
text: {
|
|
25
|
-
base: 'border border-transparent text-
|
|
26
|
-
hover: 'hover:bg-
|
|
27
|
-
active: 'active:bg-
|
|
28
|
-
disabled: 'disabled:text-
|
|
29
|
-
selected: 'border border-transparent bg-
|
|
25
|
+
base: 'border border-transparent text-interactive02 fill-interactive02',
|
|
26
|
+
hover: 'hover:bg-hover02 hover:border-hover02',
|
|
27
|
+
active: 'active:bg-active02 active:border-active02',
|
|
28
|
+
disabled: 'disabled:text-disabled01 disabled:fill-disabled01',
|
|
29
|
+
selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01'
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
const iconColors = {
|
|
33
|
-
icon01: 'fill-
|
|
34
|
-
icon01Dark: 'fill-
|
|
35
|
-
icon02: 'fill-
|
|
36
|
-
icon02Dark: 'fill-
|
|
37
|
-
icon03: 'fill-
|
|
38
|
-
icon03Dark: 'fill-
|
|
39
|
-
iconOnColor: 'fill-
|
|
33
|
+
icon01: 'fill-icon01',
|
|
34
|
+
icon01Dark: 'fill-icon01Dark',
|
|
35
|
+
icon02: 'fill-icon02',
|
|
36
|
+
icon02Dark: 'fill-icon02Dark',
|
|
37
|
+
icon03: 'fill-icon03',
|
|
38
|
+
icon03Dark: 'fill-icon03Dark',
|
|
39
|
+
iconOnColor: 'fill-iconOnColor'
|
|
40
40
|
};
|
|
41
41
|
const tagColors = {
|
|
42
|
-
supportError: 'text-
|
|
43
|
-
supportSuccess: 'text-
|
|
44
|
-
supportWarning: 'text-
|
|
45
|
-
supportDanger: 'text-
|
|
46
|
-
userRed: 'text-
|
|
47
|
-
userPink: 'text-
|
|
48
|
-
userPurple: 'text-
|
|
49
|
-
userTurquoise: 'text-
|
|
50
|
-
userRoyalBlue: 'text-
|
|
51
|
-
userBlue: 'text-
|
|
52
|
-
userAquamarine: 'text-
|
|
53
|
-
userYellowGreen: 'text-
|
|
54
|
-
userYellow: 'text-
|
|
55
|
-
userOrange: 'text-
|
|
56
|
-
default: 'text-
|
|
57
|
-
gray: 'text-
|
|
42
|
+
supportError: 'text-textOnColor bg-supportError',
|
|
43
|
+
supportSuccess: 'text-textOnColor bg-supportSuccess',
|
|
44
|
+
supportWarning: 'text-textOnColor bg-supportWarning',
|
|
45
|
+
supportDanger: 'text-textOnColor bg-supportDanger',
|
|
46
|
+
userRed: 'text-textOnColor bg-user-red',
|
|
47
|
+
userPink: 'text-textOnColor bg-user-pink',
|
|
48
|
+
userPurple: 'text-textOnColor bg-user-purple',
|
|
49
|
+
userTurquoise: 'text-textOnColor bg-user-turquoise',
|
|
50
|
+
userRoyalBlue: 'text-textOnColor bg-user-royalBlue',
|
|
51
|
+
userBlue: 'text-textOnColor bg-user-blue',
|
|
52
|
+
userAquamarine: 'text-textOnColor bg-user-aquamarine',
|
|
53
|
+
userYellowGreen: 'text-textOnColor bg-user-yellowGreen',
|
|
54
|
+
userYellow: 'text-textOnColor bg-user-yellow',
|
|
55
|
+
userOrange: 'text-textOnColor bg-user-orange',
|
|
56
|
+
default: 'text-textOnColor bg-supportInfo',
|
|
57
|
+
gray: 'text-text02 bg-gray-gray10'
|
|
58
58
|
};
|
|
59
59
|
const tagLightColors = {
|
|
60
|
-
supportError: 'text-
|
|
61
|
-
supportSuccess: 'text-
|
|
62
|
-
supportWarning: 'text-
|
|
63
|
-
supportDanger: 'text-
|
|
64
|
-
userRed: 'text-
|
|
65
|
-
userPink: 'text-
|
|
66
|
-
userPurple: 'text-
|
|
67
|
-
userTurquoise: 'text-
|
|
68
|
-
userRoyalBlue: 'text-
|
|
69
|
-
userBlue: 'text-
|
|
70
|
-
userAquamarine: 'text-
|
|
71
|
-
userYellowGreen: 'text-
|
|
72
|
-
userYellow: 'text-
|
|
73
|
-
userOrange: 'text-
|
|
74
|
-
default: 'text-
|
|
75
|
-
gray: 'text-
|
|
60
|
+
supportError: 'text-text01 bg-supportErrorLight',
|
|
61
|
+
supportSuccess: 'text-text01 bg-supportSuccessLight',
|
|
62
|
+
supportWarning: 'text-text01 bg-supportWarningLight',
|
|
63
|
+
supportDanger: 'text-text01 bg-supportDangerLight',
|
|
64
|
+
userRed: 'text-text01 bg-user-redLight',
|
|
65
|
+
userPink: 'text-text01 bg-user-pinkLight',
|
|
66
|
+
userPurple: 'text-text01 bg-user-purpleLight',
|
|
67
|
+
userTurquoise: 'text-text01 bg-user-turquoiseLight',
|
|
68
|
+
userRoyalBlue: 'text-text01 bg-user-royalBlueLight',
|
|
69
|
+
userBlue: 'text-text01 bg-user-blueLight',
|
|
70
|
+
userAquamarine: 'text-text01 bg-user-aquamarineLight',
|
|
71
|
+
userYellowGreen: 'text-text01 bg-user-yellowGreenLight',
|
|
72
|
+
userYellow: 'text-text01 bg-user-yellowLight',
|
|
73
|
+
userOrange: 'text-text01 bg-user-orangeLight',
|
|
74
|
+
default: 'text-text01 bg-supportInfoLight',
|
|
75
|
+
gray: 'text-text01 bg-gray-gray10'
|
|
76
76
|
};
|
|
77
77
|
|
|
78
78
|
const focusVisible = {
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/colors.ts","../src/form.ts","../src/typography.ts"],"sourcesContent":["export const userColors = [\n 'bg-user-red',\n 'bg-user-pink',\n 'bg-user-purple',\n 'bg-user-turquoise',\n 'bg-user-royalBlue',\n 'bg-user-blue',\n 'bg-user-aquamarine',\n 'bg-user-yellowGreen',\n 'bg-user-yellow',\n 'bg-user-orange',\n] as const;\n\nexport const buttonColors = {\n fill: {\n base: 'border border-interactive-interactive01 bg-interactive-interactive01 text-text-textOnColor fill-text-textOnColor',\n hover: 'hover:bg-hover-hover01 hover:border-hover-hover01',\n active: 'active:bg-active-active01 active:border-active-active01',\n disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',\n selected:\n 'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n },\n fillDanger: {\n base: 'border border-support-supportDanger bg-support-supportDanger text-text-textOnColor fill-text-textOnColor',\n hover: 'hover:bg-hover-hoverDanger hover:border-hover-hoverDanger',\n active: 'active:bg-active-activeDanger active:border-active-activeDanger',\n disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',\n selected:\n 'border border-transparent bg-support-supportDangerLight text-support-supportDanger fill-support-supportDanger',\n },\n outline: {\n base: 'border border-border-uiBorder02 text-interactive-interactive02 fill-interactive-interactive02',\n hover: 'hover:bg-hover-hover02',\n active: 'active:bg-active-active02',\n disabled: 'disabled:border-border-uiBorder01 disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',\n selected:\n 'border border-interactive-interactive01 bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n },\n text: {\n base: 'border border-transparent text-interactive-interactive02 fill-interactive-interactive02',\n hover: 'hover:bg-hover-hover02 hover:border-hover-hover02',\n active: 'active:bg-active-active02 active:border-active-active02',\n disabled: 'disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',\n selected:\n 'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n },\n} as const;\n\nexport const iconColors = {\n icon01: 'fill-icon-icon01',\n icon01Dark: 'fill-icon-icon01Dark',\n icon02: 'fill-icon-icon02',\n icon02Dark: 'fill-icon-icon02Dark',\n icon03: 'fill-icon-icon03',\n icon03Dark: 'fill-icon-icon03Dark',\n iconOnColor: 'fill-icon-iconOnColor',\n} as const;\n\nexport const tagColors = {\n supportError: 'text-text-textOnColor bg-support-supportError',\n supportSuccess: 'text-text-textOnColor bg-support-supportSuccess',\n supportWarning: 'text-text-textOnColor bg-support-supportWarning',\n supportDanger: 'text-text-textOnColor bg-support-supportDanger',\n userRed: 'text-text-textOnColor bg-user-red',\n userPink: 'text-text-textOnColor bg-user-pink',\n userPurple: 'text-text-textOnColor bg-user-purple',\n userTurquoise: 'text-text-textOnColor bg-user-turquoise',\n userRoyalBlue: 'text-text-textOnColor bg-user-royalBlue',\n userBlue: 'text-text-textOnColor bg-user-blue',\n userAquamarine: 'text-text-textOnColor bg-user-aquamarine',\n userYellowGreen: 'text-text-textOnColor bg-user-yellowGreen',\n userYellow: 'text-text-textOnColor bg-user-yellow',\n userOrange: 'text-text-textOnColor bg-user-orange',\n default: 'text-text-textOnColor bg-support-supportInfo',\n gray: 'text-text-text02 bg-gray-gray10',\n} as const;\n\nexport const tagLightColors = {\n supportError: 'text-text-text01 bg-support-supportErrorLight',\n supportSuccess: 'text-text-text01 bg-support-supportSuccessLight',\n supportWarning: 'text-text-text01 bg-support-supportWarningLight',\n supportDanger: 'text-text-text01 bg-support-supportDangerLight',\n userRed: 'text-text-text01 bg-user-redLight',\n userPink: 'text-text-text01 bg-user-pinkLight',\n userPurple: 'text-text-text01 bg-user-purpleLight',\n userTurquoise: 'text-text-text01 bg-user-turquoiseLight',\n userRoyalBlue: 'text-text-text01 bg-user-royalBlueLight',\n userBlue: 'text-text-text01 bg-user-blueLight',\n userAquamarine: 'text-text-text01 bg-user-aquamarineLight',\n userYellowGreen: 'text-text-text01 bg-user-yellowGreenLight',\n userYellow: 'text-text-text01 bg-user-yellowLight',\n userOrange: 'text-text-text01 bg-user-orangeLight',\n default: 'text-text-text01 bg-support-supportInfoLight',\n gray: 'text-text-text01 bg-gray-gray10',\n} as const;\n","export const focusVisible = {\n normal:\n 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-1',\n inset:\n 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-[-2px]',\n normalPeer:\n 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:outline-focus-focus',\n insetPeer:\n 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-[-2px] peer-focus-visible:outline-focus-focus',\n};\n","export const typography = {\n heading: {\n h1: 'font-bold leading-0 text-7 tracking-normal no-underline',\n h2: 'font-bold leading-1 text-6 tracking-normal no-underline',\n h3: 'font-bold leading-2 text-5 tracking-normal no-underline',\n h4: 'font-bold leading-3 text-4 tracking-normal no-underline',\n h5: 'font-bold leading-4 text-3 tracking-normal no-underline',\n },\n body: {\n body1bold: 'font-bold leading-4 text-3 tracking-normal no-underline',\n body1regular: 'font-normal leading-4 text-3 tracking-normal no-underline',\n body2bold: 'font-bold leading-5 text-2 tracking-normal no-underline',\n body2regular: 'font-normal leading-5 text-2 tracking-normal no-underline',\n body3bold: 'font-bold leading-1 text-1 tracking-normal no-underline',\n body3regular: 'font-normal leading-1 text-1 tracking-normal no-underline',\n },\n label: {\n label1bold: 'font-bold leading-6 text-4 tracking-normal no-underline',\n label1regular: 'font-normal leading-6 text-4 tracking-normal no-underline',\n label2bold: 'font-bold leading-6 text-3 tracking-normal no-underline',\n label2regular: 'font-normal leading-6 text-3 tracking-normal no-underline',\n label3bold: 'font-bold leading-6 text-1 tracking-normal no-underline',\n label3regular: 'font-normal leading-6 text-1 tracking-normal no-underline',\n label4bold: 'font-bold leading-6 text-0 tracking-normal no-underline',\n label4regular: 'font-normal leading-6 text-0 tracking-normal no-underline',\n },\n} as const;\n"],"names":["userColors","buttonColors","fill","base","hover","active","disabled","selected","fillDanger","outline","text","iconColors","icon01","icon01Dark","icon02","icon02Dark","icon03","icon03Dark","iconOnColor","tagColors","supportError","supportSuccess","supportWarning","supportDanger","userRed","userPink","userPurple","userTurquoise","userRoyalBlue","userBlue","userAquamarine","userYellowGreen","userYellow","userOrange","default","gray","tagLightColors","focusVisible","normal","inset","normalPeer","insetPeer","typography","heading","h1","h2","h3","h4","h5","body","body1bold","body1regular","body2bold","body2regular","body3bold","body3regular","label","label1bold","label1regular","label2bold","label2regular","label3bold","label3regular","label4bold","label4regular"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/colors.ts","../src/form.ts","../src/typography.ts"],"sourcesContent":["export const userColors = [\n 'bg-user-red',\n 'bg-user-pink',\n 'bg-user-purple',\n 'bg-user-turquoise',\n 'bg-user-royalBlue',\n 'bg-user-blue',\n 'bg-user-aquamarine',\n 'bg-user-yellowGreen',\n 'bg-user-yellow',\n 'bg-user-orange',\n] as const;\n\nexport const buttonColors = {\n fill: {\n base: 'border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor',\n hover: 'hover:bg-hover01 hover:border-hover01',\n active: 'active:bg-active01 active:border-active01',\n disabled: 'disabled:bg-disabled01 disabled:border-disabled01',\n selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01',\n },\n fillDanger: {\n base: 'border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor',\n hover: 'hover:bg-hoverDanger hover:border-hoverDanger',\n active: 'active:bg-activeDanger active:border-activeDanger',\n disabled: 'disabled:bg-disabled01 disabled:border-disabled01',\n selected: 'border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger',\n },\n outline: {\n base: 'border border-uiBorder02 text-interactive02 fill-interactive02',\n hover: 'hover:bg-hover02',\n active: 'active:bg-active02',\n disabled: 'disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01',\n selected: 'border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01',\n },\n text: {\n base: 'border border-transparent text-interactive02 fill-interactive02',\n hover: 'hover:bg-hover02 hover:border-hover02',\n active: 'active:bg-active02 active:border-active02',\n disabled: 'disabled:text-disabled01 disabled:fill-disabled01',\n selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01',\n },\n} as const;\n\nexport const iconColors = {\n icon01: 'fill-icon01',\n icon01Dark: 'fill-icon01Dark',\n icon02: 'fill-icon02',\n icon02Dark: 'fill-icon02Dark',\n icon03: 'fill-icon03',\n icon03Dark: 'fill-icon03Dark',\n iconOnColor: 'fill-iconOnColor',\n} as const;\n\nexport const tagColors = {\n supportError: 'text-textOnColor bg-supportError',\n supportSuccess: 'text-textOnColor bg-supportSuccess',\n supportWarning: 'text-textOnColor bg-supportWarning',\n supportDanger: 'text-textOnColor bg-supportDanger',\n userRed: 'text-textOnColor bg-user-red',\n userPink: 'text-textOnColor bg-user-pink',\n userPurple: 'text-textOnColor bg-user-purple',\n userTurquoise: 'text-textOnColor bg-user-turquoise',\n userRoyalBlue: 'text-textOnColor bg-user-royalBlue',\n userBlue: 'text-textOnColor bg-user-blue',\n userAquamarine: 'text-textOnColor bg-user-aquamarine',\n userYellowGreen: 'text-textOnColor bg-user-yellowGreen',\n userYellow: 'text-textOnColor bg-user-yellow',\n userOrange: 'text-textOnColor bg-user-orange',\n default: 'text-textOnColor bg-supportInfo',\n gray: 'text-text02 bg-gray-gray10',\n} as const;\n\nexport const tagLightColors = {\n supportError: 'text-text01 bg-supportErrorLight',\n supportSuccess: 'text-text01 bg-supportSuccessLight',\n supportWarning: 'text-text01 bg-supportWarningLight',\n supportDanger: 'text-text01 bg-supportDangerLight',\n userRed: 'text-text01 bg-user-redLight',\n userPink: 'text-text01 bg-user-pinkLight',\n userPurple: 'text-text01 bg-user-purpleLight',\n userTurquoise: 'text-text01 bg-user-turquoiseLight',\n userRoyalBlue: 'text-text01 bg-user-royalBlueLight',\n userBlue: 'text-text01 bg-user-blueLight',\n userAquamarine: 'text-text01 bg-user-aquamarineLight',\n userYellowGreen: 'text-text01 bg-user-yellowGreenLight',\n userYellow: 'text-text01 bg-user-yellowLight',\n userOrange: 'text-text01 bg-user-orangeLight',\n default: 'text-text01 bg-supportInfoLight',\n gray: 'text-text01 bg-gray-gray10',\n} as const;\n","export const focusVisible = {\n normal:\n 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-1',\n inset:\n 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-[-2px]',\n normalPeer:\n 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:outline-focus-focus',\n insetPeer:\n 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-[-2px] peer-focus-visible:outline-focus-focus',\n};\n","export const typography = {\n heading: {\n h1: 'font-bold leading-0 text-7 tracking-normal no-underline',\n h2: 'font-bold leading-1 text-6 tracking-normal no-underline',\n h3: 'font-bold leading-2 text-5 tracking-normal no-underline',\n h4: 'font-bold leading-3 text-4 tracking-normal no-underline',\n h5: 'font-bold leading-4 text-3 tracking-normal no-underline',\n },\n body: {\n body1bold: 'font-bold leading-4 text-3 tracking-normal no-underline',\n body1regular: 'font-normal leading-4 text-3 tracking-normal no-underline',\n body2bold: 'font-bold leading-5 text-2 tracking-normal no-underline',\n body2regular: 'font-normal leading-5 text-2 tracking-normal no-underline',\n body3bold: 'font-bold leading-1 text-1 tracking-normal no-underline',\n body3regular: 'font-normal leading-1 text-1 tracking-normal no-underline',\n },\n label: {\n label1bold: 'font-bold leading-6 text-4 tracking-normal no-underline',\n label1regular: 'font-normal leading-6 text-4 tracking-normal no-underline',\n label2bold: 'font-bold leading-6 text-3 tracking-normal no-underline',\n label2regular: 'font-normal leading-6 text-3 tracking-normal no-underline',\n label3bold: 'font-bold leading-6 text-1 tracking-normal no-underline',\n label3regular: 'font-normal leading-6 text-1 tracking-normal no-underline',\n label4bold: 'font-bold leading-6 text-0 tracking-normal no-underline',\n label4regular: 'font-normal leading-6 text-0 tracking-normal no-underline',\n },\n} as const;\n"],"names":["userColors","buttonColors","fill","base","hover","active","disabled","selected","fillDanger","outline","text","iconColors","icon01","icon01Dark","icon02","icon02Dark","icon03","icon03Dark","iconOnColor","tagColors","supportError","supportSuccess","supportWarning","supportDanger","userRed","userPink","userPurple","userTurquoise","userRoyalBlue","userBlue","userAquamarine","userYellowGreen","userYellow","userOrange","default","gray","tagLightColors","focusVisible","normal","inset","normalPeer","insetPeer","typography","heading","h1","h2","h3","h4","h5","body","body1bold","body1regular","body2bold","body2regular","body3bold","body3regular","label","label1bold","label1regular","label2bold","label2regular","label3bold","label3regular","label4bold","label4regular"],"mappings":"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"}
|