@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.
Files changed (121) hide show
  1. package/index.ts +1 -1
  2. package/package.json +29 -23
  3. package/src/antd/styles.ts +1 -1
  4. package/src/back-button.tsx +3 -0
  5. package/src/{Button → button}/actions-button.tsx +2 -2
  6. package/src/{Button → button}/button-base.tsx +2 -2
  7. package/src/{Button → button}/button-group.tsx +1 -1
  8. package/src/{Button → button}/button.tsx +3 -3
  9. package/src/{Button → button}/icon-button.tsx +1 -0
  10. package/src/button.tsx +3 -0
  11. package/src/create-inline-theme.ts +2 -0
  12. package/src/design-system.ts +1009 -0
  13. package/src/emoji-picker/app-icon-picker.tsx +2 -2
  14. package/src/emoji-picker/emoji-picker-content-with-color.tsx +7 -7
  15. package/src/emoji-picker/emoji-picker.tsx +11 -5
  16. package/src/emoji-picker/icon-emoji-picker.tsx +2 -2
  17. package/src/emoji-picker/primitives/category.tsx +2 -2
  18. package/src/emoji-picker/primitives/content.tsx +3 -2
  19. package/src/emoji-picker/primitives/emoji.tsx +1 -1
  20. package/src/emoji-picker/primitives/footer.tsx +1 -1
  21. package/src/emoji-picker/primitives/header.tsx +1 -1
  22. package/src/emoji-picker/primitives/layout.ts +1 -1
  23. package/src/emoji-picker/primitives/search.tsx +2 -2
  24. package/src/emoji-picker/primitives/skin-tone.tsx +2 -2
  25. package/src/emoji-picker/stores/lazy-emoji-data-store.tsx +3 -3
  26. package/src/emoji-picker/stores/lazy-icon-data-store.tsx +1 -1
  27. package/src/error-alert.tsx +3 -3
  28. package/src/form-field-loader.tsx +1 -1
  29. package/src/icons/Icon.tsx +5 -5
  30. package/src/icons/ast/Activity.ts +1 -1
  31. package/src/icons/ast/BellFilled.ts +8 -0
  32. package/src/icons/ast/BellOff.ts +8 -0
  33. package/src/icons/ast/BellRinging.ts +8 -0
  34. package/src/icons/ast/Clock.ts +8 -0
  35. package/src/icons/ast/ClockAlarm.ts +8 -0
  36. package/src/icons/ast/Copy.ts +1 -1
  37. package/src/icons/ast/Export.ts +8 -0
  38. package/src/icons/ast/ExtensionComments.ts +1 -1
  39. package/src/icons/ast/Favorites.ts +1 -1
  40. package/src/icons/ast/FavoritesChecked.ts +1 -1
  41. package/src/icons/ast/FavoritesOff.ts +8 -0
  42. package/src/icons/ast/GlobeSimple.ts +8 -0
  43. package/src/icons/ast/Import.ts +8 -0
  44. package/src/icons/ast/Lab.ts +8 -0
  45. package/src/icons/ast/Link.ts +8 -0
  46. package/src/icons/ast/Monitor.ts +8 -0
  47. package/src/icons/ast/Network.ts +8 -0
  48. package/src/icons/ast/Pencil.ts +8 -0
  49. package/src/icons/ast/People.ts +8 -0
  50. package/src/icons/ast/RicheditorCommentCreate.ts +1 -1
  51. package/src/icons/ast/RicheditorLinkCreate.ts +1 -1
  52. package/src/icons/ast/RicheditorOpenLink.ts +1 -1
  53. package/src/icons/ast/RicheditorUnlink.ts +1 -1
  54. package/src/icons/ast/ShieldKeyhole.ts +8 -0
  55. package/src/icons/ast/Success.ts +8 -0
  56. package/src/icons/ast/Terminal.ts +8 -0
  57. package/src/icons/ast/TypeUrl.ts +1 -1
  58. package/src/icons/ast/WarningTriangle.ts +8 -0
  59. package/src/icons/ast/index.tsx +19 -4
  60. package/src/icons/{getIconContainerStyle.tsx → get-icon-container-style.tsx} +1 -1
  61. package/src/icons/react/BellFilled.tsx +12 -0
  62. package/src/icons/react/BellOff.tsx +12 -0
  63. package/src/icons/react/BellRinging.tsx +12 -0
  64. package/src/icons/react/Clock.tsx +12 -0
  65. package/src/icons/react/ClockAlarm.tsx +12 -0
  66. package/src/icons/react/Export.tsx +12 -0
  67. package/src/icons/react/FavoritesOff.tsx +12 -0
  68. package/src/icons/react/GlobeSimple.tsx +12 -0
  69. package/src/icons/react/Import.tsx +12 -0
  70. package/src/icons/react/Lab.tsx +12 -0
  71. package/src/icons/react/Link.tsx +12 -0
  72. package/src/icons/react/Monitor.tsx +12 -0
  73. package/src/icons/react/Network.tsx +12 -0
  74. package/src/icons/react/Pencil.tsx +12 -0
  75. package/src/icons/react/People.tsx +12 -0
  76. package/src/icons/react/ShieldKeyhole.tsx +12 -0
  77. package/src/icons/react/Success.tsx +12 -0
  78. package/src/icons/react/Terminal.tsx +12 -0
  79. package/src/icons/react/WarningTriangle.tsx +12 -0
  80. package/src/icons/react/index.tsx +19 -4
  81. package/src/{Item.tsx → item.tsx} +1 -1
  82. package/src/loaders.tsx +19 -6
  83. package/src/loading-sausage.tsx +3 -1
  84. package/src/select/custom-select-partials/clear-indicator.tsx +22 -0
  85. package/src/select/custom-select-partials/drop-down-indicator.tsx +26 -0
  86. package/src/select/custom-select-partials/group-heading.tsx +54 -0
  87. package/src/select/custom-select-partials/menu.tsx +25 -0
  88. package/src/select/custom-select-partials/no-option-message.tsx +10 -0
  89. package/src/select/custom-select-partials/option.tsx +65 -0
  90. package/src/{Select → select}/index.tsx +54 -48
  91. package/src/{Select → select}/select-in-popover.tsx +5 -5
  92. package/src/{Select → select}/styles.ts +9 -53
  93. package/src/{ThemeProvider.tsx → theme-provider.tsx} +11 -1
  94. package/src/theme-styles.ts +2 -5
  95. package/src/toast/primitives.tsx +145 -0
  96. package/src/toast/toast-action.tsx +20 -0
  97. package/src/toast/toast-queue.tsx +121 -0
  98. package/src/toast/toast.tsx +114 -0
  99. package/src/toast/toaster.tsx +72 -0
  100. package/src/tooltip.tsx +3 -3
  101. package/src/BackButton.tsx +0 -3
  102. package/src/Button.tsx +0 -3
  103. package/src/Select/components.tsx +0 -90
  104. package/src/designSystem.ts +0 -951
  105. package/src/icons/ast/AppTemplatesOneColor.ts +0 -8
  106. package/src/icons/ast/CopyUrl.ts +0 -8
  107. package/src/icons/ast/FavoritesMenu.ts +0 -8
  108. package/src/icons/ast/Markdown.ts +0 -8
  109. package/src/icons/react/AppTemplatesOneColor.tsx +0 -12
  110. package/src/icons/react/CopyUrl.tsx +0 -12
  111. package/src/icons/react/FavoritesMenu.tsx +0 -12
  112. package/src/icons/react/Markdown.tsx +0 -12
  113. /package/src/{Button → button}/actions-button-compact.tsx +0 -0
  114. /package/src/{Button/AddButton.tsx → button/add-button.tsx} +0 -0
  115. /package/src/{Button/BackButton.tsx → button/back-button.tsx} +0 -0
  116. /package/src/icons/{generateIconFromAst.ts → generate-icon-from-ast.ts} +0 -0
  117. /package/src/icons/{IconAsPaths.ts → get-paths.ts} +0 -0
  118. /package/src/icons/{getShiftStyle.ts → get-shift-style.ts} +0 -0
  119. /package/src/{Pallete.ts → pallete.ts} +0 -0
  120. /package/src/{Select → select}/select-control-settings-context.tsx +0 -0
  121. /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;
