@zenkigen-inc/component-theme 1.15.3 → 1.16.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.
Files changed (5) hide show
  1. package/dist/index.d.mts +31 -1
  2. package/dist/index.d.ts +31 -1
  3. package/dist/index.js +20 -0
  4. package/dist/index.mjs +19 -0
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -29,6 +29,36 @@ declare const buttonColors: {
29
29
  readonly selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01";
30
30
  };
31
31
  };
32
+ declare const selectColors: {
33
+ readonly outline: {
34
+ readonly base: "border border-uiBorder02 bg-uiBackground01 text-interactive02 fill-interactive02";
35
+ readonly hover: "hover:bg-hover02";
36
+ readonly active: "active:bg-active02";
37
+ readonly disabled: "disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01";
38
+ readonly selected: "border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01";
39
+ };
40
+ readonly text: {
41
+ readonly base: "border border-transparent text-interactive02 fill-interactive02";
42
+ readonly hover: "hover:bg-hover02 hover:border-hover02";
43
+ readonly active: "active:bg-active02 active:border-active02";
44
+ readonly disabled: "disabled:text-disabled01 disabled:fill-disabled01";
45
+ readonly selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01";
46
+ };
47
+ readonly outlineError: {
48
+ readonly base: "border border-supportError bg-uiBackgroundError text-supportError fill-supportError";
49
+ readonly hover: "hover:bg-hover02";
50
+ readonly active: "active:bg-active02";
51
+ readonly disabled: "disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01";
52
+ readonly selected: "border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01";
53
+ };
54
+ readonly textError: {
55
+ readonly base: "border border-transparent bg-uiBackgroundError text-supportError fill-supportError";
56
+ readonly hover: "hover:bg-hover02 hover:border-hover02";
57
+ readonly active: "active:bg-active02 active:border-active02";
58
+ readonly disabled: "disabled:text-disabled01 disabled:fill-disabled01";
59
+ readonly selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01";
60
+ };
61
+ };
32
62
  declare const iconColors: {
33
63
  readonly icon01: "fill-icon01";
34
64
  readonly icon02: "fill-icon02";
@@ -109,4 +139,4 @@ declare const typography: {
109
139
  };
110
140
  };
111
141
 
112
- export { buttonColors, focusVisible, iconColors, tagColors, tagLightColors, typography, userColors };
142
+ export { buttonColors, focusVisible, iconColors, selectColors, tagColors, tagLightColors, typography, userColors };
package/dist/index.d.ts CHANGED
@@ -29,6 +29,36 @@ declare const buttonColors: {
29
29
  readonly selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01";
30
30
  };
31
31
  };
32
+ declare const selectColors: {
33
+ readonly outline: {
34
+ readonly base: "border border-uiBorder02 bg-uiBackground01 text-interactive02 fill-interactive02";
35
+ readonly hover: "hover:bg-hover02";
36
+ readonly active: "active:bg-active02";
37
+ readonly disabled: "disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01";
38
+ readonly selected: "border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01";
39
+ };
40
+ readonly text: {
41
+ readonly base: "border border-transparent text-interactive02 fill-interactive02";
42
+ readonly hover: "hover:bg-hover02 hover:border-hover02";
43
+ readonly active: "active:bg-active02 active:border-active02";
44
+ readonly disabled: "disabled:text-disabled01 disabled:fill-disabled01";
45
+ readonly selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01";
46
+ };
47
+ readonly outlineError: {
48
+ readonly base: "border border-supportError bg-uiBackgroundError text-supportError fill-supportError";
49
+ readonly hover: "hover:bg-hover02";
50
+ readonly active: "active:bg-active02";
51
+ readonly disabled: "disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01";
52
+ readonly selected: "border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01";
53
+ };
54
+ readonly textError: {
55
+ readonly base: "border border-transparent bg-uiBackgroundError text-supportError fill-supportError";
56
+ readonly hover: "hover:bg-hover02 hover:border-hover02";
57
+ readonly active: "active:bg-active02 active:border-active02";
58
+ readonly disabled: "disabled:text-disabled01 disabled:fill-disabled01";
59
+ readonly selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01";
60
+ };
61
+ };
32
62
  declare const iconColors: {
33
63
  readonly icon01: "fill-icon01";
34
64
  readonly icon02: "fill-icon02";
@@ -109,4 +139,4 @@ declare const typography: {
109
139
  };
110
140
  };
