@bitrise/bitkit 12.59.1 → 12.60.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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit",
3
3
  "description": "Bitrise React component library",
4
- "version": "12.59.1",
4
+ "version": "12.60.0",
5
5
  "repository": "git@github.com:bitrise-io/bitkit.git",
6
6
  "main": "src/index.ts",
7
7
  "license": "UNLICENSED",
@@ -7,7 +7,7 @@ const FormTheme = {
7
7
  fontSize: '2',
8
8
  lineHeight: '1.25rem',
9
9
  marginTop: '4',
10
- color: 'neutral.40',
10
+ color: 'neutral.50',
11
11
  },
12
12
  } as ComponentStyleConfig,
13
13
  },
@@ -26,6 +26,9 @@ const FormTheme = {
26
26
  fontSize: '2',
27
27
  fontWeight: 'bold',
28
28
  color: 'purple.10',
29
+ _disabled: {
30
+ color: 'neutral.80',
31
+ },
29
32
  } as ComponentStyleConfig,
30
33
  },
31
34
  };
@@ -15,6 +15,7 @@ const InputTheme = defineStyle({
15
15
  transition: '200ms',
16
16
  _placeholder: {
17
17
  fontStyle: 'italic',
18
+ color: 'neutral.60',
18
19
  },
19
20
  _disabled: {
20
21
  background: 'neutral.93',
@@ -22,6 +23,9 @@ const InputTheme = defineStyle({
22
23
  _hover: {
23
24
  borderColor: 'neutral.90',
24
25
  },
26
+ _placeholder: {
27
+ color: 'neutral.80',
28
+ },
25
29
  },
26
30
  _readOnly: {
27
31
  background: 'neutral.93',
@@ -0,0 +1,278 @@
1
+ import { TypeIconName } from '../Icon/Icon';
2
+
3
+ export type FigmaIcon = {
4
+ iconName: TypeIconName | '';
5
+ figmaToken: string;
6
+ tags?: string;
7
+ };
8
+
9
+ export const figmaIcons: {
10
+ [category: string]: FigmaIcon[];
11
+ } = {
12
+ 'Arrows and Chevrons': [
13
+ { iconName: 'BackArrow', figmaToken: 'arrow-left' },
14
+ { iconName: '', figmaToken: 'arrow-down' },
15
+ { iconName: '', figmaToken: 'arrow-right' },
16
+ { iconName: '', figmaToken: 'arrow-up' },
17
+ { iconName: 'Request', figmaToken: 'arrow-left-over-right', tags: 'request' },
18
+ { iconName: 'SortArrows', figmaToken: 'arrow-up-down' },
19
+ { iconName: 'ArrowQuit', figmaToken: 'arrow-back-and-up', tags: 'quit' },
20
+ { iconName: 'ArrowDown', figmaToken: 'arrow-move-down' },
21
+ { iconName: 'ArrowBack', figmaToken: 'arrow-move-left' },
22
+ { iconName: 'ArrowForward', figmaToken: 'arrow-move-right' },
23
+ { iconName: 'ArrowUp', figmaToken: 'arrow-move-up' },
24
+ { iconName: 'ChevronDown', figmaToken: 'chevron-down' },
25
+ { iconName: 'ChevronLeft', figmaToken: 'chevron-left' },
26
+ { iconName: 'ChevronRight', figmaToken: 'chevron-right' },
27
+ { iconName: 'ChevronUp', figmaToken: 'chevron-up' },
28
+ ],
29
+ Bitrise: [
30
+ { iconName: 'Addons', figmaToken: 'addons' },
31
+ { iconName: 'AddonsViolet', figmaToken: 'addons-purple' },
32
+ { iconName: 'AddonsTuorqouise', figmaToken: 'addons-turqouise' },
33
+ { iconName: 'AddonsWhite', figmaToken: 'addons-white' },
34
+ { iconName: 'Steps', figmaToken: 'steps' },
35
+ { iconName: 'StepsViolet', figmaToken: 'steps-purple' },
36
+ { iconName: 'StepsTuorqouise', figmaToken: 'steps-turqouise' },
37
+ { iconName: 'StepsWhite', figmaToken: 'steps-white' },
38
+ { iconName: 'Build', figmaToken: 'build' },
39
+ { iconName: 'Workflow', figmaToken: 'workflow' },
40
+ { iconName: 'WorkflowFlow', figmaToken: 'workflow-flow' },
41
+ { iconName: 'Bitbot', figmaToken: 'bitbot' },
42
+ { iconName: 'BitbotError', figmaToken: 'bitbot-error' },
43
+ { iconName: 'Ship', figmaToken: 'ship' },
44
+ { iconName: 'Trace', figmaToken: 'trace' },
45
+ { iconName: 'BadgeBitrise', figmaToken: 'badge-bitrise' },
46
+ { iconName: 'Badge3rdParty', figmaToken: 'badge-3rd-party' },
47
+ { iconName: 'StepUpgrade', figmaToken: 'step-upgrade' },
48
+ { iconName: 'StepVersionOk', figmaToken: 'step-version-ok' },
49
+ ],
50
+ Computer: [
51
+ { iconName: 'Cpu', figmaToken: 'cpu' },
52
+ { iconName: 'Cache', figmaToken: 'memory', tags: 'cache, ram' },
53
+ { iconName: 'FileDoc', figmaToken: 'file-doc' },
54
+ { iconName: 'FilePdf', figmaToken: 'file-pdf' },
55
+ { iconName: 'FilePlist', figmaToken: 'file-plist' },
56
+ { iconName: 'FileZip', figmaToken: 'file-zip' },
57
+ { iconName: 'Login', figmaToken: 'login' },
58
+ { iconName: 'Logout', figmaToken: 'logout' },
59
+ { iconName: 'Filter', figmaToken: 'configure', tags: 'configuration, preferences' },
60
+ { iconName: '', figmaToken: 'filter', tags: 'filtering, funnel' },
61
+ { iconName: 'Duplicate', figmaToken: 'copy', tags: 'clone, duplicate' },
62
+ { iconName: 'Download', figmaToken: 'download' },
63
+ { iconName: '', figmaToken: 'install' },
64
+ { iconName: 'Upload', figmaToken: 'upload' },
65
+ { iconName: 'Folder', figmaToken: 'folder' },
66
+ { iconName: 'Save', figmaToken: 'save' },
67
+ { iconName: 'Fullscreen', figmaToken: 'fullscreen' },
68
+ { iconName: 'FullscreenExit', figmaToken: 'fullscreen-exit' },
69
+ { iconName: 'Mobile', figmaToken: 'mobile' },
70
+ { iconName: 'Laptop', figmaToken: 'laptop' },
71
+ { iconName: 'Screenshare', figmaToken: 'screenshare' },
72
+ { iconName: 'Podcast', figmaToken: 'microphone' },
73
+ { iconName: 'Webinar', figmaToken: 'headset', tags: 'webinar' },
74
+ { iconName: 'Chat', figmaToken: 'chat' },
75
+ { iconName: 'Message', figmaToken: 'message' },
76
+ { iconName: 'ChatMessage', figmaToken: 'message-alert', tags: 'chat' },
77
+ { iconName: 'Window', figmaToken: 'terminal', tags: 'prompt, window' },
78
+ { iconName: 'MonitorChart', figmaToken: 'monitor-chart' },
79
+ { iconName: 'OpenInBrowser', figmaToken: 'open-in-new', tags: 'link, new-tab, browser' },
80
+ ],
81
+ Developer: [
82
+ { iconName: 'App', figmaToken: 'app' },
83
+ { iconName: 'Branch', figmaToken: 'branch' },
84
+ { iconName: '', figmaToken: 'commit' },
85
+ { iconName: 'Pull', figmaToken: 'pull' },
86
+ { iconName: 'Commit', figmaToken: 'push' },
87
+ { iconName: 'Bug', figmaToken: 'bug' },
88
+ { iconName: 'Trigger', figmaToken: 'trigger' },
89
+ { iconName: 'Stack', figmaToken: 'stack' },
90
+ { iconName: 'Code', figmaToken: 'code' },
91
+ { iconName: 'CodeSigning', figmaToken: 'code-signing' },
92
+ { iconName: 'Deployment', figmaToken: 'deployment' },
93
+ { iconName: 'SecurityShield', figmaToken: 'security-shield' },
94
+ { iconName: 'ValidateShield', figmaToken: 'validate-shield' },
95
+ { iconName: 'WebUi', figmaToken: 'web ui' },
96
+ { iconName: 'Webhooks', figmaToken: 'webhooks' },
97
+ { iconName: 'Agent', figmaToken: 'agent' },
98
+ ],
99
+ Logos: [
100
+ { iconName: 'Android', figmaToken: 'android' },
101
+ { iconName: 'Apple', figmaToken: 'apple', tags: 'ios' },
102
+ { iconName: 'AppleFill', figmaToken: 'apple-filled', tags: 'ios' },
103
+ { iconName: 'Macos', figmaToken: 'macos' },
104
+ { iconName: 'Twitter', figmaToken: 'twitter' },
105
+ { iconName: 'BitbucketPlain', figmaToken: 'bitbucket' },
106
+ { iconName: 'BitbucketBlue', figmaToken: 'bitbucket-color' },
107
+ { iconName: 'BitbucketShadedWhite', figmaToken: 'bitbucket-white' },
108
+ { iconName: 'Cordova', figmaToken: 'cordova' },
109
+ { iconName: 'Fastlane', figmaToken: 'fastlane' },
110
+ { iconName: 'Flutter', figmaToken: 'flutter' },
111
+ { iconName: 'Go', figmaToken: 'go' },
112
+ { iconName: 'Github', figmaToken: 'github' },
113
+ { iconName: 'GitlabPlain', figmaToken: 'gitlab' },
114
+ { iconName: 'GitlabColor', figmaToken: 'gitlab-color' },
115
+ { iconName: 'GitlabShadedWhite', figmaToken: 'gitlab-white' },
116
+ { iconName: 'Ionic', figmaToken: 'ionic' },
117
+ { iconName: 'Nodejs', figmaToken: 'nodejs' },
118
+ { iconName: 'ReactIcon', figmaToken: 'react' },
119
+ { iconName: 'Xamarin', figmaToken: 'xamarin' },
120
+ { iconName: 'Other', figmaToken: 'other' },
121
+ { iconName: 'GoogleColor', figmaToken: 'google' },
122
+ { iconName: 'Bazel', figmaToken: 'bazel' },
123
+ { iconName: 'Gradle', figmaToken: 'gradle' },
124
+ { iconName: '', figmaToken: 'launchdarkly' },
125
+ ],
126
+ Media: [
127
+ { iconName: 'Pause', figmaToken: 'pause' },
128
+ { iconName: 'Play', figmaToken: 'play' },
129
+ { iconName: 'Shuffle', figmaToken: 'shuffle' },
130
+ { iconName: 'Video', figmaToken: 'video' },
131
+ ],
132
+ Objects: [
133
+ { iconName: 'Anchor', figmaToken: 'anchor' },
134
+ { iconName: 'Bell', figmaToken: 'bell' },
135
+ { iconName: 'Book', figmaToken: 'book' },
136
+ { iconName: 'Calendar', figmaToken: 'calendar' },
137
+ { iconName: 'Coffee', figmaToken: 'coffee' },
138
+ { iconName: 'Creditcard', figmaToken: 'creditcard' },
139
+ { iconName: 'Credits', figmaToken: 'credits' },
140
+ { iconName: 'Owner', figmaToken: 'crown' },
141
+ { iconName: 'Doc', figmaToken: 'doc' },
142
+ { iconName: 'Enterprise', figmaToken: 'enterprise' },
143
+ { iconName: 'Flag', figmaToken: 'flag' },
144
+ { iconName: 'Japanese', figmaToken: 'japanese' },
145
+ { iconName: 'Gauge', figmaToken: 'gauge' },
146
+ { iconName: 'Globe', figmaToken: 'globe' },
147
+ { iconName: 'Heart', figmaToken: 'heart' },
148
+ { iconName: 'Time', figmaToken: 'hourglass', tags: 'time, sand' },
149
+ { iconName: 'Image', figmaToken: 'image' },
150
+ { iconName: 'Invoice', figmaToken: 'invoice' },
151
+ { iconName: 'Key', figmaToken: 'key' },
152
+ { iconName: 'Lightbulb', figmaToken: 'lightbulb' },
153
+ { iconName: 'Link', figmaToken: 'link' },
154
+ { iconName: 'Lock', figmaToken: 'lock', tags: 'private' },
155
+ { iconName: 'LockOpen', figmaToken: 'lock-open', tags: 'public, unlocked' },
156
+ { iconName: 'Magnifier', figmaToken: 'magnifier' },
157
+ { iconName: 'Mail', figmaToken: 'mail', tags: 'email, envelope, message' },
158
+ { iconName: 'News', figmaToken: 'news' },
159
+ { iconName: 'NoTie', figmaToken: 'no-tie' },
160
+ { iconName: 'Pencil', figmaToken: 'pencil' },
161
+ { iconName: 'Star', figmaToken: 'star' },
162
+ { iconName: 'Stopwatch', figmaToken: 'stopwatch' },
163
+ { iconName: 'Tag', figmaToken: 'tag' },
164
+ { iconName: 'Tools', figmaToken: 'tools' },
165
+ { iconName: 'Trash', figmaToken: 'trash', tags: 'delete, remove' },
166
+ { iconName: 'Siren', figmaToken: 'siren', tags: 'alert, alarm, emergency' },
167
+ ],
168
+ People: [
169
+ { iconName: 'Person', figmaToken: 'person', tags: 'account, user' },
170
+ { iconName: 'ConnectedAccounts', figmaToken: 'connected-accounts' },
171
+ { iconName: 'Dudes', figmaToken: 'people', tags: 'dudes, team' },
172
+ { iconName: 'Conference', figmaToken: 'person-with-desk' },
173
+ { iconName: 'ShowPassword', figmaToken: 'eye', tags: 'password, show, view' },
174
+ { iconName: 'HidePassword', figmaToken: 'eye-slash', tags: 'hide, password' },
175
+ ],
176
+ Actions: [
177
+ { iconName: 'PlusOpen', figmaToken: 'plus' },
178
+ { iconName: 'PlusAdd', figmaToken: 'plus-circle', tags: 'add' },
179
+ { iconName: '', figmaToken: 'plus-circle-filled' },
180
+ { iconName: 'MinusClose', figmaToken: 'minus' },
181
+ { iconName: 'MinusRemove', figmaToken: 'minus-circle', tags: 'remove' },
182
+ { iconName: '', figmaToken: 'minus-circle-filled' },
183
+ { iconName: 'CloseSmall', figmaToken: 'cross', tags: 'cancel, close, x, x-mark' },
184
+ { iconName: 'BuildstatusFailed', figmaToken: 'cross-circle', tags: 'clear, dismiss, remove' },
185
+ { iconName: 'BuildstatusFailedSolid', figmaToken: 'cross-circle-filled', tags: 'failed, error, status' },
186
+ ],
187
+ Navigation: [
188
+ { iconName: '', figmaToken: 'dashboard' },
189
+ { iconName: '', figmaToken: 'dashboard-filled' },
190
+ { iconName: 'BuildTest', figmaToken: 'build-test', tags: 'automation, ci/cd' },
191
+ { iconName: '', figmaToken: 'build-test-filled', tags: 'automation, ci/cd' },
192
+ { iconName: 'BuildCache', figmaToken: 'build-cache' },
193
+ { iconName: '', figmaToken: 'build-cache-filled' },
194
+ { iconName: 'Release', figmaToken: 'release' },
195
+ { iconName: '', figmaToken: 'release-filled' },
196
+ { iconName: 'Insights', figmaToken: 'insights' },
197
+ { iconName: '', figmaToken: 'insights-filled' },
198
+ { iconName: 'Settings', figmaToken: 'settings' },
199
+ { iconName: '', figmaToken: 'settings-filled' },
200
+ ],
201
+ Status: [
202
+ { iconName: 'BuildstatusNeverbuilt', figmaToken: 'circle' },
203
+ { iconName: 'StageIncomplete', figmaToken: 'circle-dashed' },
204
+ { iconName: 'StageCurrent', figmaToken: 'circle-half-full', tags: 'in-progress' },
205
+ {
206
+ iconName: '',
207
+ figmaToken: 'block-circle',
208
+ tags: 'abort, aborted, ban, block, forbidden, restricted, status, progress',
209
+ },
210
+ { iconName: '', figmaToken: 'question-circle', tags: 'help, support' },
211
+ { iconName: '', figmaToken: 'question-circle-filled' },
212
+ { iconName: 'StepstatusSkip', figmaToken: 'skip-circle', tags: 'progress' },
213
+ { iconName: '', figmaToken: 'skip-circle-filled' },
214
+ { iconName: 'Tick', figmaToken: 'check', tags: 'tick' },
215
+ { iconName: 'BuildstatusSuccessful', figmaToken: 'check-circle', tags: 'success' },
216
+ { iconName: 'BuildstatusSuccessfulSolid', figmaToken: 'check-circle-filled', tags: 'success' },
217
+ { iconName: 'StepstatusWarning', figmaToken: 'error-circle' },
218
+ { iconName: '', figmaToken: 'error-circle-filled' },
219
+ { iconName: '', figmaToken: 'info-circle', tags: 'tooltip' },
220
+ { iconName: '', figmaToken: 'info-circle-filled' },
221
+ { iconName: 'Warning', figmaToken: 'warning' },
222
+ { iconName: 'WarningColored', figmaToken: 'warning-yellow' },
223
+ ],
224
+ 'Status (old)': [
225
+ { iconName: 'TestFailed', figmaToken: 'test-failed' },
226
+ { iconName: 'TestInconclusive', figmaToken: 'test-inconclusive' },
227
+ { iconName: 'TestInfo', figmaToken: 'test-info' },
228
+ { iconName: 'TestInprogress', figmaToken: 'test-inprogress' },
229
+ { iconName: 'TestSkipped', figmaToken: 'test-skipped' },
230
+ { iconName: 'TestSuccess', figmaToken: 'test-success' },
231
+ { iconName: 'TestWarning', figmaToken: 'test-warning' },
232
+ { iconName: 'ProgressEggplant', figmaToken: 'spinner-eggplant', tags: 'loading, progress' },
233
+ { iconName: 'ProgressViolet', figmaToken: 'spinner-violet', tags: 'loading, progress' },
234
+ { iconName: 'ProgressWhite', figmaToken: 'spinner-white', tags: 'loading, progress' },
235
+ { iconName: 'BuildstatusProgressWhite', figmaToken: 'build-spinner-white', tags: 'progress, running, status' },
236
+ {
237
+ iconName: 'BuildstatusProgressEggplant',
238
+ figmaToken: 'build-spinner-eggplant',
239
+ tags: 'progress, running, status',
240
+ },
241
+ ],
242
+ Symbols: [
243
+ { iconName: 'Expand', figmaToken: 'expand' },
244
+ { iconName: 'Refresh', figmaToken: 'refresh' },
245
+ { iconName: 'Replace', figmaToken: 'replace' },
246
+ { iconName: 'History', figmaToken: 'history' },
247
+ { iconName: 'Responsiveness', figmaToken: 'responsiveness' },
248
+ { iconName: 'Power', figmaToken: 'power' },
249
+ { iconName: 'MenuGrid', figmaToken: 'menu-grid' },
250
+ { iconName: 'MenuHamburger', figmaToken: 'menu-hamburger' },
251
+ { iconName: 'MoreHorizontal', figmaToken: 'more-horizontal' },
252
+ { iconName: 'MoreVertical', figmaToken: 'more-vertical' },
253
+ { iconName: 'Overview', figmaToken: 'overview' },
254
+ { iconName: 'Bulletpoint', figmaToken: 'dot', tags: 'bullet, bulletpoint' },
255
+ { iconName: 'Group', figmaToken: 'group' },
256
+ { iconName: 'Percent', figmaToken: 'percent' },
257
+ { iconName: 'BoxWithArrowDown', figmaToken: 'box-arrow-down' },
258
+ { iconName: 'BoxWithDot', figmaToken: 'box-dot' },
259
+ { iconName: 'OverflowingLines', figmaToken: 'box-lines-overflow', tags: 'text, wrap' },
260
+ { iconName: 'WrappedLines', figmaToken: 'box-lines-wrap', tags: 'text' },
261
+ { iconName: 'ChangePlan', figmaToken: 'change-plan' },
262
+ { iconName: 'Dollars', figmaToken: 'dollar' },
263
+ { iconName: 'Numero', figmaToken: 'hashtag', tags: 'numero' },
264
+ { iconName: 'Cycle', figmaToken: 'cycle' },
265
+ { iconName: 'Interaction', figmaToken: 'interaction' },
266
+ { iconName: 'Stability', figmaToken: 'stability' },
267
+ { iconName: 'Swag', figmaToken: 'swag' },
268
+ { iconName: 'Testing', figmaToken: 'tasks', tags: 'checklist, list, testing' },
269
+ { iconName: 'Wow', figmaToken: 'wow' },
270
+ ],
271
+ 'UI Components': [
272
+ { iconName: '', figmaToken: 'table-sort: Not sorted' },
273
+ { iconName: 'Sort', figmaToken: 'table-sort: Hover' },
274
+ { iconName: '', figmaToken: 'table-sort: Up' },
275
+ { iconName: '', figmaToken: 'table-sort: Descending' },
276
+ { iconName: 'DropdownArrows', figmaToken: 'dropdown-arrows' },
277
+ ],
278
+ };