@@ -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":"m10.063 10.808 2.06-.03c.55-.001 1.075-.218 1.463-.604a2.054 2.054 0 0 0 .001-2.909 2.07 2.07 0 0 0-1.461-.602L6.757 6.66c-.527 0-1.034.2-1.417.562A2.043 2.043 0 0 0 4.7 8.6l-.011.129a.839.839 0 0 1-1.433.574.829.829 0 0 1-.238-.591A2.276 2.276 0 0 1 3 8.483a3.704 3.704 0 0 1 1.18-2.457 3.739 3.739 0 0 1 2.549-.994L12.133 5c.964.04 1.875.45 2.542 1.142a3.71 3.71 0 0 1-.003 5.154 3.754 3.754 0 0 1-2.543 1.145l-2.02.024a.836.836 0 0 1-.798-.806.83.83 0 0 1 .752-.851Zm-5.024.932a3.726 3.726 0 0 1 1.1-2.628c.7-.697 1.65-1.09 2.64-1.094l2.02-.025a.836.836 0 0 1 .799.807.83.83 0 0 1-.752.85l-2.038.007c-.548 0-1.074.218-1.462.604a2.054 2.054 0 0 0-.001 2.909 2.07 2.07 0 0 0 1.461.601l5.369.004c.527 0 1.035-.201 1.417-.562.383-.361.612-.855.64-1.379l.011-.13a.83.83 0 0 1 .845-.822.837.837 0 0 1 .826.84 3.712 3.712 0 0 1-1.194 2.714 3.747 3.747 0 0 1-2.546.996l-5.375.003a3.756 3.756 0 0 1-2.646-1.075 3.72 3.72 0 0 1-1.114-2.62Z"},"children":[]}],"metadata":""}]},"name":"type-url"};
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;
@@ -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 FavoritesMenu } from './FavoritesMenu';
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,5 +1,5 @@
1
1
  import {CSSProperties} from "react";
2
- import {themeVars} from "../designSystem";
2
+ import {themeVars} from "../design-system";
3
3
 
4
4
  export const getIconContainerStyle = (
5
5
  containerSize: number,
@@ -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 FavoritesMenu } from './FavoritesMenu';
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 "./designSystem";
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 "./designSystem";
6
- import {getShiftStyle} from "./icons/getShiftStyle";
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 "./ThemeProvider";
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
- export const Spinner = ({size = 20, containerSize = 15, width = 2, color = "#000000", backgroundColor = "#FFFFFF"}) => {
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,
@@ -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 "./designSystem";
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
  };