111
141
 
112
- export { buttonColors, focusVisible, iconColors, tagColors, tagLightColors, typography, userColors };
142
+ export { buttonColors, focusVisible, iconColors, selectColors, tagColors, tagLightColors, typography, userColors };
package/dist/index.js CHANGED
@@ -23,6 +23,7 @@ __export(index_exports, {
23
23
  buttonColors: () => buttonColors,
24
24
  focusVisible: () => focusVisible,
25
25
  iconColors: () => iconColors,
26
+ selectColors: () => selectColors,
26
27
  tagColors: () => tagColors,
27
28
  tagLightColors: () => tagLightColors,
28
29
  typography: () => typography,
@@ -73,6 +74,24 @@ var buttonColors = {
73
74
  selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01"
74
75
  }
75
76
  };
77
+ var selectColors = {
78
+ outline: buttonColors.outline,
79
+ text: buttonColors.text,
80
+ outlineError: {
81
+ base: "border border-supportError bg-uiBackgroundError text-supportError fill-supportError",
82
+ hover: "hover:bg-hover02",
83
+ active: "active:bg-active02",
84
+ disabled: "disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01",
85
+ selected: "border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01"
86
+ },
87
+ textError: {
88
+ base: "border border-transparent bg-uiBackgroundError text-supportError fill-supportError",
89
+ hover: "hover:bg-hover02 hover:border-hover02",
90
+ active: "active:bg-active02 active:border-active02",
91
+ disabled: "disabled:text-disabled01 disabled:fill-disabled01",
92
+ selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01"
93
+ }
94
+ };
76
95
  var iconColors = {
77
96
  icon01: "fill-icon01",
78
97
  icon02: "fill-icon02",
@@ -159,6 +178,7 @@ var typography = {
159
178
  buttonColors,
160
179
  focusVisible,
161
180
  iconColors,
181
+ selectColors,
162
182
  tagColors,
163
183
  tagLightColors,
164
184
  typography,
package/dist/index.mjs CHANGED
@@ -41,6 +41,24 @@ var buttonColors = {
41
41
  selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01"
42
42
  }
43
43
  };
44
+ var selectColors = {
45
+ outline: buttonColors.outline,
46
+ text: buttonColors.text,
47
+ outlineError: {
48
+ base: "border border-supportError bg-uiBackgroundError text-supportError fill-supportError",
49
+ hover: "hover:bg-hover02",
50
+ active: "active:bg-active02",
51
+ disabled: "disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01",
52
+ selected: "border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01"
53
+ },
54
+ textError: {
55
+ base: "border border-transparent bg-uiBackgroundError text-supportError fill-supportError",
56
+ hover: "hover:bg-hover02 hover:border-hover02",
57
+ active: "active:bg-active02 active:border-active02",
58
+ disabled: "disabled:text-disabled01 disabled:fill-disabled01",
59
+ selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01"
60
+ }
61
+ };
44
62
  var iconColors = {
45
63
  icon01: "fill-icon01",
46
64
  icon02: "fill-icon02",
@@ -126,6 +144,7 @@ export {
126
144
  buttonColors,
127
145
  focusVisible,
128
146
  iconColors,
147
+ selectColors,
129
148
  tagColors,
130
149
  tagLightColors,
131
150
  typography,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenkigen-inc/component-theme",
3
- "version": "1.15.3",
3
+ "version": "1.16.1",
4
4
  "repository": "https://github.com/zenkigen/zenkigen-component",
5
5
  "license": "MIT",
6
6
  "publishConfig": {