@fibery/ui-kit 1.17.1 → 1.19.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/index.ts +1 -1
- package/package.json +29 -23
- package/src/antd/styles.ts +1 -1
- package/src/back-button.tsx +3 -0
- package/src/{Button → button}/actions-button.tsx +2 -2
- package/src/{Button → button}/button-base.tsx +2 -2
- package/src/{Button → button}/button-group.tsx +1 -1
- package/src/{Button → button}/button.tsx +3 -3
- package/src/{Button → button}/icon-button.tsx +1 -0
- package/src/button.tsx +3 -0
- package/src/create-inline-theme.ts +2 -0
- package/src/design-system.ts +1009 -0
- package/src/emoji-picker/app-icon-picker.tsx +2 -2
- package/src/emoji-picker/emoji-picker-content-with-color.tsx +7 -7
- package/src/emoji-picker/emoji-picker.tsx +11 -5
- package/src/emoji-picker/icon-emoji-picker.tsx +2 -2
- package/src/emoji-picker/primitives/category.tsx +2 -2
- package/src/emoji-picker/primitives/content.tsx +3 -2
- package/src/emoji-picker/primitives/emoji.tsx +1 -1
- package/src/emoji-picker/primitives/footer.tsx +1 -1
- package/src/emoji-picker/primitives/header.tsx +1 -1
- package/src/emoji-picker/primitives/layout.ts +1 -1
- package/src/emoji-picker/primitives/search.tsx +2 -2
- package/src/emoji-picker/primitives/skin-tone.tsx +2 -2
- package/src/emoji-picker/stores/lazy-emoji-data-store.tsx +3 -3
- package/src/emoji-picker/stores/lazy-icon-data-store.tsx +1 -1
- package/src/error-alert.tsx +3 -3
- package/src/form-field-loader.tsx +1 -1
- package/src/icons/Icon.tsx +5 -5
- package/src/icons/ast/Activity.ts +1 -1
- package/src/icons/ast/BellFilled.ts +8 -0
- package/src/icons/ast/BellOff.ts +8 -0
- package/src/icons/ast/BellRinging.ts +8 -0
- package/src/icons/ast/Clock.ts +8 -0
- package/src/icons/ast/ClockAlarm.ts +8 -0
- package/src/icons/ast/Copy.ts +1 -1
- package/src/icons/ast/Export.ts +8 -0
- package/src/icons/ast/ExtensionComments.ts +1 -1
- package/src/icons/ast/Favorites.ts +1 -1
- package/src/icons/ast/FavoritesChecked.ts +1 -1
- package/src/icons/ast/FavoritesOff.ts +8 -0
- package/src/icons/ast/GlobeSimple.ts +8 -0
- package/src/icons/ast/Import.ts +8 -0
- package/src/icons/ast/Lab.ts +8 -0
- package/src/icons/ast/Link.ts +8 -0
- package/src/icons/ast/Monitor.ts +8 -0
- package/src/icons/ast/Network.ts +8 -0
- package/src/icons/ast/Pencil.ts +8 -0
- package/src/icons/ast/People.ts +8 -0
- package/src/icons/ast/RicheditorCommentCreate.ts +1 -1
- package/src/icons/ast/RicheditorLinkCreate.ts +1 -1
- package/src/icons/ast/RicheditorOpenLink.ts +1 -1
- package/src/icons/ast/RicheditorUnlink.ts +1 -1
- package/src/icons/ast/ShieldKeyhole.ts +8 -0
- package/src/icons/ast/Success.ts +8 -0
- package/src/icons/ast/Terminal.ts +8 -0
- package/src/icons/ast/TypeUrl.ts +1 -1
- package/src/icons/ast/WarningTriangle.ts +8 -0
- package/src/icons/ast/index.tsx +19 -4
- package/src/icons/{getIconContainerStyle.tsx → get-icon-container-style.tsx} +1 -1
- package/src/icons/react/BellFilled.tsx +12 -0
- package/src/icons/react/BellOff.tsx +12 -0
- package/src/icons/react/BellRinging.tsx +12 -0
- package/src/icons/react/Clock.tsx +12 -0
- package/src/icons/react/ClockAlarm.tsx +12 -0
- package/src/icons/react/Export.tsx +12 -0
- package/src/icons/react/FavoritesOff.tsx +12 -0
- package/src/icons/react/GlobeSimple.tsx +12 -0
- package/src/icons/react/Import.tsx +12 -0
- package/src/icons/react/Lab.tsx +12 -0
- package/src/icons/react/Link.tsx +12 -0
- package/src/icons/react/Monitor.tsx +12 -0
- package/src/icons/react/Network.tsx +12 -0
- package/src/icons/react/Pencil.tsx +12 -0
- package/src/icons/react/People.tsx +12 -0
- package/src/icons/react/ShieldKeyhole.tsx +12 -0
- package/src/icons/react/Success.tsx +12 -0
- package/src/icons/react/Terminal.tsx +12 -0
- package/src/icons/react/WarningTriangle.tsx +12 -0
- package/src/icons/react/index.tsx +19 -4
- package/src/{Item.tsx → item.tsx} +1 -1
- package/src/loaders.tsx +19 -6
- package/src/loading-sausage.tsx +3 -1
- package/src/select/custom-select-partials/clear-indicator.tsx +22 -0
- package/src/select/custom-select-partials/drop-down-indicator.tsx +26 -0
- package/src/select/custom-select-partials/group-heading.tsx +54 -0
- package/src/select/custom-select-partials/menu.tsx +25 -0
- package/src/select/custom-select-partials/no-option-message.tsx +10 -0
- package/src/select/custom-select-partials/option.tsx +65 -0
- package/src/{Select → select}/index.tsx +54 -48
- package/src/{Select → select}/select-in-popover.tsx +5 -5
- package/src/{Select → select}/styles.ts +9 -53
- package/src/{ThemeProvider.tsx → theme-provider.tsx} +11 -1
- package/src/theme-styles.ts +2 -5
- package/src/toast/primitives.tsx +145 -0
- package/src/toast/toast-action.tsx +20 -0
- package/src/toast/toast-queue.tsx +121 -0
- package/src/toast/toast.tsx +114 -0
- package/src/toast/toaster.tsx +72 -0
- package/src/tooltip.tsx +3 -3
- package/src/BackButton.tsx +0 -3
- package/src/Button.tsx +0 -3
- package/src/Select/components.tsx +0 -90
- package/src/designSystem.ts +0 -951
- package/src/icons/ast/AppTemplatesOneColor.ts +0 -8
- package/src/icons/ast/CopyUrl.ts +0 -8
- package/src/icons/ast/FavoritesMenu.ts +0 -8
- package/src/icons/ast/Markdown.ts +0 -8
- package/src/icons/react/AppTemplatesOneColor.tsx +0 -12
- package/src/icons/react/CopyUrl.tsx +0 -12
- package/src/icons/react/FavoritesMenu.tsx +0 -12
- package/src/icons/react/Markdown.tsx +0 -12
- /package/src/{Button → button}/actions-button-compact.tsx +0 -0
- /package/src/{Button/AddButton.tsx → button/add-button.tsx} +0 -0
- /package/src/{Button/BackButton.tsx → button/back-button.tsx} +0 -0
- /package/src/icons/{generateIconFromAst.ts → generate-icon-from-ast.ts} +0 -0
- /package/src/icons/{IconAsPaths.ts → get-paths.ts} +0 -0
- /package/src/icons/{getShiftStyle.ts → get-shift-style.ts} +0 -0
- /package/src/{Pallete.ts → pallete.ts} +0 -0
- /package/src/{Select → select}/select-control-settings-context.tsx +0 -0
- /package/src/{Select → select}/select-loader.tsx +0 -0
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const Success: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"fill":"none","viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"m12.267 7.325-3.575 3.583-1.375-1.375a.833.833 0 1 0-1.175 1.175L8.1 12.675a.834.834 0 0 0 1.175 0l4.167-4.167a.833.833 0 1 0-1.175-1.183ZM10 1.667a8.333 8.333 0 1 0 0 16.666 8.333 8.333 0 0 0 0-16.666Zm0 15a6.667 6.667 0 1 1 0-13.334 6.667 6.667 0 0 1 0 13.334Z"},"children":[]}],"metadata":""}]},"name":"success"};
|
|
7
|
+
|
|
8
|
+
export default Success;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const Terminal: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M10.75 11.5a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5ZM7.28 12.78l2.25-2.25a.75.75 0 0 0 0-1.06L7.28 7.22a.75.75 0 0 0-1.06 1.06L7.94 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M4.25 3A2.25 2.25 0 0 0 2 5.25v9.5A2.25 2.25 0 0 0 4.25 17h11.5A2.25 2.25 0 0 0 18 14.75v-9.5A2.25 2.25 0 0 0 15.75 3H4.25ZM3.5 5.25a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v9.5a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-9.5Z"},"children":[]}],"metadata":""}]},"name":"terminal"};
|
|
7
|
+
|
|
8
|
+
export default Terminal;
|
package/src/icons/ast/TypeUrl.ts
CHANGED
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
|
|
4
4
|
import { IconDefinition } from '../types';
|
|
5
5
|
|
|
6
|
-
const TypeUrl: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"
|
|
6
|
+
const TypeUrl: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M3.982 8.862a5.06 5.06 0 0 0 7.156 7.156l1.22-1.22a.746.746 0 1 0-1.056-1.056l-1.22 1.22a3.567 3.567 0 0 1-5.044-5.044l1.22-1.22a.747.747 0 0 0-1.056-1.056l-1.22 1.22Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M7.032 11.912a.747.747 0 0 0 1.056 1.056l4.88-4.88a.746.746 0 1 0-1.056-1.056l-4.88 4.88Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M7.642 5.202a.747.747 0 1 0 1.056 1.056l1.22-1.22a3.567 3.567 0 0 1 5.044 5.044l-1.22 1.22a.746.746 0 1 0 1.056 1.056l1.22-1.22a5.06 5.06 0 0 0-7.156-7.156l-1.22 1.22Z"},"children":[]}],"metadata":""}]},"name":"type-url"};
|
|
7
7
|
|
|
8
8
|
export default TypeUrl;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const WarningTriangle: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"fill":"none","viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M10 13.333A.833.833 0 1 0 10 15a.833.833 0 0 0 0-1.666Zm8.892 1.225L12.183 2.892a2.5 2.5 0 0 0-4.366 0L1.15 14.558a2.5 2.5 0 0 0 2.133 3.775h13.434a2.5 2.5 0 0 0 2.175-3.775Zm-1.442 1.667a.832.832 0 0 1-.733.425H3.283a.832.832 0 0 1-.733-.425.833.833 0 0 1 0-.833L9.217 3.725a.833.833 0 0 1 1.483 0l6.708 11.667a.834.834 0 0 1 .042.85v-.017ZM10 6.667a.833.833 0 0 0-.833.833v3.333a.833.833 0 0 0 1.666 0V7.5A.834.834 0 0 0 10 6.667Z"},"children":[]}],"metadata":""}]},"name":"warning-triangle"};
|
|
7
|
+
|
|
8
|
+
export default WarningTriangle;
|
package/src/icons/ast/index.tsx
CHANGED
|
@@ -16,7 +16,6 @@ export { default as AntdFilledInfoCircle } from './AntdFilledInfoCircle';
|
|
|
16
16
|
export { default as AppDetails } from './AppDetails';
|
|
17
17
|
export { default as AppStoreOneColor } from './AppStoreOneColor';
|
|
18
18
|
export { default as AppStore } from './AppStore';
|
|
19
|
-
export { default as AppTemplatesOneColor } from './AppTemplatesOneColor';
|
|
20
19
|
export { default as AppTemplates } from './AppTemplates';
|
|
21
20
|
export { default as AppWebhooks } from './AppWebhooks';
|
|
22
21
|
export { default as AppWiki } from './AppWiki';
|
|
@@ -35,13 +34,18 @@ export { default as Back } from './Back';
|
|
|
35
34
|
export { default as BacklogIcon } from './BacklogIcon';
|
|
36
35
|
export { default as BatchActionsIcon } from './BatchActionsIcon';
|
|
37
36
|
export { default as BellCircle } from './BellCircle';
|
|
37
|
+
export { default as BellFilled } from './BellFilled';
|
|
38
|
+
export { default as BellOff } from './BellOff';
|
|
39
|
+
export { default as BellRinging } from './BellRinging';
|
|
38
40
|
export { default as BellX } from './BellX';
|
|
39
41
|
export { default as Bolt } from './Bolt';
|
|
40
42
|
export { default as Cards } from './Cards';
|
|
41
43
|
export { default as CheckCircle } from './CheckCircle';
|
|
42
44
|
export { default as Checked } from './Checked';
|
|
43
45
|
export { default as ClearValue } from './ClearValue';
|
|
46
|
+
export { default as ClockAlarm } from './ClockAlarm';
|
|
44
47
|
export { default as ClockForward } from './ClockForward';
|
|
48
|
+
export { default as Clock } from './Clock';
|
|
45
49
|
export { default as Close } from './Close';
|
|
46
50
|
export { default as ColorCodingFilled } from './ColorCodingFilled';
|
|
47
51
|
export { default as ColorCoding } from './ColorCoding';
|
|
@@ -49,7 +53,6 @@ export { default as Columns2 } from './Columns2';
|
|
|
49
53
|
export { default as Columns4 } from './Columns4';
|
|
50
54
|
export { default as Columns } from './Columns';
|
|
51
55
|
export { default as Copy } from './Copy';
|
|
52
|
-
export { default as CopyUrl } from './CopyUrl';
|
|
53
56
|
export { default as Database } from './Database';
|
|
54
57
|
export { default as Delete } from './Delete';
|
|
55
58
|
export { default as Demo } from './Demo';
|
|
@@ -60,6 +63,7 @@ export { default as DragHandle } from './DragHandle';
|
|
|
60
63
|
export { default as DynamicFilterValue } from './DynamicFilterValue';
|
|
61
64
|
export { default as Email } from './Email';
|
|
62
65
|
export { default as EmojiDelete } from './EmojiDelete';
|
|
66
|
+
export { default as Export } from './Export';
|
|
63
67
|
export { default as ExtensionAssignments } from './ExtensionAssignments';
|
|
64
68
|
export { default as ExtensionAvatar } from './ExtensionAvatar';
|
|
65
69
|
export { default as ExtensionComments } from './ExtensionComments';
|
|
@@ -67,7 +71,7 @@ export { default as ExtensionFiles } from './ExtensionFiles';
|
|
|
67
71
|
export { default as ExtensionReferences } from './ExtensionReferences';
|
|
68
72
|
export { default as ExtensionWorkflow } from './ExtensionWorkflow';
|
|
69
73
|
export { default as FavoritesChecked } from './FavoritesChecked';
|
|
70
|
-
export { default as
|
|
74
|
+
export { default as FavoritesOff } from './FavoritesOff';
|
|
71
75
|
export { default as Favorites } from './Favorites';
|
|
72
76
|
export { default as FiberyMono } from './FiberyMono';
|
|
73
77
|
export { default as Fields } from './Fields';
|
|
@@ -80,6 +84,7 @@ export { default as FormWithCover } from './FormWithCover';
|
|
|
80
84
|
export { default as FormWithoutCover } from './FormWithoutCover';
|
|
81
85
|
export { default as Github } from './Github';
|
|
82
86
|
export { default as Gitlab } from './Gitlab';
|
|
87
|
+
export { default as GlobeSimple } from './GlobeSimple';
|
|
83
88
|
export { default as Globe } from './Globe';
|
|
84
89
|
export { default as GoogleDrive } from './GoogleDrive';
|
|
85
90
|
export { default as GoogleMap } from './GoogleMap';
|
|
@@ -87,25 +92,29 @@ export { default as Hide } from './Hide';
|
|
|
87
92
|
export { default as Hint } from './Hint';
|
|
88
93
|
export { default as Home } from './Home';
|
|
89
94
|
export { default as ImageXmark } from './ImageXmark';
|
|
95
|
+
export { default as Import } from './Import';
|
|
90
96
|
export { default as Integration } from './Integration';
|
|
91
97
|
export { default as InvitePeople } from './InvitePeople';
|
|
92
98
|
export { default as Items } from './Items';
|
|
93
99
|
export { default as Jira } from './Jira';
|
|
100
|
+
export { default as Lab } from './Lab';
|
|
94
101
|
export { default as LeftPanel } from './LeftPanel';
|
|
95
102
|
export { default as Levels } from './Levels';
|
|
96
103
|
export { default as LineDivider } from './LineDivider';
|
|
104
|
+
export { default as Link } from './Link';
|
|
97
105
|
export { default as Lock } from './Lock';
|
|
98
106
|
export { default as Loom } from './Loom';
|
|
99
|
-
export { default as Markdown } from './Markdown';
|
|
100
107
|
export { default as MenuCollapser } from './MenuCollapser';
|
|
101
108
|
export { default as MessagePlusSquare } from './MessagePlusSquare';
|
|
102
109
|
export { default as Milestones } from './Milestones';
|
|
103
110
|
export { default as Minus } from './Minus';
|
|
104
111
|
export { default as Miro } from './Miro';
|
|
105
112
|
export { default as Mixpanel } from './Mixpanel';
|
|
113
|
+
export { default as Monitor } from './Monitor';
|
|
106
114
|
export { default as MoreCompact } from './MoreCompact';
|
|
107
115
|
export { default as More } from './More';
|
|
108
116
|
export { default as MySpace } from './MySpace';
|
|
117
|
+
export { default as Network } from './Network';
|
|
109
118
|
export { default as Notifications } from './Notifications';
|
|
110
119
|
export { default as ObjChild } from './ObjChild';
|
|
111
120
|
export { default as ObjM2M } from './ObjM2M';
|
|
@@ -116,6 +125,8 @@ export { default as OnSchedule } from './OnSchedule';
|
|
|
116
125
|
export { default as OpenAsPage } from './OpenAsPage';
|
|
117
126
|
export { default as PageRegularMode } from './PageRegularMode';
|
|
118
127
|
export { default as PageWideMode } from './PageWideMode';
|
|
128
|
+
export { default as Pencil } from './Pencil';
|
|
129
|
+
export { default as People } from './People';
|
|
119
130
|
export { default as Photo } from './Photo';
|
|
120
131
|
export { default as Popup } from './Popup';
|
|
121
132
|
export { default as Posts } from './Posts';
|
|
@@ -172,6 +183,7 @@ export { default as SelfReferenceOn } from './SelfReferenceOn';
|
|
|
172
183
|
export { default as Settings } from './Settings';
|
|
173
184
|
export { default as Share } from './Share';
|
|
174
185
|
export { default as Shared } from './Shared';
|
|
186
|
+
export { default as ShieldKeyhole } from './ShieldKeyhole';
|
|
175
187
|
export { default as SidebarFieldsOpened } from './SidebarFieldsOpened';
|
|
176
188
|
export { default as SidebarFields } from './SidebarFields';
|
|
177
189
|
export { default as Sidebar } from './Sidebar';
|
|
@@ -185,7 +197,9 @@ export { default as SortOnBottom } from './SortOnBottom';
|
|
|
185
197
|
export { default as SortOnTop } from './SortOnTop';
|
|
186
198
|
export { default as Sort } from './Sort';
|
|
187
199
|
export { default as Spinner } from './Spinner';
|
|
200
|
+
export { default as Success } from './Success';
|
|
188
201
|
export { default as Templates } from './Templates';
|
|
202
|
+
export { default as Terminal } from './Terminal';
|
|
189
203
|
export { default as Twitter } from './Twitter';
|
|
190
204
|
export { default as TypeBoolean } from './TypeBoolean';
|
|
191
205
|
export { default as TypeButton } from './TypeButton';
|
|
@@ -224,5 +238,6 @@ export { default as ViewPage } from './ViewPage';
|
|
|
224
238
|
export { default as ViewTable } from './ViewTable';
|
|
225
239
|
export { default as ViewTimeline } from './ViewTimeline';
|
|
226
240
|
export { default as Views } from './Views';
|
|
241
|
+
export { default as WarningTriangle } from './WarningTriangle';
|
|
227
242
|
export { default as Warning } from './Warning';
|
|
228
243
|
export { default as Youtube } from './Youtube';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import BellFilledSvg from '../ast/BellFilled';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const BellFilled = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={BellFilledSvg} />;
|
|
10
|
+
|
|
11
|
+
BellFilled.displayName = 'BellFilled';
|
|
12
|
+
export default BellFilled;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import BellOffSvg from '../ast/BellOff';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const BellOff = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={BellOffSvg} />;
|
|
10
|
+
|
|
11
|
+
BellOff.displayName = 'BellOff';
|
|
12
|
+
export default BellOff;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import BellRingingSvg from '../ast/BellRinging';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const BellRinging = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={BellRingingSvg} />;
|
|
10
|
+
|
|
11
|
+
BellRinging.displayName = 'BellRinging';
|
|
12
|
+
export default BellRinging;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import ClockSvg from '../ast/Clock';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Clock = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={ClockSvg} />;
|
|
10
|
+
|
|
11
|
+
Clock.displayName = 'Clock';
|
|
12
|
+
export default Clock;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import ClockAlarmSvg from '../ast/ClockAlarm';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const ClockAlarm = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={ClockAlarmSvg} />;
|
|
10
|
+
|
|
11
|
+
ClockAlarm.displayName = 'ClockAlarm';
|
|
12
|
+
export default ClockAlarm;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import ExportSvg from '../ast/Export';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Export = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={ExportSvg} />;
|
|
10
|
+
|
|
11
|
+
Export.displayName = 'Export';
|
|
12
|
+
export default Export;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import FavoritesOffSvg from '../ast/FavoritesOff';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const FavoritesOff = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={FavoritesOffSvg} />;
|
|
10
|
+
|
|
11
|
+
FavoritesOff.displayName = 'FavoritesOff';
|
|
12
|
+
export default FavoritesOff;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import GlobeSimpleSvg from '../ast/GlobeSimple';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const GlobeSimple = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={GlobeSimpleSvg} />;
|
|
10
|
+
|
|
11
|
+
GlobeSimple.displayName = 'GlobeSimple';
|
|
12
|
+
export default GlobeSimple;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import ImportSvg from '../ast/Import';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Import = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={ImportSvg} />;
|
|
10
|
+
|
|
11
|
+
Import.displayName = 'Import';
|
|
12
|
+
export default Import;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import LabSvg from '../ast/Lab';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Lab = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={LabSvg} />;
|
|
10
|
+
|
|
11
|
+
Lab.displayName = 'Lab';
|
|
12
|
+
export default Lab;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import LinkSvg from '../ast/Link';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Link = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={LinkSvg} />;
|
|
10
|
+
|
|
11
|
+
Link.displayName = 'Link';
|
|
12
|
+
export default Link;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import MonitorSvg from '../ast/Monitor';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Monitor = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={MonitorSvg} />;
|
|
10
|
+
|
|
11
|
+
Monitor.displayName = 'Monitor';
|
|
12
|
+
export default Monitor;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import NetworkSvg from '../ast/Network';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Network = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={NetworkSvg} />;
|
|
10
|
+
|
|
11
|
+
Network.displayName = 'Network';
|
|
12
|
+
export default Network;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import PencilSvg from '../ast/Pencil';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Pencil = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={PencilSvg} />;
|
|
10
|
+
|
|
11
|
+
Pencil.displayName = 'Pencil';
|
|
12
|
+
export default Pencil;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import PeopleSvg from '../ast/People';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const People = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={PeopleSvg} />;
|
|
10
|
+
|
|
11
|
+
People.displayName = 'People';
|
|
12
|
+
export default People;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import ShieldKeyholeSvg from '../ast/ShieldKeyhole';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const ShieldKeyhole = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={ShieldKeyholeSvg} />;
|
|
10
|
+
|
|
11
|
+
ShieldKeyhole.displayName = 'ShieldKeyhole';
|
|
12
|
+
export default ShieldKeyhole;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import SuccessSvg from '../ast/Success';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Success = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={SuccessSvg} />;
|
|
10
|
+
|
|
11
|
+
Success.displayName = 'Success';
|
|
12
|
+
export default Success;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import TerminalSvg from '../ast/Terminal';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Terminal = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={TerminalSvg} />;
|
|
10
|
+
|
|
11
|
+
Terminal.displayName = 'Terminal';
|
|
12
|
+
export default Terminal;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import WarningTriangleSvg from '../ast/WarningTriangle';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const WarningTriangle = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={WarningTriangleSvg} />;
|
|
10
|
+
|
|
11
|
+
WarningTriangle.displayName = 'WarningTriangle';
|
|
12
|
+
export default WarningTriangle;
|
|
@@ -16,7 +16,6 @@ export { default as AntdFilledInfoCircle } from './AntdFilledInfoCircle';
|
|
|
16
16
|
export { default as AppDetails } from './AppDetails';
|
|
17
17
|
export { default as AppStoreOneColor } from './AppStoreOneColor';
|
|
18
18
|
export { default as AppStore } from './AppStore';
|
|
19
|
-
export { default as AppTemplatesOneColor } from './AppTemplatesOneColor';
|
|
20
19
|
export { default as AppTemplates } from './AppTemplates';
|
|
21
20
|
export { default as AppWebhooks } from './AppWebhooks';
|
|
22
21
|
export { default as AppWiki } from './AppWiki';
|
|
@@ -35,13 +34,18 @@ export { default as Back } from './Back';
|
|
|
35
34
|
export { default as BacklogIcon } from './BacklogIcon';
|
|
36
35
|
export { default as BatchActionsIcon } from './BatchActionsIcon';
|
|
37
36
|
export { default as BellCircle } from './BellCircle';
|
|
37
|
+
export { default as BellFilled } from './BellFilled';
|
|
38
|
+
export { default as BellOff } from './BellOff';
|
|
39
|
+
export { default as BellRinging } from './BellRinging';
|
|
38
40
|
export { default as BellX } from './BellX';
|
|
39
41
|
export { default as Bolt } from './Bolt';
|
|
40
42
|
export { default as Cards } from './Cards';
|
|
41
43
|
export { default as CheckCircle } from './CheckCircle';
|
|
42
44
|
export { default as Checked } from './Checked';
|
|
43
45
|
export { default as ClearValue } from './ClearValue';
|
|
46
|
+
export { default as ClockAlarm } from './ClockAlarm';
|
|
44
47
|
export { default as ClockForward } from './ClockForward';
|
|
48
|
+
export { default as Clock } from './Clock';
|
|
45
49
|
export { default as Close } from './Close';
|
|
46
50
|
export { default as ColorCodingFilled } from './ColorCodingFilled';
|
|
47
51
|
export { default as ColorCoding } from './ColorCoding';
|
|
@@ -49,7 +53,6 @@ export { default as Columns2 } from './Columns2';
|
|
|
49
53
|
export { default as Columns4 } from './Columns4';
|
|
50
54
|
export { default as Columns } from './Columns';
|
|
51
55
|
export { default as Copy } from './Copy';
|
|
52
|
-
export { default as CopyUrl } from './CopyUrl';
|
|
53
56
|
export { default as Database } from './Database';
|
|
54
57
|
export { default as Delete } from './Delete';
|
|
55
58
|
export { default as Demo } from './Demo';
|
|
@@ -60,6 +63,7 @@ export { default as DragHandle } from './DragHandle';
|
|
|
60
63
|
export { default as DynamicFilterValue } from './DynamicFilterValue';
|
|
61
64
|
export { default as Email } from './Email';
|
|
62
65
|
export { default as EmojiDelete } from './EmojiDelete';
|
|
66
|
+
export { default as Export } from './Export';
|
|
63
67
|
export { default as ExtensionAssignments } from './ExtensionAssignments';
|
|
64
68
|
export { default as ExtensionAvatar } from './ExtensionAvatar';
|
|
65
69
|
export { default as ExtensionComments } from './ExtensionComments';
|
|
@@ -67,7 +71,7 @@ export { default as ExtensionFiles } from './ExtensionFiles';
|
|
|
67
71
|
export { default as ExtensionReferences } from './ExtensionReferences';
|
|
68
72
|
export { default as ExtensionWorkflow } from './ExtensionWorkflow';
|
|
69
73
|
export { default as FavoritesChecked } from './FavoritesChecked';
|
|
70
|
-
export { default as
|
|
74
|
+
export { default as FavoritesOff } from './FavoritesOff';
|
|
71
75
|
export { default as Favorites } from './Favorites';
|
|
72
76
|
export { default as FiberyMono } from './FiberyMono';
|
|
73
77
|
export { default as Fields } from './Fields';
|
|
@@ -80,6 +84,7 @@ export { default as FormWithCover } from './FormWithCover';
|
|
|
80
84
|
export { default as FormWithoutCover } from './FormWithoutCover';
|
|
81
85
|
export { default as Github } from './Github';
|
|
82
86
|
export { default as Gitlab } from './Gitlab';
|
|
87
|
+
export { default as GlobeSimple } from './GlobeSimple';
|
|
83
88
|
export { default as Globe } from './Globe';
|
|
84
89
|
export { default as GoogleDrive } from './GoogleDrive';
|
|
85
90
|
export { default as GoogleMap } from './GoogleMap';
|
|
@@ -87,25 +92,29 @@ export { default as Hide } from './Hide';
|
|
|
87
92
|
export { default as Hint } from './Hint';
|
|
88
93
|
export { default as Home } from './Home';
|
|
89
94
|
export { default as ImageXmark } from './ImageXmark';
|
|
95
|
+
export { default as Import } from './Import';
|
|
90
96
|
export { default as Integration } from './Integration';
|
|
91
97
|
export { default as InvitePeople } from './InvitePeople';
|
|
92
98
|
export { default as Items } from './Items';
|
|
93
99
|
export { default as Jira } from './Jira';
|
|
100
|
+
export { default as Lab } from './Lab';
|
|
94
101
|
export { default as LeftPanel } from './LeftPanel';
|
|
95
102
|
export { default as Levels } from './Levels';
|
|
96
103
|
export { default as LineDivider } from './LineDivider';
|
|
104
|
+
export { default as Link } from './Link';
|
|
97
105
|
export { default as Lock } from './Lock';
|
|
98
106
|
export { default as Loom } from './Loom';
|
|
99
|
-
export { default as Markdown } from './Markdown';
|
|
100
107
|
export { default as MenuCollapser } from './MenuCollapser';
|
|
101
108
|
export { default as MessagePlusSquare } from './MessagePlusSquare';
|
|
102
109
|
export { default as Milestones } from './Milestones';
|
|
103
110
|
export { default as Minus } from './Minus';
|
|
104
111
|
export { default as Miro } from './Miro';
|
|
105
112
|
export { default as Mixpanel } from './Mixpanel';
|
|
113
|
+
export { default as Monitor } from './Monitor';
|
|
106
114
|
export { default as MoreCompact } from './MoreCompact';
|
|
107
115
|
export { default as More } from './More';
|
|
108
116
|
export { default as MySpace } from './MySpace';
|
|
117
|
+
export { default as Network } from './Network';
|
|
109
118
|
export { default as Notifications } from './Notifications';
|
|
110
119
|
export { default as ObjChild } from './ObjChild';
|
|
111
120
|
export { default as ObjM2M } from './ObjM2M';
|
|
@@ -116,6 +125,8 @@ export { default as OnSchedule } from './OnSchedule';
|
|
|
116
125
|
export { default as OpenAsPage } from './OpenAsPage';
|
|
117
126
|
export { default as PageRegularMode } from './PageRegularMode';
|
|
118
127
|
export { default as PageWideMode } from './PageWideMode';
|
|
128
|
+
export { default as Pencil } from './Pencil';
|
|
129
|
+
export { default as People } from './People';
|
|
119
130
|
export { default as Photo } from './Photo';
|
|
120
131
|
export { default as Popup } from './Popup';
|
|
121
132
|
export { default as Posts } from './Posts';
|
|
@@ -172,6 +183,7 @@ export { default as SelfReferenceOn } from './SelfReferenceOn';
|
|
|
172
183
|
export { default as Settings } from './Settings';
|
|
173
184
|
export { default as Share } from './Share';
|
|
174
185
|
export { default as Shared } from './Shared';
|
|
186
|
+
export { default as ShieldKeyhole } from './ShieldKeyhole';
|
|
175
187
|
export { default as SidebarFieldsOpened } from './SidebarFieldsOpened';
|
|
176
188
|
export { default as SidebarFields } from './SidebarFields';
|
|
177
189
|
export { default as Sidebar } from './Sidebar';
|
|
@@ -185,7 +197,9 @@ export { default as SortOnBottom } from './SortOnBottom';
|
|
|
185
197
|
export { default as SortOnTop } from './SortOnTop';
|
|
186
198
|
export { default as Sort } from './Sort';
|
|
187
199
|
export { default as Spinner } from './Spinner';
|
|
200
|
+
export { default as Success } from './Success';
|
|
188
201
|
export { default as Templates } from './Templates';
|
|
202
|
+
export { default as Terminal } from './Terminal';
|
|
189
203
|
export { default as Twitter } from './Twitter';
|
|
190
204
|
export { default as TypeBoolean } from './TypeBoolean';
|
|
191
205
|
export { default as TypeButton } from './TypeButton';
|
|
@@ -224,5 +238,6 @@ export { default as ViewPage } from './ViewPage';
|
|
|
224
238
|
export { default as ViewTable } from './ViewTable';
|
|
225
239
|
export { default as ViewTimeline } from './ViewTimeline';
|
|
226
240
|
export { default as Views } from './Views';
|
|
241
|
+
export { default as WarningTriangle } from './WarningTriangle';
|
|
227
242
|
export { default as Warning } from './Warning';
|
|
228
243
|
export { default as Youtube } from './Youtube';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import {css} from "@linaria/core";
|
|
2
2
|
import cx from "classnames";
|
|
3
3
|
import {forwardRef, Ref, ReactNode, MouseEvent, CSSProperties, AriaRole} from "react";
|
|
4
|
-
import {themeVars} from "./
|
|
4
|
+
import {themeVars} from "./design-system";
|
|
5
5
|
|
|
6
6
|
const getGridStyle = ({
|
|
7
7
|
multiline,
|
package/src/loaders.tsx
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {css, cx} from "@linaria/core";
|
|
2
2
|
import {styled} from "@linaria/react";
|
|
3
|
-
import {ReactNode} from "react";
|
|
3
|
+
import {ReactNode, memo} from "react";
|
|
4
4
|
import {IconBaseProps} from "./icons/types";
|
|
5
|
-
import {border, layout, space, textStyles, themeVars} from "./
|
|
6
|
-
import {getShiftStyle} from "./icons/
|
|
5
|
+
import {border, layout, space, textStyles, themeVars} from "./design-system";
|
|
6
|
+
import {getShiftStyle} from "./icons/get-shift-style";
|
|
7
7
|
import {LoadingSausage} from "./loading-sausage";
|
|
8
|
-
import {useTheme} from "./
|
|
8
|
+
import {useTheme} from "./theme-provider";
|
|
9
9
|
|
|
10
10
|
export const LoadingView = styled.div<{absolute: boolean; backgroundColor?: string}>`
|
|
11
11
|
position: ${(props) => (props.absolute ? "absolute" : "static")};
|
|
@@ -104,7 +104,20 @@ const ContainerSpinner = styled.div<{containerSize: number}>`
|
|
|
104
104
|
line-height: ${(props) => props.containerSize}px;
|
|
105
105
|
`;
|
|
106
106
|
|
|
107
|
-
|
|
107
|
+
type SpinnerProps = {
|
|
108
|
+
size?: number;
|
|
109
|
+
containerSize?: number;
|
|
110
|
+
width?: number;
|
|
111
|
+
color?: string;
|
|
112
|
+
backgroundColor?: string;
|
|
113
|
+
};
|
|
114
|
+
export const Spinner = memo<SpinnerProps>(function Spinner({
|
|
115
|
+
size = 20,
|
|
116
|
+
containerSize = 15,
|
|
117
|
+
width = 2,
|
|
118
|
+
color = "#000000",
|
|
119
|
+
backgroundColor = "#FFFFFF",
|
|
120
|
+
}) {
|
|
108
121
|
const spinnerStyle = {
|
|
109
122
|
width: size,
|
|
110
123
|
height: size,
|
|
@@ -119,7 +132,7 @@ export const Spinner = ({size = 20, containerSize = 15, width = 2, color = "#000
|
|
|
119
132
|
<div style={spinnerStyle} className={spinner} />
|
|
120
133
|
</ContainerSpinner>
|
|
121
134
|
);
|
|
122
|
-
};
|
|
135
|
+
});
|
|
123
136
|
|
|
124
137
|
export const LoadingTreeMenuItem = ({
|
|
125
138
|
color,
|
package/src/loading-sausage.tsx
CHANGED
|
@@ -3,7 +3,7 @@ import {styled} from "@linaria/react";
|
|
|
3
3
|
import cn from "classnames";
|
|
4
4
|
import _ from "lodash";
|
|
5
5
|
import {memo, useRef} from "react";
|
|
6
|
-
import {space, themeVars} from "./
|
|
6
|
+
import {space, themeVars} from "./design-system";
|
|
7
7
|
|
|
8
8
|
const getRandomWithSeed = _.memoize((seed: number) => {
|
|
9
9
|
const x = Math.sin(seed + 1) * 10000;
|
|
@@ -11,6 +11,8 @@ const getRandomWithSeed = _.memoize((seed: number) => {
|
|
|
11
11
|
});
|
|
12
12
|
|
|
13
13
|
export const getRandomInt = (min: number, max: number, seed?: number): number => {
|
|
14
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
15
|
+
// @ts-ignore
|
|
14
16
|
const random = seed ? getRandomWithSeed(seed) : process.env.NODE_ENV === "test" ? 0.5 : Math.random();
|
|
15
17
|
return Math.floor(random * (max - min + 1)) + min;
|
|
16
18
|
};
|