@akinon/ui-theme 0.6.0 → 0.7.0

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.
@@ -0,0 +1,238 @@
1
+ import { ComponentToken as AntdAlertToken } from 'antd/lib/alert/style';
2
+ import { ComponentToken as AntdBadgeToken } from 'antd/lib/badge/style';
3
+ import { ComponentToken as AntdBreadcrumbToken } from 'antd/lib/breadcrumb/style';
4
+ import { ComponentToken as AntdButtonToken } from 'antd/lib/button/style';
5
+ import { ComponentToken as AntdCheckboxToken } from 'antd/lib/checkbox/style';
6
+ import { ComponentToken as AntdFlexToken } from 'antd/lib/flex/style';
7
+ import { ComponentToken as AntdGridToken } from 'antd/lib/grid/style';
8
+ import { ComponentToken as AntdInputToken } from 'antd/lib/input/style';
9
+ import { ComponentToken as AntdLayoutToken } from 'antd/lib/layout/style';
10
+ import { ComponentToken as AntdModalToken } from 'antd/lib/modal/style';
11
+ import { ComponentToken as AntdProgressToken } from 'antd/lib/progress/style';
12
+ import { ComponentToken as AntdRadioToken } from 'antd/lib/radio/style';
13
+ import { ComponentToken as AntdSpinToken } from 'antd/lib/spin/style';
14
+ import { ComponentToken as AntdStepsToken } from 'antd/lib/steps/style';
15
+ import { ComponentToken as AntdTagToken } from 'antd/lib/tag/style';
16
+ import { GlobalToken as AntdGlobalToken } from 'antd/lib/theme/interface';
17
+ import { AliasToken } from 'antd/lib/theme/internal';
18
+ import { ComponentToken as AntdTooltipToken } from 'antd/lib/tooltip/style';
19
+
20
+ type PositionTypes = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
21
+
22
+ export type ButtonToken = AntdButtonToken &
23
+ AliasToken & {
24
+ colorText: string;
25
+ colorTextHover: string;
26
+ defaultBgSm: string;
27
+ defaultBgSmHover: string;
28
+ colorErrorBgSM: string;
29
+ colorErrorBgSMHover: string;
30
+ colorErrorSMHover: string;
31
+ };
32
+
33
+ export type CheckboxToken = AntdCheckboxToken &
34
+ AliasToken & {
35
+ colorChecked: string;
36
+ };
37
+
38
+ export type RadioToken = AntdRadioToken &
39
+ AliasToken & {
40
+ colorChecked: string;
41
+ buttonSolidCheckedBorder: string;
42
+ };
43
+
44
+ export type BadgeToken = AntdBadgeToken &
45
+ AliasToken & {
46
+ colorText: string;
47
+ };
48
+
49
+ export type InputToken = AntdInputToken &
50
+ AliasToken & {
51
+ fontWeight: number;
52
+ };
53
+
54
+ export type BreadcrumbToken = AntdBreadcrumbToken &
55
+ AliasToken & {
56
+ paddingBottom: number;
57
+ borderBottom: string;
58
+ paddingLeft: number;
59
+ paddingRight: number;
60
+ marginLeft: number;
61
+ marginRight: number;
62
+ fontWeight: number;
63
+ letterSpacing: number;
64
+ borderBottom: string;
65
+ marginInline: number;
66
+ height: number | string;
67
+ };
68
+
69
+ export type TagToken = AntdTagToken &
70
+ AliasToken & {
71
+ defaultColorSuccess: string;
72
+ defaultBorderColorSuccess: string;
73
+ defaultBgSuccess: string;
74
+ defaultColorWaiting1: string;
75
+ defaultBorderColorWaiting1: string;
76
+ defaultBgWaiting1: string;
77
+ defaultColorWaiting2: string;
78
+ defaultBorderColorWaiting2: string;
79
+ defaultBgWaiting2: string;
80
+ defaultColorWaiting3: string;
81
+ defaultBorderColorWaiting3: string;
82
+ defaultBgWaiting3: string;
83
+ defaultColorFailed: string;
84
+ defaultBorderColorFailed: string;
85
+ defaultBgFailed: string;
86
+ fontSize: number;
87
+ paddingLeft: number;
88
+ paddingRight: number;
89
+ paddingTop: number;
90
+ paddingBottom: number;
91
+ fontSizeClose: number;
92
+ fontWeight: number;
93
+ };
94
+
95
+ export type TooltipToken = AntdTooltipToken &
96
+ AliasToken & {
97
+ bgColor: string;
98
+ };
99
+
100
+ export type FlexToken = AntdFlexToken & AliasToken;
101
+
102
+ export type GridToken = AntdGridToken &
103
+ AliasToken & {
104
+ rowMaxWidth: number;
105
+ gutter: number;
106
+ };
107
+
108
+ export type LayoutToken = AntdLayoutToken & AliasToken;
109
+
110
+ export type SpinToken = AntdSpinToken & AliasToken;
111
+
112
+ export type ModalToken = AntdModalToken &
113
+ AliasToken & {
114
+ padding: number | string;
115
+ fontWeight: number;
116
+ borderBottom: string;
117
+ footerPadding: string;
118
+ closeIconColor: string;
119
+ contentPadding: string;
120
+ footerMarginTop: string;
121
+ closeTop: string;
122
+ closeRight: string;
123
+ headerMarginBottom: number;
124
+ badgeColorContent: string;
125
+ badgeColorTop: number;
126
+ badgeColorLeft: number;
127
+ badgeColorWidth: number;
128
+ badgeColorHeight: number;
129
+ badgeColorPosition: PositionTypes;
130
+ badgeColorBackgroundColor: string;
131
+ };
132
+
133
+ export type AlertToken = AntdAlertToken &
134
+ AliasToken & {
135
+ defaultColorSuccess: string;
136
+ defaultBorderColorSuccess: string;
137
+ defaultBgSuccess: string;
138
+ defaultColorWaiting1: string;
139
+ defaultBorderColorWaiting1: string;
140
+ defaultBgWaiting1: string;
141
+ defaultColorWaiting2: string;
142
+ defaultBorderColorWaiting2: string;
143
+ defaultBgWaiting2: string;
144
+ defaultColorWaiting3: string;
145
+ defaultBorderColorWaiting3: string;
146
+ defaultBgWaiting3: string;
147
+ defaultColorFailed: string;
148
+ defaultBorderColorFailed: string;
149
+ defaultBgFailed: string;
150
+ };
151
+
152
+ export type ProgressToken = AntdProgressToken &
153
+ AliasToken & {
154
+ strokeColor: string;
155
+ trailColor: string;
156
+ borderRadius: string;
157
+ height: string;
158
+ successBgColor: string;
159
+ };
160
+
161
+ export type StepsToken = AntdStepsToken &
162
+ AliasToken & {
163
+ zero?: string;
164
+ auto?: string;
165
+ none?: string;
166
+ full?: string;
167
+ flex?: string;
168
+ rowGap?: string;
169
+ iconWidthHeight?: string;
170
+ iconSize?: string;
171
+ paddingInlineEnd?: string;
172
+ tailTop?: string;
173
+ tailHeight?: string;
174
+ titleFontSize?: string;
175
+ iconColor?: string;
176
+ tailColor?: string;
177
+ tailLastChildColor?: string;
178
+ tailFirstChildColor?: string;
179
+ tailProcessFirstChildColor?: string;
180
+ tailProcessColor?: string;
181
+ tailWaitLastChildColor?: string;
182
+ finishIconBgColor?: string;
183
+ finishTailColor?: string;
184
+ processIconBgColor?: string;
185
+ waitIconBgColor?: string;
186
+ waitIconColor?: string;
187
+ waitTitleColor?: string;
188
+ waitTailColor?: string;
189
+ manyItemsTransform?: string;
190
+ manyItemsWidth?: string;
191
+ manyItemsHeight?: string;
192
+ manyItemsWhiteSpace?: string;
193
+ manyItemsMarginInlineStart?: string;
194
+ manyItemsIconWidthHeight?: string;
195
+ manyItemsTailHeight?: string;
196
+ manyItemsTailBottom?: string;
197
+ };
198
+
199
+ export type FormToken = AntdFormToken &
200
+ AliasToken & {
201
+ lineHeight: number | string;
202
+ fontWeight: number;
203
+ verticalErrorPadding: string;
204
+ };
205
+
206
+ export type GlobalToken = AntdGlobalToken & {
207
+ Button: ButtonToken;
208
+ Checkbox: CheckboxToken;
209
+ Radio: RadioToken;
210
+ Input: InputToken;
211
+ Breadcrumb: BreadcrumbToken;
212
+ Tag: TagToken;
213
+ Tooltip: TooltipToken;
214
+ Flex: FlexToken;
215
+ Grid: GridToken;
216
+ Layout: LayoutToken;
217
+ Spin: SpinToken;
218
+ Modal: ModalToken;
219
+ Alert: AlertToken;
220
+ Badge: BadgeToken;
221
+ Progress: ProgressToken;
222
+ Steps: StepsToken;
223
+ Form: FormToken;
224
+ Divider: DividerToken;
225
+ };
226
+
227
+ export type DividerToken = AntdDividerToken &
228
+ AliasToken & {
229
+ fontWeight: number;
230
+ };
231
+
232
+ /**
233
+ * This is a type that is used to prevent the use of custom styles.
234
+ * Type name joke is stolen from React's internal props.
235
+ */
236
+ export type DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE = {
237
+ [key: string]: never;
238
+ };
@@ -0,0 +1,238 @@
1
+ import { ComponentToken as AntdAlertToken } from 'antd/lib/alert/style';
2
+ import { ComponentToken as AntdBadgeToken } from 'antd/lib/badge/style';
3
+ import { ComponentToken as AntdBreadcrumbToken } from 'antd/lib/breadcrumb/style';
4
+ import { ComponentToken as AntdButtonToken } from 'antd/lib/button/style';
5
+ import { ComponentToken as AntdCheckboxToken } from 'antd/lib/checkbox/style';
6
+ import { ComponentToken as AntdFlexToken } from 'antd/lib/flex/style';
7
+ import { ComponentToken as AntdGridToken } from 'antd/lib/grid/style';
8
+ import { ComponentToken as AntdInputToken } from 'antd/lib/input/style';
9
+ import { ComponentToken as AntdLayoutToken } from 'antd/lib/layout/style';
10
+ import { ComponentToken as AntdModalToken } from 'antd/lib/modal/style';
11
+ import { ComponentToken as AntdProgressToken } from 'antd/lib/progress/style';
12
+ import { ComponentToken as AntdRadioToken } from 'antd/lib/radio/style';
13
+ import { ComponentToken as AntdSpinToken } from 'antd/lib/spin/style';
14
+ import { ComponentToken as AntdStepsToken } from 'antd/lib/steps/style';
15
+ import { ComponentToken as AntdTagToken } from 'antd/lib/tag/style';
16
+ import { GlobalToken as AntdGlobalToken } from 'antd/lib/theme/interface';
17
+ import { AliasToken } from 'antd/lib/theme/internal';
18
+ import { ComponentToken as AntdTooltipToken } from 'antd/lib/tooltip/style';
19
+
20
+ type PositionTypes = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
21
+
22
+ export type ButtonToken = AntdButtonToken &
23
+ AliasToken & {
24
+ colorText: string;
25
+ colorTextHover: string;
26
+ defaultBgSm: string;
27
+ defaultBgSmHover: string;
28
+ colorErrorBgSM: string;
29
+ colorErrorBgSMHover: string;
30
+ colorErrorSMHover: string;
31
+ };
32
+
33
+ export type CheckboxToken = AntdCheckboxToken &
34
+ AliasToken & {
35
+ colorChecked: string;
36
+ };
37
+
38
+ export type RadioToken = AntdRadioToken &
39
+ AliasToken & {
40
+ colorChecked: string;
41
+ buttonSolidCheckedBorder: string;
42
+ };
43
+
44
+ export type BadgeToken = AntdBadgeToken &
45
+ AliasToken & {
46
+ colorText: string;
47
+ };
48
+
49
+ export type InputToken = AntdInputToken &
50
+ AliasToken & {
51
+ fontWeight: number;
52
+ };
53
+
54
+ export type BreadcrumbToken = AntdBreadcrumbToken &
55
+ AliasToken & {
56
+ paddingBottom: number;
57
+ borderBottom: string;
58
+ paddingLeft: number;
59
+ paddingRight: number;
60
+ marginLeft: number;
61
+ marginRight: number;
62
+ fontWeight: number;
63
+ letterSpacing: number;
64
+ borderBottom: string;
65
+ marginInline: number;
66
+ height: number | string;
67
+ };
68
+
69
+ export type TagToken = AntdTagToken &
70
+ AliasToken & {
71
+ defaultColorSuccess: string;
72
+ defaultBorderColorSuccess: string;
73
+ defaultBgSuccess: string;
74
+ defaultColorWaiting1: string;
75
+ defaultBorderColorWaiting1: string;
76
+ defaultBgWaiting1: string;
77
+ defaultColorWaiting2: string;
78
+ defaultBorderColorWaiting2: string;
79
+ defaultBgWaiting2: string;
80
+ defaultColorWaiting3: string;
81
+ defaultBorderColorWaiting3: string;
82
+ defaultBgWaiting3: string;
83
+ defaultColorFailed: string;
84
+ defaultBorderColorFailed: string;
85
+ defaultBgFailed: string;
86
+ fontSize: number;
87
+ paddingLeft: number;
88
+ paddingRight: number;
89
+ paddingTop: number;
90
+ paddingBottom: number;
91
+ fontSizeClose: number;
92
+ fontWeight: number;
93
+ };
94
+
95
+ export type TooltipToken = AntdTooltipToken &
96
+ AliasToken & {
97
+ bgColor: string;
98
+ };
99
+
100
+ export type FlexToken = AntdFlexToken & AliasToken;
101
+
102
+ export type GridToken = AntdGridToken &
103
+ AliasToken & {
104
+ rowMaxWidth: number;
105
+ gutter: number;
106
+ };
107
+
108
+ export type LayoutToken = AntdLayoutToken & AliasToken;
109
+
110
+ export type SpinToken = AntdSpinToken & AliasToken;
111
+
112
+ export type ModalToken = AntdModalToken &
113
+ AliasToken & {
114
+ padding: number | string;
115
+ fontWeight: number;
116
+ borderBottom: string;
117
+ footerPadding: string;
118
+ closeIconColor: string;
119
+ contentPadding: string;
120
+ footerMarginTop: string;
121
+ closeTop: string;
122
+ closeRight: string;
123
+ headerMarginBottom: number;
124
+ badgeColorContent: string;
125
+ badgeColorTop: number;
126
+ badgeColorLeft: number;
127
+ badgeColorWidth: number;
128
+ badgeColorHeight: number;
129
+ badgeColorPosition: PositionTypes;
130
+ badgeColorBackgroundColor: string;
131
+ };
132
+
133
+ export type AlertToken = AntdAlertToken &
134
+ AliasToken & {
135
+ defaultColorSuccess: string;
136
+ defaultBorderColorSuccess: string;
137
+ defaultBgSuccess: string;
138
+ defaultColorWaiting1: string;
139
+ defaultBorderColorWaiting1: string;
140
+ defaultBgWaiting1: string;
141
+ defaultColorWaiting2: string;
142
+ defaultBorderColorWaiting2: string;
143
+ defaultBgWaiting2: string;
144
+ defaultColorWaiting3: string;
145
+ defaultBorderColorWaiting3: string;
146
+ defaultBgWaiting3: string;
147
+ defaultColorFailed: string;
148
+ defaultBorderColorFailed: string;
149
+ defaultBgFailed: string;
150
+ };
151
+
152
+ export type ProgressToken = AntdProgressToken &
153
+ AliasToken & {
154
+ strokeColor: string;
155
+ trailColor: string;
156
+ borderRadius: string;
157
+ height: string;
158
+ successBgColor: string;
159
+ };
160
+
161
+ export type StepsToken = AntdStepsToken &
162
+ AliasToken & {
163
+ zero?: string;
164
+ auto?: string;
165
+ none?: string;
166
+ full?: string;
167
+ flex?: string;
168
+ rowGap?: string;
169
+ iconWidthHeight?: string;
170
+ iconSize?: string;
171
+ paddingInlineEnd?: string;
172
+ tailTop?: string;
173
+ tailHeight?: string;
174
+ titleFontSize?: string;
175
+ iconColor?: string;
176
+ tailColor?: string;
177
+ tailLastChildColor?: string;
178
+ tailFirstChildColor?: string;
179
+ tailProcessFirstChildColor?: string;
180
+ tailProcessColor?: string;
181
+ tailWaitLastChildColor?: string;
182
+ finishIconBgColor?: string;
183
+ finishTailColor?: string;
184
+ processIconBgColor?: string;
185
+ waitIconBgColor?: string;
186
+ waitIconColor?: string;
187
+ waitTitleColor?: string;
188
+ waitTailColor?: string;
189
+ manyItemsTransform?: string;
190
+ manyItemsWidth?: string;
191
+ manyItemsHeight?: string;
192
+ manyItemsWhiteSpace?: string;
193
+ manyItemsMarginInlineStart?: string;
194
+ manyItemsIconWidthHeight?: string;
195
+ manyItemsTailHeight?: string;
196
+ manyItemsTailBottom?: string;
197
+ };
198
+
199
+ export type FormToken = AntdFormToken &
200
+ AliasToken & {
201
+ lineHeight: number | string;
202
+ fontWeight: number;
203
+ verticalErrorPadding: string;
204
+ };
205
+
206
+ export type GlobalToken = AntdGlobalToken & {
207
+ Button: ButtonToken;
208
+ Checkbox: CheckboxToken;
209
+ Radio: RadioToken;
210
+ Input: InputToken;
211
+ Breadcrumb: BreadcrumbToken;
212
+ Tag: TagToken;
213
+ Tooltip: TooltipToken;
214
+ Flex: FlexToken;
215
+ Grid: GridToken;
216
+ Layout: LayoutToken;
217
+ Spin: SpinToken;
218
+ Modal: ModalToken;
219
+ Alert: AlertToken;
220
+ Badge: BadgeToken;
221
+ Progress: ProgressToken;
222
+ Steps: StepsToken;
223
+ Form: FormToken;
224
+ Divider: DividerToken;
225
+ };
226
+
227
+ export type DividerToken = AntdDividerToken &
228
+ AliasToken & {
229
+ fontWeight: number;
230
+ };
231
+
232
+ /**
233
+ * This is a type that is used to prevent the use of custom styles.
234
+ * Type name joke is stolen from React's internal props.
235
+ */
236
+ export type DO_NOT_USE_OR_YOU_WILL_BE_FIRED_INTERNAL_STYLE = {
237
+ [key: string]: never;
238
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@akinon/ui-theme",
3
- "version": "0.6.0",
3
+ "version": "0.7.0",
4
4
  "private": false,
5
5
  "description": "Akinon UI's default theme values.",
6
6
  "type": "module",
@@ -17,7 +17,7 @@
17
17
  "copyfiles": "^2.4.1",
18
18
  "rimraf": "^5.0.5",
19
19
  "typescript": "^5.2.2",
20
- "@akinon/typescript-config": "0.3.0"
20
+ "@akinon/typescript-config": "0.4.0"
21
21
  },
22
22
  "peerDependencies": {
23
23
  "react": ">=18",
@@ -37,7 +37,7 @@
37
37
  "build": "pnpm run build:esm && pnpm run build:commonjs && pnpm run copy:files",
38
38
  "build:esm": "tsc --outDir dist/esm",
39
39
  "build:commonjs": "tsc --module commonjs --outDir dist/cjs",
40
- "copy:files": "copyfiles -u 1 src/**/*.css dist/esm && copyfiles -u 1 src/**/*.css dist/cjs",
40
+ "copy:files": "copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/esm && copyfiles -u 1 \"src/**/*.!(ts|tsx)\" dist/cjs",
41
41
  "clean": "rimraf dist/",
42
42
  "typecheck": "tsc --noEmit"
43
43
  }