@fibery/ui-kit 1.15.0 → 1.16.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 +6 -5
- package/src/antd/styles.ts +4 -4
- package/src/designSystem.ts +6 -17
- package/src/emoji-picker/app-icon-picker.tsx +31 -26
- package/src/emoji-picker/emoji-picker-content-with-color.tsx +107 -0
- package/src/emoji-picker/emoji-picker.tsx +34 -39
- package/src/emoji-picker/icon-emoji-picker.tsx +3 -14
- package/src/emoji-picker/primitives/category.tsx +82 -25
- package/src/emoji-picker/primitives/emoji.tsx +7 -49
- package/src/emoji-picker/primitives/footer.tsx +3 -1
- package/src/emoji-picker/primitives/grid.tsx +53 -23
- package/src/emoji-picker/primitives/search.tsx +21 -11
- package/src/emoji-picker/primitives/skin-tone.tsx +18 -12
- package/src/emoji-picker/stores/emoji-data-store.tsx +0 -1
- package/src/emoji-picker/stores/lazy-icon-data-store.tsx +19 -30
- package/src/icons/ast/AiAssistant.ts +1 -1
- package/src/icons/ast/AiAvatar.ts +1 -1
- package/src/icons/ast/AppTemplates.ts +1 -1
- package/src/icons/ast/BellCircle.ts +8 -0
- package/src/icons/ast/BellX.ts +8 -0
- package/src/icons/ast/Bolt.ts +8 -0
- package/src/icons/ast/CheckCircle.ts +8 -0
- package/src/icons/ast/ClockForward.ts +8 -0
- package/src/icons/ast/ColorCodingFilled.ts +8 -0
- package/src/icons/ast/Delete.ts +1 -1
- package/src/icons/ast/EmojiDelete.ts +8 -0
- package/src/icons/ast/ExtensionAssignments.ts +1 -1
- package/src/icons/ast/Fields.ts +1 -1
- package/src/icons/ast/Figma.ts +8 -0
- package/src/icons/ast/GoogleDrive.ts +8 -0
- package/src/icons/ast/GoogleMap.ts +8 -0
- package/src/icons/ast/InvitePeople.ts +1 -1
- package/src/icons/ast/Loom.ts +8 -0
- package/src/icons/ast/Miro.ts +8 -0
- package/src/icons/ast/Mixpanel.ts +8 -0
- package/src/icons/ast/Shared.ts +1 -1
- package/src/icons/ast/Twitter.ts +8 -0
- package/src/icons/ast/Youtube.ts +8 -0
- package/src/icons/ast/index.tsx +15 -0
- package/src/icons/react/BellCircle.tsx +12 -0
- package/src/icons/react/BellX.tsx +12 -0
- package/src/icons/react/Bolt.tsx +12 -0
- package/src/icons/react/CheckCircle.tsx +12 -0
- package/src/icons/react/ClockForward.tsx +12 -0
- package/src/icons/react/ColorCodingFilled.tsx +12 -0
- package/src/icons/react/EmojiDelete.tsx +12 -0
- package/src/icons/react/Figma.tsx +12 -0
- package/src/icons/react/GoogleDrive.tsx +12 -0
- package/src/icons/react/GoogleMap.tsx +12 -0
- package/src/icons/react/Loom.tsx +12 -0
- package/src/icons/react/Miro.tsx +12 -0
- package/src/icons/react/Mixpanel.tsx +12 -0
- package/src/icons/react/Twitter.tsx +12 -0
- package/src/icons/react/Youtube.tsx +12 -0
- package/src/icons/react/index.tsx +15 -0
- package/src/Button/icon-button-with-tooltip.tsx +0 -15
- package/src/emoji-picker/index.tsx +0 -5
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const Figma: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M10 10a3 3 0 1 1 6 0 3 3 0 0 1-6 0Z","fill":"#1ABCFE"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4 16a3 3 0 0 1 3-3h3v3a3 3 0 1 1-6 0Z","fill":"#0ACF83"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M10 1v6h3a3 3 0 1 0 0-6h-3Z","fill":"#FF7262"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4 4a3 3 0 0 0 3 3h3V1H7a3 3 0 0 0-3 3Z","fill":"#F24E1E"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4 10a3 3 0 0 0 3 3h3V7H7a3 3 0 0 0-3 3Z","fill":"#A259FF"},"children":[]}],"metadata":""}]},"name":"figma"};
|
|
7
|
+
|
|
8
|
+
export default Figma;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const GoogleDrive: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"m2.36 15.784.795 1.37c.165.29.402.516.68.681l2.835-4.907H1c0 .32.082.639.247.928l1.114 1.928Z","fill":"#0066DA"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M10 7.155 7.165 2.247a1.872 1.872 0 0 0-.68.68L1.247 12a1.868 1.868 0 0 0-.247.928h5.67L10 7.155Z","fill":"#00AC47"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M16.165 17.835c.278-.165.515-.392.68-.68l.33-.567 1.578-2.732c.165-.289.247-.609.247-.928h-5.67l1.206 2.371 1.629 2.536Z","fill":"#EA4335"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"m10 7.155 2.835-4.908A1.813 1.813 0 0 0 11.907 2H8.093c-.33 0-.65.093-.928.247L10 7.155Z","fill":"#00832D"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M13.33 12.928H6.67l-2.835 4.907c.278.165.598.247.928.247h10.474c.33 0 .65-.092.928-.247l-2.835-4.907Z","fill":"#2684FC"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"m16.134 7.464-2.619-4.536a1.873 1.873 0 0 0-.68-.68L10 7.154l3.33 5.773h5.66c0-.32-.083-.64-.248-.928l-2.608-4.536Z","fill":"#FFBA00"},"children":[]}],"metadata":""}]},"name":"google-drive"};
|
|
7
|
+
|
|
8
|
+
export default GoogleDrive;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const GoogleMap: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M11.97 1.387a6.158 6.158 0 0 0-6.57 1.91l2.907 2.446 3.662-4.356Z","fill":"#1A73E8"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M5.399 3.297a6.128 6.128 0 0 0-1.442 3.955c0 1.157.231 2.095.61 2.935l3.738-4.444L5.4 3.297Z","fill":"#EA4335"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M10.11 4.9a2.353 2.353 0 0 1 1.798 3.872l3.663-4.355a6.165 6.165 0 0 0-3.6-3.03L8.305 5.743a2.347 2.347 0 0 1 1.806-.843Z","fill":"#4285F4"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M10.11 9.605a2.353 2.353 0 0 1-1.805-3.864l-3.738 4.446c.638 1.417 1.701 2.554 2.796 3.988l4.544-5.403c-.431.51-1.076.833-1.796.833Z","fill":"#FBBC04"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M11.817 15.65c2.052-3.21 4.446-4.667 4.446-8.398 0-1.023-.251-1.987-.692-2.835l-8.207 9.758c.348.456.699.941 1.041 1.476 1.248 1.928.902 3.084 1.707 3.084.803 0 .457-1.158 1.705-3.086Z","fill":"#34A853"},"children":[]}],"metadata":""}]},"name":"google-map"};
|
|
7
|
+
|
|
8
|
+
export default GoogleMap;
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
|
|
4
4
|
import { IconDefinition } from '../types';
|
|
5
5
|
|
|
6
|
-
const InvitePeople: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"
|
|
6
|
+
const InvitePeople: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M8.502 10.7c1.27 0 2.629.198 3.784.747 1.174.557 2.155 1.489 2.565 2.92.18.63.172 1.405.136 1.96C14.92 17.33 14.067 18 13.152 18H3.85c-.915 0-1.77-.67-1.835-1.672-.036-.556-.045-1.33.136-1.961.41-1.431 1.392-2.363 2.566-2.92 1.156-.549 2.515-.747 3.785-.747Zm3.14 2.102c.87.412 1.499 1.043 1.767 1.978.105.367.115.921.081 1.45-.008.126-.123.27-.338.27H3.85c-.215 0-.33-.144-.338-.27-.034-.529-.024-1.084.081-1.45.268-.935.898-1.565 1.768-1.978.887-.421 2.005-.602 3.141-.602 1.137 0 2.253.18 3.14.602ZM8.5 2a3.65 3.65 0 1 1 0 7.3 3.65 3.65 0 0 1 0-7.3Zm0 1.5a2.15 2.15 0 1 1 0 4.3 2.15 2.15 0 0 1 0-4.3Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M16.75 7.25a.75.75 0 0 0-1.5 0v1.5h-1.5a.75.75 0 0 0 0 1.5h1.5v1.5a.75.75 0 0 0 1.5 0v-1.5h1.5a.75.75 0 0 0 0-1.5h-1.5v-1.5Z"},"children":[]}],"metadata":""}]},"name":"invite-people"};
|
|
7
7
|
|
|
8
8
|
export default InvitePeople;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const Loom: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M19 9.013h-5.255l4.558-2.642-.987-1.742-4.558 2.642L15.4 2.713l-1.742-1.016-2.642 4.558V1H9.013v5.255L6.37 1.697l-1.742.987 2.642 4.558-4.558-2.613-.987 1.742 4.558 2.642H1v2.003h5.255L1.697 13.63l.987 1.742 4.558-2.642L4.6 17.287l1.742.987 2.642-4.558V19h2.003v-5.255l2.642 4.558 1.742-.987-2.642-4.558 4.558 2.642.987-1.742-4.558-2.642H19V9.013Zm-9 3.716A2.726 2.726 0 0 1 7.271 10c0-1.51 1.22-2.729 2.729-2.729 1.51 0 2.729 1.22 2.729 2.729 0 1.51-1.22 2.729-2.729 2.729Z","fill":"#625DF5"},"children":[]}],"metadata":""}]},"name":"loom"};
|
|
7
|
+
|
|
8
|
+
export default Loom;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const Miro: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M4.9 1h10.2C17.238 1 19 2.763 19 4.9v10.2c0 2.138-1.762 3.9-3.9 3.9H4.9C2.762 19 1 17.238 1 15.1V4.9C1 2.762 2.763 1 4.9 1Z","fill":"#FFD02F"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M13.488 3.25H11.5l1.65 2.888-3.6-2.888H7.562l1.8 3.525-3.75-3.525H3.625l1.987 4.5-1.987 9h1.987L9.4 7.113 7.562 16.75H9.55l3.637-10.275-1.65 10.275h1.988l3.6-11.25-3.637-2.25Z","fill":"#050038"},"children":[]}],"metadata":""}]},"name":"miro"};
|
|
7
|
+
|
|
8
|
+
export default Miro;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const Mixpanel: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M6.225 8.085h2.288c-.573-.359-.787-.859-1.073-1.787l-.86-3.184C6.19 1.682 5.867 1 4.294 1h-3.29v.86h.468c.965 0 1.074.358 1.36 1.432l.75 2.792c.392 1.356 1.002 2.001 2.644 2.001Zm5.294 0h2.288c1.647 0 2.216-.645 2.611-2.001l.75-2.792c.287-1.074.429-1.433 1.36-1.433h.468V1H15.74c-1.61 0-1.933.645-2.292 2.11l-.859 3.184c-.28.965-.497 1.432-1.07 1.791Zm-3.006 3.003h3.006V8.082H8.513v3.006Zm-7.51 7.085h3.29c1.573 0 1.896-.681 2.288-2.11l.859-3.184c.286-.928.5-1.432 1.073-1.787H6.225c-1.646 0-2.255.645-2.647 2.001l-.75 2.792c-.29 1.07-.396 1.429-1.36 1.429H1l.004.86Zm14.737 0h3.256v-.86h-.467c-.929 0-1.074-.358-1.36-1.431l-.75-2.793c-.392-1.36-.965-2.001-2.612-2.001h-2.284c.573.359.78.823 1.066 1.788l.86 3.183c.355 1.469.678 2.114 2.291 2.114Z","fill":"#1B0B3B"},"children":[]}],"metadata":""}]},"name":"mixpanel"};
|
|
7
|
+
|
|
8
|
+
export default Mixpanel;
|
package/src/icons/ast/Shared.ts
CHANGED
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
|
|
4
4
|
import { IconDefinition } from '../types';
|
|
5
5
|
|
|
6
|
-
const Shared: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"
|
|
6
|
+
const Shared: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M10.37 11.149C9.323 10.672 8.104 10.5 7 10.5s-2.323.172-3.37.649c-1.06.483-1.983 1.302-2.351 2.587-.161.562-.152 1.244-.12 1.725.06.924.847 1.539 1.684 1.539h8.314c.837 0 1.625-.615 1.685-1.539.031-.48.04-1.163-.121-1.725-.368-1.285-1.29-2.104-2.351-2.587Zm.909 3c-.216-.755-.756-1.282-1.531-1.635C8.959 12.154 7.97 12 7 12c-.97 0-1.96.155-2.748.514-.775.353-1.315.88-1.531 1.635-.085.298-.096.761-.066 1.215a.12.12 0 0 0 .044.086c.03.027.08.05.144.05h8.314a.218.218 0 0 0 .144-.05.12.12 0 0 0 .044-.086c.03-.454.02-.917-.066-1.215ZM10.25 6.25a3.25 3.25 0 1 0-6.5 0 3.25 3.25 0 0 0 6.5 0Zm-1.5 0a1.75 1.75 0 1 0-3.5 0 1.75 1.75 0 0 0 3.5 0ZM13.818 5a2.75 2.75 0 1 1 0 5.5 2.75 2.75 0 0 1 0-5.5Zm0 1.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M14.008 12.015a.75.75 0 0 0 .655.834c1.371.165 2.36.711 2.634 1.67.065.227.075.595.051.971a.07.07 0 0 1-.038.01h-2.06a.75.75 0 0 0 0 1.5h2.06c.759 0 1.48-.558 1.535-1.405.026-.406.035-.997-.106-1.49-.534-1.863-2.356-2.56-3.897-2.745a.75.75 0 0 0-.834.655Z"},"children":[]}],"metadata":""}]},"name":"shared"};
|
|
7
7
|
|
|
8
8
|
export default Shared;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const Twitter: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"rect","properties":{"x":1,"y":1,"width":18,"height":18,"rx":2,"fill":"#000"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M14.163 3.5h2.205L11.55 9.007l5.668 7.493H12.78l-3.476-4.545L5.327 16.5H3.12l5.153-5.89L2.836 3.5h4.55l3.143 4.154L14.163 3.5Zm-.774 11.68h1.222L6.723 4.75H5.41l7.978 10.43Z","fill":"#fff"},"children":[]}],"metadata":""}]},"name":"twitter"};
|
|
7
|
+
|
|
8
|
+
export default Twitter;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
|
|
2
|
+
// This icon file is generated automatically.
|
|
3
|
+
|
|
4
|
+
import { IconDefinition } from '../types';
|
|
5
|
+
|
|
6
|
+
const Youtube: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M18.624 5.58a2.261 2.261 0 0 0-1.591-1.601C15.628 3.6 10 3.6 10 3.6s-5.629 0-7.032.379A2.262 2.262 0 0 0 1.376 5.58C1 6.993 1 9.94 1 9.94s0 2.949.376 4.362c.207.779.817 1.393 1.592 1.601 1.403.379 7.032.379 7.032.379s5.629 0 7.032-.379a2.262 2.262 0 0 0 1.592-1.601C19 12.889 19 9.94 19 9.94s0-2.948-.376-4.36Z","fill":"#ED1D24"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"m8.16 12.617 4.704-2.676-4.705-2.676v5.352Z","fill":"#fff"},"children":[]}],"metadata":""}]},"name":"youtube"};
|
|
7
|
+
|
|
8
|
+
export default Youtube;
|
package/src/icons/ast/index.tsx
CHANGED
|
@@ -34,10 +34,16 @@ export { default as Atom } from './Atom';
|
|
|
34
34
|
export { default as Back } from './Back';
|
|
35
35
|
export { default as BacklogIcon } from './BacklogIcon';
|
|
36
36
|
export { default as BatchActionsIcon } from './BatchActionsIcon';
|
|
37
|
+
export { default as BellCircle } from './BellCircle';
|
|
38
|
+
export { default as BellX } from './BellX';
|
|
39
|
+
export { default as Bolt } from './Bolt';
|
|
37
40
|
export { default as Cards } from './Cards';
|
|
41
|
+
export { default as CheckCircle } from './CheckCircle';
|
|
38
42
|
export { default as Checked } from './Checked';
|
|
39
43
|
export { default as ClearValue } from './ClearValue';
|
|
44
|
+
export { default as ClockForward } from './ClockForward';
|
|
40
45
|
export { default as Close } from './Close';
|
|
46
|
+
export { default as ColorCodingFilled } from './ColorCodingFilled';
|
|
41
47
|
export { default as ColorCoding } from './ColorCoding';
|
|
42
48
|
export { default as Columns2 } from './Columns2';
|
|
43
49
|
export { default as Columns4 } from './Columns4';
|
|
@@ -53,6 +59,7 @@ export { default as DragBlockHandle } from './DragBlockHandle';
|
|
|
53
59
|
export { default as DragHandle } from './DragHandle';
|
|
54
60
|
export { default as DynamicFilterValue } from './DynamicFilterValue';
|
|
55
61
|
export { default as Email } from './Email';
|
|
62
|
+
export { default as EmojiDelete } from './EmojiDelete';
|
|
56
63
|
export { default as ExtensionAssignments } from './ExtensionAssignments';
|
|
57
64
|
export { default as ExtensionAvatar } from './ExtensionAvatar';
|
|
58
65
|
export { default as ExtensionComments } from './ExtensionComments';
|
|
@@ -64,6 +71,7 @@ export { default as FavoritesMenu } from './FavoritesMenu';
|
|
|
64
71
|
export { default as Favorites } from './Favorites';
|
|
65
72
|
export { default as FiberyMono } from './FiberyMono';
|
|
66
73
|
export { default as Fields } from './Fields';
|
|
74
|
+
export { default as Figma } from './Figma';
|
|
67
75
|
export { default as FileUpload } from './FileUpload';
|
|
68
76
|
export { default as Filter } from './Filter';
|
|
69
77
|
export { default as FocusModeOff } from './FocusModeOff';
|
|
@@ -73,6 +81,8 @@ export { default as FormWithoutCover } from './FormWithoutCover';
|
|
|
73
81
|
export { default as Github } from './Github';
|
|
74
82
|
export { default as Gitlab } from './Gitlab';
|
|
75
83
|
export { default as Globe } from './Globe';
|
|
84
|
+
export { default as GoogleDrive } from './GoogleDrive';
|
|
85
|
+
export { default as GoogleMap } from './GoogleMap';
|
|
76
86
|
export { default as Hide } from './Hide';
|
|
77
87
|
export { default as Hint } from './Hint';
|
|
78
88
|
export { default as Home } from './Home';
|
|
@@ -85,11 +95,14 @@ export { default as LeftPanel } from './LeftPanel';
|
|
|
85
95
|
export { default as Levels } from './Levels';
|
|
86
96
|
export { default as LineDivider } from './LineDivider';
|
|
87
97
|
export { default as Lock } from './Lock';
|
|
98
|
+
export { default as Loom } from './Loom';
|
|
88
99
|
export { default as Markdown } from './Markdown';
|
|
89
100
|
export { default as MenuCollapser } from './MenuCollapser';
|
|
90
101
|
export { default as MessagePlusSquare } from './MessagePlusSquare';
|
|
91
102
|
export { default as Milestones } from './Milestones';
|
|
92
103
|
export { default as Minus } from './Minus';
|
|
104
|
+
export { default as Miro } from './Miro';
|
|
105
|
+
export { default as Mixpanel } from './Mixpanel';
|
|
93
106
|
export { default as MoreCompact } from './MoreCompact';
|
|
94
107
|
export { default as More } from './More';
|
|
95
108
|
export { default as MySpace } from './MySpace';
|
|
@@ -172,6 +185,7 @@ export { default as SortOnTop } from './SortOnTop';
|
|
|
172
185
|
export { default as Sort } from './Sort';
|
|
173
186
|
export { default as Spinner } from './Spinner';
|
|
174
187
|
export { default as Templates } from './Templates';
|
|
188
|
+
export { default as Twitter } from './Twitter';
|
|
175
189
|
export { default as TypeBoolean } from './TypeBoolean';
|
|
176
190
|
export { default as TypeButton } from './TypeButton';
|
|
177
191
|
export { default as TypeCheckbox } from './TypeCheckbox';
|
|
@@ -210,3 +224,4 @@ export { default as ViewTable } from './ViewTable';
|
|
|
210
224
|
export { default as ViewTimeline } from './ViewTimeline';
|
|
211
225
|
export { default as Views } from './Views';
|
|
212
226
|
export { default as Warning } from './Warning';
|
|
227
|
+
export { default as Youtube } from './Youtube';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import BellCircleSvg from '../ast/BellCircle';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const BellCircle = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={BellCircleSvg} />;
|
|
10
|
+
|
|
11
|
+
BellCircle.displayName = 'BellCircle';
|
|
12
|
+
export default BellCircle;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import BellXSvg from '../ast/BellX';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const BellX = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={BellXSvg} />;
|
|
10
|
+
|
|
11
|
+
BellX.displayName = 'BellX';
|
|
12
|
+
export default BellX;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import BoltSvg from '../ast/Bolt';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Bolt = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={BoltSvg} />;
|
|
10
|
+
|
|
11
|
+
Bolt.displayName = 'Bolt';
|
|
12
|
+
export default Bolt;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import CheckCircleSvg from '../ast/CheckCircle';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const CheckCircle = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={CheckCircleSvg} />;
|
|
10
|
+
|
|
11
|
+
CheckCircle.displayName = 'CheckCircle';
|
|
12
|
+
export default CheckCircle;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import ClockForwardSvg from '../ast/ClockForward';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const ClockForward = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={ClockForwardSvg} />;
|
|
10
|
+
|
|
11
|
+
ClockForward.displayName = 'ClockForward';
|
|
12
|
+
export default ClockForward;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import ColorCodingFilledSvg from '../ast/ColorCodingFilled';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const ColorCodingFilled = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={ColorCodingFilledSvg} />;
|
|
10
|
+
|
|
11
|
+
ColorCodingFilled.displayName = 'ColorCodingFilled';
|
|
12
|
+
export default ColorCodingFilled;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import EmojiDeleteSvg from '../ast/EmojiDelete';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const EmojiDelete = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={EmojiDeleteSvg} />;
|
|
10
|
+
|
|
11
|
+
EmojiDelete.displayName = 'EmojiDelete';
|
|
12
|
+
export default EmojiDelete;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import FigmaSvg from '../ast/Figma';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Figma = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={FigmaSvg} />;
|
|
10
|
+
|
|
11
|
+
Figma.displayName = 'Figma';
|
|
12
|
+
export default Figma;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import GoogleDriveSvg from '../ast/GoogleDrive';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const GoogleDrive = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={GoogleDriveSvg} />;
|
|
10
|
+
|
|
11
|
+
GoogleDrive.displayName = 'GoogleDrive';
|
|
12
|
+
export default GoogleDrive;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import GoogleMapSvg from '../ast/GoogleMap';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const GoogleMap = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={GoogleMapSvg} />;
|
|
10
|
+
|
|
11
|
+
GoogleMap.displayName = 'GoogleMap';
|
|
12
|
+
export default GoogleMap;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import LoomSvg from '../ast/Loom';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Loom = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={LoomSvg} />;
|
|
10
|
+
|
|
11
|
+
Loom.displayName = 'Loom';
|
|
12
|
+
export default Loom;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import MiroSvg from '../ast/Miro';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Miro = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={MiroSvg} />;
|
|
10
|
+
|
|
11
|
+
Miro.displayName = 'Miro';
|
|
12
|
+
export default Miro;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import MixpanelSvg from '../ast/Mixpanel';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Mixpanel = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={MixpanelSvg} />;
|
|
10
|
+
|
|
11
|
+
Mixpanel.displayName = 'Mixpanel';
|
|
12
|
+
export default Mixpanel;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import TwitterSvg from '../ast/Twitter';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Twitter = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={TwitterSvg} />;
|
|
10
|
+
|
|
11
|
+
Twitter.displayName = 'Twitter';
|
|
12
|
+
export default Twitter;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// This icon file is generated automatically.
|
|
2
|
+
|
|
3
|
+
import YoutubeSvg from '../ast/Youtube';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { IconBaseProps } from '../types';
|
|
6
|
+
|
|
7
|
+
const Youtube = (
|
|
8
|
+
props: IconBaseProps,
|
|
9
|
+
): JSX.Element => <Icon {...props} icon={YoutubeSvg} />;
|
|
10
|
+
|
|
11
|
+
Youtube.displayName = 'Youtube';
|
|
12
|
+
export default Youtube;
|
|
@@ -34,10 +34,16 @@ export { default as Atom } from './Atom';
|
|
|
34
34
|
export { default as Back } from './Back';
|
|
35
35
|
export { default as BacklogIcon } from './BacklogIcon';
|
|
36
36
|
export { default as BatchActionsIcon } from './BatchActionsIcon';
|
|
37
|
+
export { default as BellCircle } from './BellCircle';
|
|
38
|
+
export { default as BellX } from './BellX';
|
|
39
|
+
export { default as Bolt } from './Bolt';
|
|
37
40
|
export { default as Cards } from './Cards';
|
|
41
|
+
export { default as CheckCircle } from './CheckCircle';
|
|
38
42
|
export { default as Checked } from './Checked';
|
|
39
43
|
export { default as ClearValue } from './ClearValue';
|
|
44
|
+
export { default as ClockForward } from './ClockForward';
|
|
40
45
|
export { default as Close } from './Close';
|
|
46
|
+
export { default as ColorCodingFilled } from './ColorCodingFilled';
|
|
41
47
|
export { default as ColorCoding } from './ColorCoding';
|
|
42
48
|
export { default as Columns2 } from './Columns2';
|
|
43
49
|
export { default as Columns4 } from './Columns4';
|
|
@@ -53,6 +59,7 @@ export { default as DragBlockHandle } from './DragBlockHandle';
|
|
|
53
59
|
export { default as DragHandle } from './DragHandle';
|
|
54
60
|
export { default as DynamicFilterValue } from './DynamicFilterValue';
|
|
55
61
|
export { default as Email } from './Email';
|
|
62
|
+
export { default as EmojiDelete } from './EmojiDelete';
|
|
56
63
|
export { default as ExtensionAssignments } from './ExtensionAssignments';
|
|
57
64
|
export { default as ExtensionAvatar } from './ExtensionAvatar';
|
|
58
65
|
export { default as ExtensionComments } from './ExtensionComments';
|
|
@@ -64,6 +71,7 @@ export { default as FavoritesMenu } from './FavoritesMenu';
|
|
|
64
71
|
export { default as Favorites } from './Favorites';
|
|
65
72
|
export { default as FiberyMono } from './FiberyMono';
|
|
66
73
|
export { default as Fields } from './Fields';
|
|
74
|
+
export { default as Figma } from './Figma';
|
|
67
75
|
export { default as FileUpload } from './FileUpload';
|
|
68
76
|
export { default as Filter } from './Filter';
|
|
69
77
|
export { default as FocusModeOff } from './FocusModeOff';
|
|
@@ -73,6 +81,8 @@ export { default as FormWithoutCover } from './FormWithoutCover';
|
|
|
73
81
|
export { default as Github } from './Github';
|
|
74
82
|
export { default as Gitlab } from './Gitlab';
|
|
75
83
|
export { default as Globe } from './Globe';
|
|
84
|
+
export { default as GoogleDrive } from './GoogleDrive';
|
|
85
|
+
export { default as GoogleMap } from './GoogleMap';
|
|
76
86
|
export { default as Hide } from './Hide';
|
|
77
87
|
export { default as Hint } from './Hint';
|
|
78
88
|
export { default as Home } from './Home';
|
|
@@ -85,11 +95,14 @@ export { default as LeftPanel } from './LeftPanel';
|
|
|
85
95
|
export { default as Levels } from './Levels';
|
|
86
96
|
export { default as LineDivider } from './LineDivider';
|
|
87
97
|
export { default as Lock } from './Lock';
|
|
98
|
+
export { default as Loom } from './Loom';
|
|
88
99
|
export { default as Markdown } from './Markdown';
|
|
89
100
|
export { default as MenuCollapser } from './MenuCollapser';
|
|
90
101
|
export { default as MessagePlusSquare } from './MessagePlusSquare';
|
|
91
102
|
export { default as Milestones } from './Milestones';
|
|
92
103
|
export { default as Minus } from './Minus';
|
|
104
|
+
export { default as Miro } from './Miro';
|
|
105
|
+
export { default as Mixpanel } from './Mixpanel';
|
|
93
106
|
export { default as MoreCompact } from './MoreCompact';
|
|
94
107
|
export { default as More } from './More';
|
|
95
108
|
export { default as MySpace } from './MySpace';
|
|
@@ -172,6 +185,7 @@ export { default as SortOnTop } from './SortOnTop';
|
|
|
172
185
|
export { default as Sort } from './Sort';
|
|
173
186
|
export { default as Spinner } from './Spinner';
|
|
174
187
|
export { default as Templates } from './Templates';
|
|
188
|
+
export { default as Twitter } from './Twitter';
|
|
175
189
|
export { default as TypeBoolean } from './TypeBoolean';
|
|
176
190
|
export { default as TypeButton } from './TypeButton';
|
|
177
191
|
export { default as TypeCheckbox } from './TypeCheckbox';
|
|
@@ -210,3 +224,4 @@ export { default as ViewTable } from './ViewTable';
|
|
|
210
224
|
export { default as ViewTimeline } from './ViewTimeline';
|
|
211
225
|
export { default as Views } from './Views';
|
|
212
226
|
export { default as Warning } from './Warning';
|
|
227
|
+
export { default as Youtube } from './Youtube';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import {forwardRef} from "react";
|
|
2
|
-
import {Tooltip, TooltipProps} from "../tooltip";
|
|
3
|
-
import {IconButton, IconButtonProps} from "./icon-button";
|
|
4
|
-
|
|
5
|
-
type IconButtonTooltipProps = Pick<TooltipProps, "title" | "description" | "content" | "side">;
|
|
6
|
-
|
|
7
|
-
export const IconButtonWithTooltip = forwardRef<HTMLButtonElement, IconButtonTooltipProps & IconButtonProps>(
|
|
8
|
-
function IconButtonWithTooltip({title, description, content, side, ...props}, ref) {
|
|
9
|
-
return (
|
|
10
|
-
<Tooltip title={title} description={description} content={content} side={side}>
|
|
11
|
-
<IconButton ref={ref} {...props} />
|
|
12
|
-
</Tooltip>
|
|
13
|
-
);
|
|
14
|
-
}
|
|
15
|
-
);
|