@fibery/ui-kit 1.34.8 → 1.35.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 (53) hide show
  1. package/package.json +4 -4
  2. package/src/actions-menu/actions-menu-sub-menu.tsx +3 -0
  3. package/src/antd/styles.ts +6 -6
  4. package/src/button/base-button.tsx +1 -1
  5. package/src/button/icon-button.tsx +2 -2
  6. package/src/design-system.ts +55 -31
  7. package/src/dropdown-menu/index.tsx +2 -3
  8. package/src/emoji-picker/app-icon-picker.tsx +1 -0
  9. package/src/emoji-picker/primitives/emoji.tsx +4 -2
  10. package/src/emoji-picker/primitives/render-config-provider.tsx +12 -0
  11. package/src/icons/ast/AddDatabase.ts +8 -0
  12. package/src/icons/ast/AddIntegration.ts +8 -0
  13. package/src/icons/ast/AiSearch.ts +8 -0
  14. package/src/icons/ast/Clean.ts +8 -0
  15. package/src/icons/ast/CreditsFilled.ts +8 -0
  16. package/src/icons/ast/Gift.ts +8 -0
  17. package/src/icons/ast/Markdown.ts +8 -0
  18. package/src/icons/ast/PeopleCheck.ts +8 -0
  19. package/src/icons/ast/PresentPlay.ts +8 -0
  20. package/src/icons/ast/PresentStop.ts +8 -0
  21. package/src/icons/ast/SettingsOff.ts +8 -0
  22. package/src/icons/ast/Template.ts +8 -0
  23. package/src/icons/ast/UserCheck.ts +8 -0
  24. package/src/icons/ast/UserGroupRemove.ts +8 -0
  25. package/src/icons/ast/UserX.ts +8 -0
  26. package/src/icons/ast/Views.ts +1 -1
  27. package/src/icons/ast/index.tsx +15 -0
  28. package/src/icons/react/AddDatabase.tsx +13 -0
  29. package/src/icons/react/AddIntegration.tsx +13 -0
  30. package/src/icons/react/AiSearch.tsx +13 -0
  31. package/src/icons/react/Clean.tsx +13 -0
  32. package/src/icons/react/CreditsFilled.tsx +13 -0
  33. package/src/icons/react/Gift.tsx +13 -0
  34. package/src/icons/react/Markdown.tsx +13 -0
  35. package/src/icons/react/PeopleCheck.tsx +13 -0
  36. package/src/icons/react/PresentPlay.tsx +13 -0
  37. package/src/icons/react/PresentStop.tsx +13 -0
  38. package/src/icons/react/SettingsOff.tsx +13 -0
  39. package/src/icons/react/Template.tsx +13 -0
  40. package/src/icons/react/UserCheck.tsx +13 -0
  41. package/src/icons/react/UserGroupRemove.tsx +13 -0
  42. package/src/icons/react/UserX.tsx +13 -0
  43. package/src/icons/react/index.tsx +15 -0
  44. package/src/palette.ts +2 -30
  45. package/src/select/custom-select-partials/clear-indicator.tsx +4 -0
  46. package/src/select/custom-select-partials/group-heading.tsx +4 -5
  47. package/src/select/custom-select-partials/menu-list-virtualized.tsx +22 -4
  48. package/src/select/custom-select-partials/menu.tsx +5 -6
  49. package/src/select/index.tsx +39 -28
  50. package/src/select/select-in-popover.tsx +18 -16
  51. package/src/select/styles.ts +10 -2
  52. package/src/toast/toast-queue.ts +1 -1
  53. package/src/tooltip.tsx +6 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fibery/ui-kit",
3
- "version": "1.34.8",
3
+ "version": "1.35.0",
4
4
  "private": false,
5
5
  "files": [
6
6
  "src/antd/styles.ts",
@@ -77,8 +77,8 @@
77
77
  "screenfull": "6.0.1",
78
78
  "tabbable": "5.2.1",
79
79
  "ua-parser-js": "1.0.39",
80
- "@fibery/emoji-data": "2.6.0",
81
80
  "@fibery/helpers": "1.3.0",
81
+ "@fibery/emoji-data": "2.6.0",
82
82
  "@fibery/react": "1.4.1"
83
83
  },
84
84
  "peerDependencies": {
@@ -113,8 +113,8 @@
113
113
  "svgo": "2.8.0",
114
114
  "typescript": "5.4.3",
115
115
  "unist-util-reduce": "0.2.2",
116
- "@fibery/eslint-config": "8.6.0",
117
- "@fibery/babel-preset": "7.4.0"
116
+ "@fibery/babel-preset": "7.4.0",
117
+ "@fibery/eslint-config": "8.6.0"
118
118
  },
119
119
  "jest": {
120
120
  "testEnvironment": "jsdom",
@@ -27,6 +27,7 @@ type Props = React.PropsWithChildren<{
27
27
  contentClassName?: string;
28
28
  container?: HTMLElement | null;
29
29
  Icon?: FunctionComponent<IconBaseProps>;
30
+ onMouseEnter?: () => void;
30
31
  }>;
31
32
 
32
33
  const cornerCss = css`
@@ -56,6 +57,7 @@ export const ActionsMenuSubMenu: React.FC<Props> = ({
56
57
  disabled = false,
57
58
  contentClassName,
58
59
  Icon,
60
+ onMouseEnter,
59
61
  }) => {
60
62
  const {MenuPrimitive, container} = useActionsMenuContext();
61
63
 
@@ -66,6 +68,7 @@ export const ActionsMenuSubMenu: React.FC<Props> = ({
66
68
  className={subTriggerClass}
67
69
  disabled={disabled}
68
70
  onClick={stopPropagation}
71
+ onMouseEnter={onMouseEnter}
69
72
  >
70
73
  <LeftCorner Icon={Icon} />
71
74
  <div className={contentStyle}>{trigger}</div>
@@ -1,5 +1,5 @@
1
1
  import {css} from "@linaria/core";
2
- import {colors, layout, border, shadows, space, textStyles, themeVars, transition} from "../design-system";
2
+ import {border, colors, layout, shadows, space, textStyles, themeVars, transition} from "../design-system";
3
3
 
4
4
  const inputVariables = {
5
5
  default: {
@@ -9,10 +9,10 @@ const inputVariables = {
9
9
  "--input-focus-shadow": `0 0 0 3px ${themeVars.focus}`,
10
10
  },
11
11
  error: {
12
- "--input-border": themeVars.inputErrorBorderColor,
13
- "--input-hover-border": themeVars.inputErrorBorderHoverColor,
14
- "--input-focus-border": themeVars.inputErrorBorderFocusColor,
15
- "--input-focus-shadow": themeVars.inputErrorBorderFocusShadow,
12
+ "--input-border": `0 0 0 1px ${themeVars.warning}`,
13
+ "--input-hover-border": `0 0 0 1px ${themeVars.warning}`,
14
+ "--input-focus-border": `0 0 0 1px ${themeVars.warning}`,
15
+ "--input-focus-shadow": `0 0 0 1px ${themeVars.warning}`,
16
16
  },
17
17
  };
18
18
 
@@ -43,7 +43,7 @@ export const inputOverrides = {
43
43
  transition: `box-shadow ${transition}`,
44
44
  },
45
45
  focus: {
46
- boxShadow: `var(--input-focus-border, 0 0 0 1px ${themeVars.opacity.opacity25}), var(--input-focus-shadow, 0 0 0 3px ${themeVars.focus}) !important`,
46
+ boxShadow: `var(--input-focus-border, 0 0 0 1px ${themeVars.opacity.opacity25}) !important`,
47
47
  transition: `box-shadow ${transition}`,
48
48
  },
49
49
  disabled: {
@@ -29,7 +29,7 @@ export const baseButton = css`
29
29
 
30
30
  background-color: var(--fibery-button-color);
31
31
 
32
- box-shadow: inset 0 0 0 1px var(--fibery-button-border-color);
32
+ box-shadow: inset 0 0 0 0.5px var(--fibery-button-border-color);
33
33
 
34
34
  &:hover:not(:disabled) {
35
35
  background-color: var(--fibery-button-hover-color);
@@ -10,14 +10,14 @@ export type IconButtonProps = {
10
10
  pending?: boolean;
11
11
  } & BaseButtonProps;
12
12
 
13
- const iconButton = css`
13
+ export const iconButton = css`
14
14
  display: flex;
15
15
  align-items: center;
16
16
  justify-content: center;
17
17
  gap: ${space.s2}px;
18
18
  `;
19
19
 
20
- const iconButtonSizes = {
20
+ export const iconButtonSizes = {
21
21
  tiny: css`
22
22
  padding: ${space.s2}px;
23
23
  min-width: 20px;
@@ -22,7 +22,7 @@ import {
22
22
  } from "./palette";
23
23
  import {ThemeMode} from "./theme-settings";
24
24
 
25
- export const typeSizes = [28, 24, 18, 16, 14, 12, 10, 8] as const;
25
+ export const typeSizes = [32, 24, 18, 16, 14, 12, 10, 8] as const;
26
26
 
27
27
  export const fontWeight = {
28
28
  light: 300,
@@ -106,15 +106,15 @@ const shades = getOpacities("#000000");
106
106
  const lights = getOpacities("#FFFFFF");
107
107
 
108
108
  export const separators = {
109
- ..._.mapValues(shades, (shade) => `1px solid ${shade}`),
109
+ ..._.mapValues(shades, (shade) => `0.5px solid ${shade}`),
110
110
  } as const;
111
111
 
112
112
  export const inversedSeparators = {
113
- ..._.mapValues(lights, (light) => `1px solid ${light}`),
113
+ ..._.mapValues(lights, (light) => `0.5px solid ${light}`),
114
114
  } as const;
115
115
 
116
116
  export const fontFamily =
117
- "ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'";
117
+ '"Inter Variable", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif';
118
118
 
119
119
  const stateColors = {
120
120
  success: "rgba(8, 189, 159, 1)",
@@ -143,6 +143,12 @@ export const themeColors = {
143
143
  colorSubtleBgAI: ["hsla(271, 57%, 61%, 0.05)", "hsla(272, 43%, 50%, 0.1)"],
144
144
 
145
145
  // Shadows and effects / Elevation
146
+ shadow50: [
147
+ `
148
+ 0px 0px 0px 0.5px ${getOpacities(slate.slate12).opacity5}
149
+ `,
150
+ `0px 0px 0px 0.5px ${getOpacities(slateDark.slate12).opacity15}`,
151
+ ],
146
152
  shadow100: [
147
153
  `
148
154
  0px 1px 4px 0px ${getOpacities(slate.slate12).opacity5}
@@ -226,15 +232,15 @@ export const themeColors = {
226
232
  primaryBlue: [indigo.indigo9, indigoDark.indigo9],
227
233
  whiteColor: [whiteA.whiteA0, whiteA.whiteA0],
228
234
  blackColor: [blackA.blackA0, blackA.blackA0],
229
- mainBg: [slate.slate3, slateDark.slate1],
230
- panelBg: [whiteA.whiteA0, slateDark.slate2],
231
- panelContentBg: [slate.slate2, slateDark.slate2],
235
+ mainBg: [slate.slate3, slateDark.slateBase],
236
+ panelBg: [whiteA.whiteA0, slateDark.slate1],
237
+ panelContentBg: [slate.slate2, slateDark.slate1],
232
238
  colorBgRelationContainer: [slate.slate2, slateDark.slate1],
233
239
  pageBg: [whiteA.whiteA0, slateDark.slate1],
234
240
  pageContentBg: [whiteA.whiteA0, slateDark.slate2],
235
241
  colorBgPopup: [whiteA.whiteA0, slateDark.slate4],
236
242
  colorBgSidebar: [whiteA.whiteA0, slateDark.slate3],
237
- menuBg: [slate.slate3, slateDark.slate1],
243
+ menuBg: [slate.slate3, slateDark.slateBase],
238
244
  menuTextColor: [slateDark.slate5, slate.slate8],
239
245
  menuItemHoverColor: [slate.slate5, slateDark.slate6],
240
246
  menuSelectedTextColor: [slate.slate2, slate.slate2],
@@ -322,7 +328,7 @@ export const themeColors = {
322
328
  colorBorderBlockQuote: [slate.slate11, slateDark.slate11],
323
329
 
324
330
  // Actions menu
325
- colorBgActionsMenu: [getOpacities(whiteA.whiteA0).opacity85, getOpacities(slateDark.slate4).opacity85],
331
+ colorBgActionsMenu: [whiteA.whiteA0, slateDark.slate3],
326
332
  colorBgActionsMenuItemHover: [getOpacities(slate.slate11).opacity10, getOpacities(slateDark.slate11).opacity10],
327
333
  colorBgActionsMenuItemSelected: [getOpacities(indigo.indigo4).opacity80, getOpacities(indigoDark.indigo4).opacity80],
328
334
  colorBgActionsMenuItemSelectedHover: [
@@ -332,10 +338,10 @@ export const themeColors = {
332
338
  colorBgActionsMenuItemDangerHover: [getOpacities(red.red9).opacity10, getOpacities(redDark.red10).opacity10],
333
339
 
334
340
  colorBgActionsMenuItemDangerActive: [getOpacities(red.red9).opacity80, getOpacities(redDark.red10).opacity80],
335
- actionMenuBg: [whiteA.whiteA0, slateDark.slate4],
336
- actionMenuInnerBg: [whiteA.whiteA0, slateDark.slate5],
337
- actionMenuHover: [slate.slate4, slateDark.slate6],
338
- actionMenuInnerHover: [slate.slate4, getOpacities(slateDark.slate7).opacity50],
341
+ actionMenuBg: [whiteA.whiteA0, slateDark.slate3],
342
+ actionMenuInnerBg: [whiteA.whiteA0, slateDark.slate4],
343
+ actionMenuHover: [slate.slate4, slateDark.slate5],
344
+ actionMenuInnerHover: [slate.slate4, getOpacities(slateDark.slate6).opacity50],
339
345
  actionMenuButtonColor: [whiteA.whiteA0, slateDark.slate2],
340
346
  actionMenuButtonHoverColor: [slate.slate1, slateDark.slate3],
341
347
  actionMenuButtonShadow: [
@@ -346,7 +352,8 @@ export const themeColors = {
346
352
  `0 0 0 1px ${getOpacities(slate.slate10).opacity10}, 0 6px 8px -4px ${getOpacities(slate.slate10).opacity30}`,
347
353
  `0 0 0 1px ${getOpacities(slateDark.slate2).opacity10}, 0 6px 8px -4px ${getOpacities(slateDark.slate2).opacity30}`,
348
354
  ],
349
- separatorColor: [getOpacities(blackA.blackA0).opacity5, getOpacities(whiteA.whiteA0).opacity5],
355
+ actionMenuSeparatorColor: [getOpacities(blackA.blackA0).opacity10, getOpacities(whiteA.whiteA0).opacity15],
356
+ separatorColor: [getOpacities(blackA.blackA0).opacity10, getOpacities(whiteA.whiteA0).opacity10],
350
357
  separatorBreadcrumbsColor: [slate.slate8, slateDark.slate8],
351
358
  iconColor: [slate.slate10, slateDark.slate10],
352
359
  appIconColor: [getOpacities(slate.slate2).opacity90, getOpacities(slate.slate2).opacity70],
@@ -463,17 +470,17 @@ export const themeColors = {
463
470
  colorTextMenuItem: [slateDark.slate5, getOpacities(slateDark.slate12).opacity90],
464
471
  colorBgMenuItem: [transparent, transparent],
465
472
  // :hover
466
- colorBgMenuItemHover: [slate.slate5, slateDark.slate4],
473
+ colorBgMenuItemHover: [slate.slate5, slateDark.slate2],
467
474
  // :focus
468
- colorBgMenuItemFocus: [slate.slate6, slateDark.slate6],
475
+ colorBgMenuItemFocus: [slate.slate6, slateDark.slate5],
469
476
  // Selected
470
- colorBgMenuItemSelected: [indigo.indigo5, indigoDark.indigo4],
477
+ colorBgMenuItemSelected: [indigo.indigo5, indigoDark.indigo3],
471
478
  // :hover
472
- colorBgMenuItemSelectedHover: [indigo.indigo6, indigoDark.indigo6],
479
+ colorBgMenuItemSelectedHover: [indigo.indigo6, indigoDark.indigo5],
473
480
  // :focus, :focus:hover
474
481
  colorBgPinnedFieldsLabel: [slate.slate11, slateDark.slate11],
475
482
  colorBgObjectEditorSeparator: [slate.slate12, slateDark.slate12],
476
- colorBgMenuItemSelectedFocused: [indigo.indigo6, indigoDark.indigo6],
483
+ colorBgMenuItemSelectedFocused: [indigo.indigo6, indigoDark.indigo5],
477
484
  colorBgFieldEditorContainer: [slate.slate2, slateDark.slate3],
478
485
  colorBgFieldEditorLinkEqualSign: [slate.slate6, slateDark.slate2],
479
486
  allowedDropColor: [getOpacities(slate.slate3).opacity80, getOpacities(slateDark.slate3).opacity80],
@@ -540,7 +547,7 @@ export const themeColors = {
540
547
  success: [teal.teal9, tealDark.teal9],
541
548
  danger: [red.red9, redDark.red10],
542
549
  active: [red.red9, redDark.red10],
543
- warning: ["#FFD41E", "#FFD41E"],
550
+ warning: [yellow.yellow9, yellowDark.yellow8],
544
551
  cardBg: ["#FFFFFF", slateDark.slate6],
545
552
  cardSelected: ["#FFFB8F", slateDark.slate5],
546
553
  cardSelectedHover: ["rgba(240, 244, 247, 0.6)", slateDark.slate5],
@@ -568,7 +575,6 @@ export const themeColors = {
568
575
  gridHeaderTextColor: [slate.slate10, slateDark.slate11],
569
576
  gridCellBgColor: [whiteA.whiteA0, slateDark.slate2],
570
577
  gridCellBorderColor: [slate.slate5, slateDark.slate6],
571
- gridPinnedCellBorderColor: [slate.slate8, slateDark.slate8],
572
578
  gridDisabledCellBgColor: [slate.slate2, slateDark.slate3],
573
579
  gridSelectedCellBgColor: [indigo.indigo3, indigoDark.indigo3],
574
580
  gridHighlightedCellBgColor: [indigo.indigo4, indigoDark.indigo5],
@@ -600,9 +606,12 @@ export const themeColors = {
600
606
  getOpacities(whiteA.whiteA0).opacity80,
601
607
  getOpacities(whiteA.whiteA0).opacity80,
602
608
  ],
609
+ colorIconButtonSolidAccent: [whiteA.whiteA0, whiteA.whiteA0],
610
+ colorIconButtonSolidNeutral: [whiteA.whiteA0, slateDark.slate8],
611
+ colorIconButtonSolidDestructive: [whiteA.whiteA0, whiteA.whiteA0],
603
612
  // outline
604
613
  colorBorderButtonOutlineAccentDefault: [indigo.indigo8, indigoDark.indigo8],
605
- colorBorderButtonOutlineNeutralDefault: [slate.slate8, slateDark.slate8],
614
+ colorBorderButtonOutlineNeutralDefault: [slate.slate8, slateDark.slate7],
606
615
  colorBorderButtonOutlineDestructiveDefault: [red.red7, redDark.red7],
607
616
  colorBgButtonOutlineAccentDefault: [whiteA.whiteA0, slateDark.slate1],
608
617
  colorBgButtonOutlineAccentHover: [indigo.indigo3, indigoDark.indigo3],
@@ -622,6 +631,9 @@ export const themeColors = {
622
631
  ],
623
632
  colorTextButtonOutlineDestructive: [red.red11, redDark.red11],
624
633
  colorTextButtonOutlineDestructiveActive: [getOpacities(red.red11).opacity80, getOpacities(redDark.red11).opacity80],
634
+ colorIconButtonOutlineAccent: [indigo.indigo11, indigoDark.indigo11],
635
+ colorIconButtonOutlineNeutral: [slate.slate11, slateDark.slate11],
636
+ colorIconButtonOutlineDestructive: [red.red11, redDark.red11],
625
637
  // soft
626
638
  colorBgButtonSoftAccentDefault: [indigo.indigo3, indigoDark.indigo4],
627
639
  colorBgButtonSoftAccentHover: [indigo.indigo5, indigoDark.indigo6],
@@ -638,11 +650,14 @@ export const themeColors = {
638
650
  colorTextButtonSoftNeutralActive: [getOpacities(slate.slate12).opacity80, getOpacities(slateDark.slate12).opacity80],
639
651
  colorTextButtonSoftDestructive: [red.red11, redDark.red11],
640
652
  colorTextButtonSoftDestructiveActive: [getOpacities(red.red11).opacity80, getOpacities(redDark.red11).opacity80],
653
+ colorIconButtonSoftAccent: [indigo.indigo11, indigoDark.indigo11],
654
+ colorIconButtonSoftNeutral: [slate.slate11, slateDark.slate11],
655
+ colorIconButtonSoftDestructive: [red.red11, redDark.red11],
641
656
  // ghost
642
657
  colorBgButtonGhostAccentDefault: [transparent, transparent],
643
- colorBgButtonGhostAccentHover: [indigo.indigo3, indigoDark.indigo3],
658
+ colorBgButtonGhostAccentHover: [getOpacities(indigo.indigo4).opacity80, getOpacities(indigoDark.indigo4).opacity80],
644
659
  colorBgButtonGhostNeutralDefault: [transparent, transparent],
645
- colorBgButtonGhostNeutralHover: [getOpacities(slate.slate6).opacity60, getOpacities(slateDark.slate6).opacity80],
660
+ colorBgButtonGhostNeutralHover: [getOpacities(slate.slate7).opacity50, getOpacities(slateDark.slate6).opacity80],
646
661
  colorBgButtonGhostDestructiveDefault: [transparent, transparent],
647
662
  colorBgButtonGhostDestructiveHover: [red.red4, redDark.red4],
648
663
  colorTextButtonGhostAccent: [indigo.indigo11, indigoDark.indigo11],
@@ -654,6 +669,9 @@ export const themeColors = {
654
669
  colorTextButtonGhostNeutralActive: [getOpacities(slate.slate11).opacity80, getOpacities(slateDark.slate11).opacity80],
655
670
  colorTextButtonGhostDestructive: [red.red11, redDark.red11],
656
671
  colorTextButtonGhostDestructiveActive: [getOpacities(red.red11).opacity80, getOpacities(redDark.red11).opacity80],
672
+ colorIconButtonGhostAccent: [indigo.indigo11, indigoDark.indigo11],
673
+ colorIconButtonGhostNeutral: [slate.slate11, slateDark.slate11],
674
+ colorIconButtonGhostDestructive: [red.red11, redDark.red11],
657
675
  // #endregion
658
676
 
659
677
  colorBorderAccentFocusRing: [getOpacities(indigo.indigo9).opacity30, getOpacities(indigo.indigo9).opacity30],
@@ -685,14 +703,20 @@ export const themeColors = {
685
703
  colorBgEditorImageZoomed: [getOpacities(slate.slate3).opacity90, getOpacities(slateDark.slate6).opacity90],
686
704
 
687
705
  //Whiteboard
688
- instrumentsMenuBg: [getOpacities(whiteA.whiteA0).opacity95, getOpacities(slateDark.slate4).opacity95],
706
+ instrumentsMenuBg: [getOpacities(whiteA.whiteA0).opacity100, getOpacities(slateDark.slate4).opacity100],
689
707
  instrumentsMenuShadow: [
690
- `0 0 0 1px ${getOpacities(slate.slate10).opacity10}, 0 10px 16px -8px ${getOpacities(slate.slate10).opacity30}`,
691
- `0 0 0 1px ${getOpacities(slateDark.slate1).opacity10}, 0 10px 16px -8px ${
692
- getOpacities(slateDark.slate1).opacity30
693
- }`,
708
+ `0px 0px 1px 0px ${getOpacities(slate.slate11).opacity20}, 0px 4px 6px 0px ${
709
+ getOpacities(slate.slate11).opacity5
710
+ }, 0px 3px 12px 0px ${getOpacities(slate.slate11).opacity10}`,
711
+ `0px 0px 1px 0px ${getOpacities(slateDark.slate6).opacity100}, 0px 4px 6px 0px ${
712
+ getOpacities(slateDark.slate1).opacity5
713
+ }, 0px 3px 12px 0px ${getOpacities(slateDark.slate1).opacity15}`,
694
714
  ],
695
715
  commentBubbleBg: [whiteA.whiteA0, slateDark.slate6],
716
+ commentsPanelShadow: [
717
+ `0 0 0 1px ${getOpacities(slate.slate10).opacity10}, 0 2px 4px -4px ${getOpacities(slate.slate10).opacity20}`,
718
+ `0 0 0 1px ${getOpacities(slateDark.slate2).opacity10}, 0 2px 4px -4px ${getOpacities(slateDark.slate2).opacity20}`,
719
+ ],
696
720
 
697
721
  // SegmentedControl
698
722
  colorBgSegmentedControlDefault: [slate.slate3, slateDark.slate1],
@@ -947,7 +971,7 @@ export const layout = {
947
971
  desktopToolbarHeight: 32,
948
972
  desktopMenuMinWidth: 240,
949
973
  collapsedMenuMinWidth: 47,
950
- menuMinWidth: 240, //TODO: make dependency to itemHeight
974
+ menuMinWidth: 284,
951
975
  menuMaxWidth: 480,
952
976
  menuItemMinWidth: 80,
953
977
  menuGroupHeaderIndent: 28, // I'm ok
@@ -1114,7 +1138,7 @@ export const textStyles = {
1114
1138
  fontSize: typeSizes[0],
1115
1139
  letterSpacing: "-0.01em",
1116
1140
  lineHeight: lineHeight.heading,
1117
- fontWeight: fontWeight.bold,
1141
+ fontWeight: fontWeight.semibold,
1118
1142
  color: themeVars.textColor,
1119
1143
  },
1120
1144
  heading2: {
@@ -76,7 +76,6 @@ const dropdownMenuContentStyles = css`
76
76
  min-width: 200px;
77
77
  box-shadow: ${themeVars.actionMenuShadow};
78
78
  border-radius: ${border.radius8}px;
79
- backdrop-filter: ${themeVars.effectBgActionsMenu};
80
79
  background-color: ${themeVars.colorBgActionsMenu};
81
80
 
82
81
  @media (prefers-reduced-motion: no-preference) {
@@ -159,8 +158,8 @@ export const Item = styled(DropdownMenuPrimitive.Item)`
159
158
 
160
159
  export const Separator = styled(DropdownMenuPrimitive.Separator)`
161
160
  ${{
162
- backgroundColor: themeVars.separatorColor,
163
- height: 1,
161
+ backgroundColor: themeVars.actionMenuSeparatorColor,
162
+ height: 0.5,
164
163
  margin: `${space.s4}px 0`,
165
164
  }}
166
165
  `;
@@ -18,6 +18,7 @@ export type AppIconPickerProps = {
18
18
 
19
19
  onSelect: (emoji: EmojiItem) => void;
20
20
  autoFocus?: boolean;
21
+ showColorPicker?: boolean;
21
22
  };
22
23
  export const AppIconPicker: React.FC<AppIconPickerProps> = ({
23
24
  onSelect,
@@ -3,6 +3,7 @@ import {EmojiItem, EmojiSkin, NativeEmoji} from "@fibery/emoji-data";
3
3
  import {css, cx} from "@linaria/core";
4
4
  import {themeVars} from "../../design-system";
5
5
  import {useEmojiDataStoreSelector} from "../stores/emoji-data-store";
6
+ import {useEmojiRenderConfig} from "./render-config-provider";
6
7
 
7
8
  const emojiWrapperCss = css`
8
9
  color: ${themeVars.textColor};
@@ -67,7 +68,7 @@ export const Emoji: FC<EmojiProps> = ({
67
68
  showTitle = false,
68
69
  }) => {
69
70
  const emoji = useEmojiDataStoreSelector((store) => store.get(idOrColons, {skin}));
70
-
71
+ const config = useEmojiRenderConfig();
71
72
  if (!emoji) {
72
73
  return fallback === "shortcode" ? <>{idOrColons}</> : null;
73
74
  }
@@ -95,7 +96,8 @@ export const Emoji: FC<EmojiProps> = ({
95
96
  emojiNode = (
96
97
  <img
97
98
  alt={emoji.name}
98
- loading="lazy"
99
+ loading={config.loading}
100
+ draggable={config.draggable}
99
101
  className={cx(size ? emojiSizedImgCss : emojiInlineImgCss)}
100
102
  src={emoji.imageUrl}
101
103
  />
@@ -0,0 +1,12 @@
1
+ import {createContext} from "@fibery/react/src/create-context";
2
+
3
+ type RenderConfig = {loading: "lazy" | "eager"; draggable: "false" | "true"};
4
+
5
+ const [ValueProvider, useValueCtx] = createContext<RenderConfig>("EmojiRenderConfigProvider", {
6
+ loading: "lazy",
7
+ draggable: "false",
8
+ });
9
+
10
+ export {ValueProvider as EmojiRenderConfigProvider};
11
+
12
+ export const useEmojiRenderConfig = useValueCtx;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const AddDatabase: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"clipRule":"evenodd","d":"M5.835 8.738c-.35-.17-.66-.37-.92-.603C4.454 7.725 4 7.045 4 6.401 4 4.002 6.686 3 10 3s6 .972 6 3.4c0 .65-.448 1.332-.91 1.746-.262.233-.572.433-.925.603-1.079.52-2.547.751-4.165.751-1.618 0-3.086-.239-4.165-.762ZM2.5 13.599c0 1.904 1.127 3.202 2.58 3.938 1.46.74 3.347.991 5.215.96a.723.723 0 0 0 .705-.73.78.78 0 0 0-.797-.768c-1.94.023-4.927-.181-5.93-2.187a2.783 2.783 0 0 1-.257-1.528c.017-.16.046-.313.088-.46.406.396.89.703 1.405.939 1.498.688 3.213.837 4.844.804a.666.666 0 0 0 .647-.673.715.715 0 0 0-.733-.705c-1.499.024-3.105-.103-4.468-.778a3.92 3.92 0 0 1-.93-.626c-.264-.244-.71-.72-.795-1.083A2.868 2.868 0 0 1 4 10.044c0-.276.036-.535.104-.775.394.384.871.694 1.405.939 1.256.577 2.85.808 4.491.808 1.638 0 3.232-.224 4.49-.797a4.934 4.934 0 0 0 1.41-.94c.034.122.06.25.076.382.025.196.024.392.024.589a.75.75 0 0 0 1.5 0V6.4c0-1.914-1.122-3.215-2.583-3.95-1.385-.697-3.153-.95-4.917-.95-1.77 0-3.538.262-4.92.963C3.626 3.199 2.5 4.497 2.5 6.4v7.198Zm13.25-.849a.75.75 0 0 0-1.5 0v1.5h-1.5a.75.75 0 0 0 0 1.5h1.5v1.5a.75.75 0 1 0 1.5 0v-1.5h1.5a.75.75 0 0 0 0-1.5h-1.5v-1.5Z"},"children":[]}],"metadata":""}]},"name":"add-database"};
7
+
8
+ export default AddDatabase;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const AddIntegration: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"clipRule":"evenodd","d":"m8.435 6.627-.7-.7a.803.803 0 0 1 0-1.136l.634-.634a5.283 5.283 0 0 1 6.861-.523l1.376-1.375a.804.804 0 1 1 1.135 1.135L16.366 4.77c1.022 1.394 1.296 3.324.709 4.983-.148.419-.674.592-1.075.348-.358-.218-.48-.672-.375-1.077.375-1.45.044-2.77-.918-3.731a3.655 3.655 0 0 0-5.203 0l-.066.066L13.076 9A.81.81 0 0 1 12 10.21L9.57 7.761l-.699.7a.803.803 0 1 1-1.135-1.136l.699-.7Zm1.272 10.451a5.305 5.305 0 0 1-4.952-.698l-1.377 1.378a.805.805 0 0 1-1.318-.256.803.803 0 0 1 .182-.88l1.378-1.377a5.283 5.283 0 0 1 .523-6.862l.634-.634a.803.803 0 0 1 1.135 0l4.182 4.17A.804.804 0 0 1 9 13.095L5.344 9.452l-.066.067a3.658 3.658 0 0 0 0 5.203c.922.922 2.407 1.14 3.667.84.486-.114 1.029.111 1.18.587.12.377-.046.793-.418.93Zm6.043-4.328a.75.75 0 0 0-1.5 0v1.5h-1.5a.75.75 0 0 0 0 1.5h1.5v1.5a.75.75 0 1 0 1.5 0v-1.5h1.5a.75.75 0 0 0 0-1.5h-1.5v-1.5Z"},"children":[]}],"metadata":""}]},"name":"add-integration"};
7
+
8
+ export default AddIntegration;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const AiSearch: 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":"M13.128 14.32a7.085 7.085 0 1 1 1.182-1.18l3.78 3.769a.835.835 0 1 1-1.18 1.182l-3.782-3.77ZM8.75 3.335a5.415 5.415 0 1 0 0 10.83 5.415 5.415 0 0 0 0-10.83Zm0 2.415c.117 0 .221.072.263.181l.57 1.498a.844.844 0 0 0 .488.488l1.498.57a.281.281 0 0 1 0 .526l-1.498.57a.844.844 0 0 0-.488.488l-.57 1.498a.281.281 0 0 1-.526 0l-.57-1.498a.844.844 0 0 0-.488-.488l-1.498-.57a.281.281 0 0 1 0-.526l1.498-.57a.844.844 0 0 0 .488-.488l.57-1.498a.281.281 0 0 1 .263-.181Z"},"children":[]}],"metadata":""}]},"name":"ai-search"};
7
+
8
+ export default AiSearch;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const Clean: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M2.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM6 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4.5 7.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0Z"},"children":[]},{"type":"element","tagName":"path","properties":{"clipRule":"evenodd","d":"m14.64 8.422 3.89-3.892a.75.75 0 0 0-1.06-1.06l-3.892 3.89-.604-.603a2.25 2.25 0 0 0-2.846-.277l-6.546 4.397a.75.75 0 0 0 .002 1.247c1.099.733 1.733 1.586 2.423 2.515.17.228.342.46.526.697.934 1.2 2.064 2.336 4.285 2.892a.75.75 0 0 0 .82-.333l3.834-6.186a2.25 2.25 0 0 0-.322-2.777l-.51-.51Zm-3.675-.697a.75.75 0 0 1 .948.092l2.176 2.176a.75.75 0 0 1 .107.926l-.465.751L10.259 8.2l.706-.474ZM8.99 9.05l3.928 3.929-2.257 3.642c-1.438-.474-2.213-1.266-2.945-2.207a20.49 20.49 0 0 1-.25-.329.748.748 0 0 0 .063-.056l1-1a.75.75 0 1 0-1.06-1.06l-.914.913c-.363-.45-.775-.909-1.272-1.342l3.707-2.49Z"},"children":[]}],"metadata":""}]},"name":"clean"};
7
+
8
+ export default Clean;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const CreditsFilled: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20,"fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"d":"M7.536.976 3.577 3.284c-.918.535-1.377.803-1.71 1.177a3.208 3.208 0 0 0-.656 1.147c-.154.479-.154 1.014-.154 2.084v4.616c0 1.07 0 1.605.154 2.084.137.426.36.816.656 1.147.333.374.792.642 1.71 1.177l3.96 2.308c.918.535 1.376.803 1.866.907a3.14 3.14 0 0 0 1.31 0c.487-.104.947-.372 1.865-.907l3.96-2.308c.918-.535 1.376-.803 1.71-1.178.295-.331.519-.722.656-1.146.153-.479.153-1.014.153-2.084V7.692c0-1.07 0-1.605-.153-2.085a3.207 3.207 0 0 0-.656-1.146c-.334-.374-.792-.642-1.71-1.177L12.578.976C11.66.441 11.201.173 10.712.07a3.14 3.14 0 0 0-1.31 0c-.488.104-.947.372-1.866.907Zm1.517 8.066c-.297-.033-.473-.244-.473-.544 0-.3.177-.511.473-.545 1.31-.184 1.958-.276 2.32-.65.357-.368.438-1.01.595-2.282.045-.3.254-.489.55-.489.298 0 .496.19.54.489.158 1.272.237 1.914.594 2.282.364.374 1.012.466 2.322.65.135.008.262.07.352.172.091.102.138.236.131.373 0 .3-.187.51-.483.544-1.31.185-1.958.276-2.322.65-.357.369-.436 1.01-.594 2.282-.044.3-.242.49-.54.49-.296 0-.504-.19-.549-.49-.158-1.272-.238-1.913-.594-2.281-.364-.375-1.012-.466-2.322-.651Z","fill":"#EBBC00"},"children":[]}],"metadata":""}]},"name":"credits-filled"};
7
+
8
+ export default CreditsFilled;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const Gift: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M6.03 2.972a1.027 1.027 0 0 0-.001 2.054h2.47a5.925 5.925 0 0 0-.341-.627C7.65 3.593 6.959 2.972 6.03 2.972Zm2.803 3.554v1.546H3.237a.265.265 0 0 1-.265-.266V6.791c0-.146.119-.265.265-.265h5.596Zm-5.113-1.5a2.527 2.527 0 0 1 2.31-3.554c1.699 0 2.785 1.156 3.397 2.127.055.088.107.175.156.261a6.95 6.95 0 0 1 .157-.26c.611-.972 1.698-2.128 3.397-2.128a2.527 2.527 0 0 1 2.31 3.554h.482c.975 0 1.765.79 1.765 1.765v1.015c0 .975-.79 1.766-1.765 1.766h-.265v5.342a2.78 2.78 0 0 1-2.78 2.78h-6.6a2.78 2.78 0 0 1-2.781-2.78V9.572h-.266c-.974 0-1.765-.79-1.765-1.766V6.791c0-.975.79-1.765 1.765-1.765h.483Zm1.283 4.546v5.342c0 .707.573 1.28 1.28 1.28h2.55V9.572h-3.83Zm5.33 0v6.622h2.55a1.28 1.28 0 0 0 1.28-1.28V9.572h-3.83Zm5.596-1.5a.265.265 0 0 0 .265-.266V6.791a.265.265 0 0 0-.265-.265h-5.596v1.546h5.596Zm-2.791-3.046h-2.471c.094-.2.208-.415.342-.627.508-.806 1.199-1.427 2.128-1.427a1.027 1.027 0 0 1 0 2.054Z"},"children":[]}],"metadata":""}]},"name":"gift"};
7
+
8
+ export default Gift;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const Markdown: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2.5 5.25a.75.75 0 0 1 .75-.75h13.5a.75.75 0 0 1 .75.75v9.5a.75.75 0 0 1-.75.75H3.25a.75.75 0 0 1-.75-.75v-9.5ZM3.25 3A2.25 2.25 0 0 0 1 5.25v9.5A2.25 2.25 0 0 0 3.25 17h13.5A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H3.25Zm1.17 4.052a.682.682 0 0 1 .744.148L6.5 8.536 7.836 7.2A.682.682 0 0 1 9 7.682v4.636a.682.682 0 0 1-1.364 0v-2.99l-.654.654a.682.682 0 0 1-.964 0l-.654-.654v2.99a.682.682 0 0 1-1.364 0V7.682c0-.276.166-.525.42-.63ZM13.5 7c.377 0 .682.305.682.682v2.99l.654-.654a.682.682 0 1 1 .964.964L13.982 12.8a.682.682 0 0 1-.964 0L11.2 10.982a.682.682 0 1 1 .964-.964l.654.654v-2.99c0-.377.305-.682.682-.682Z"},"children":[]}],"metadata":""}]},"name":"markdown"};
7
+
8
+ export default Markdown;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const PeopleCheck: 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":"M13.156 5.65a3.65 3.65 0 1 0-7.3 0 3.65 3.65 0 0 0 7.3 0Zm-1.5 0a2.15 2.15 0 1 0-4.3 0 2.15 2.15 0 0 0 4.3 0Zm-6.8 10.85c-.215 0-.33-.144-.338-.27-.035-.529-.024-1.083.08-1.45.269-.935.899-1.565 1.768-1.978.691-.328 1.522-.51 2.392-.575.414-.03.75-.363.75-.777a.714.714 0 0 0-.75-.726c-1.041.066-2.104.28-3.035.723-1.175.557-2.156 1.489-2.566 2.92-.18.63-.172 1.405-.136 1.96C3.086 17.33 3.941 18 4.856 18h3.9a.75.75 0 0 0 0-1.5h-3.9Zm10.69-5.5a.868.868 0 0 0-.72.356l-2.238 2.95-1.075-1.125-.001-.001a.882.882 0 0 0-.646-.265c-.447 0-.86.33-.86.83 0 .204.08.424.214.564l1.756 1.824c.18.195.456.267.667.267.278 0 .547-.105.706-.307l2.876-3.779.001-.001a.839.839 0 0 0 .18-.492c0-.482-.414-.821-.86-.821Z"},"children":[]}],"metadata":""}]},"name":"people-check"};
7
+
8
+ export default PeopleCheck;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const PresentPlay: 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.699 6.484a1.31 1.31 0 0 0-1.97 1.131v4.77a1.31 1.31 0 0 0 1.97 1.132l4.089-2.384a1.31 1.31 0 0 0 0-2.265l-4.09-2.384ZM11.752 10 8.23 7.946v4.109l3.523-2.054Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M5.24 2.25a2.99 2.99 0 0 0-2.99 2.99v9.52a2.99 2.99 0 0 0 2.99 2.99h9.52a2.99 2.99 0 0 0 2.99-2.99V5.24a2.99 2.99 0 0 0-2.99-2.99H5.24ZM3.75 5.24c0-.823.667-1.49 1.49-1.49h9.52c.823 0 1.49.667 1.49 1.49v9.52a1.49 1.49 0 0 1-1.49 1.49H5.24a1.49 1.49 0 0 1-1.49-1.49V5.24Z"},"children":[]}],"metadata":""}]},"name":"present-play"};
7
+
8
+ export default PresentPlay;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const PresentStop: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M14.25 3h-8.5A2.75 2.75 0 0 0 3 5.75v8.5A2.75 2.75 0 0 0 5.75 17h8.5A2.75 2.75 0 0 0 17 14.25v-8.5A2.75 2.75 0 0 0 14.25 3Z"},"children":[]}],"metadata":""}]},"name":"present-stop"};
7
+
8
+ export default PresentStop;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const SettingsOff: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"m2.268 6.1.486-.85c.173-.3.42-.546.717-.718L2.22 3.28a.75.75 0 0 1 1.06-1.06l14.5 14.5a.75.75 0 1 1-1.06 1.06l-2.18-2.179-.445-.068-1.317.758-.426 1.101a1.965 1.965 0 0 1-1.827 1.258H9.5a1.965 1.965 0 0 1-1.827-1.257l-.427-1.102-1.316-.758-1.186.181a1.965 1.965 0 0 1-1.965-.963l-.002-.004-.484-.847a1.966 1.966 0 0 1 .157-2.214l.726-.924V9.244l-.748-.928a1.966 1.966 0 0 1-.16-2.216Zm9.532 9.023a.75.75 0 0 0-.325.38l-.523 1.35a.465.465 0 0 1-.431.297H9.503a.464.464 0 0 1-.431-.299l-.523-1.349a.75.75 0 0 0-.325-.379l-1.774-1.02a.75.75 0 0 0-.487-.092l-1.426.217a.465.465 0 0 1-.46-.227V14l-.484-.847-.005-.008a.466.466 0 0 1 .038-.527l.89-1.134a.75.75 0 0 0 .16-.463V8.979a.75.75 0 0 0-.166-.47L3.6 7.38a.466.466 0 0 1-.036-.525L4.054 6a.465.465 0 0 1 .459-.227l.234.035 8.632 8.633-1.579.683Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M9.5 1.35h1a1.964 1.964 0 0 1 1.827 1.257l.427 1.102 1.316.758 1.186-.181a1.965 1.965 0 0 1 1.965.963l.003.004.483.847a1.966 1.966 0 0 1-.158 2.214l-.725.924v1.518l.748.928a1.966 1.966 0 0 1 .16 2.216l-2.242-2.408a.75.75 0 0 1-.166-.471V8.979a.75.75 0 0 1 .16-.463l.89-1.135a.465.465 0 0 0 .038-.526l-.005-.008L15.923 6V6a.465.465 0 0 0-.46-.227l-1.426.217a.75.75 0 0 1-.487-.091l-1.774-1.021a.75.75 0 0 1-.325-.38l-.523-1.348a.469.469 0 0 0-.431-.299h-.994a.464.464 0 0 0-.431.298c-.19.49-.314 1.277-.726 1.64l-1.1-1.081.426-1.099A1.968 1.968 0 0 1 9.5 1.35Z"},"children":[]}],"metadata":""}]},"name":"settings-off"};
7
+
8
+ export default SettingsOff;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const Template: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M3.5 5.75A.75.75 0 0 1 4.25 5h11.5a.75.75 0 0 1 .75.75v10a.75.75 0 0 1-.75.75H4.25a.75.75 0 0 1-.75-.75v-10ZM4.25 2A2.25 2.25 0 0 0 2 4.25v11.5A2.25 2.25 0 0 0 4.25 18h11.5A2.25 2.25 0 0 0 18 15.75V4.25A2.25 2.25 0 0 0 15.75 2H4.25Zm4.228 5.5c.84-.84 2.203-.84 3.044 0l1.848 1.848c.84.84.84 2.203 0 3.044l-1.848 1.847c-.84.84-2.203.84-3.044 0L6.63 12.392a2.152 2.152 0 0 1 0-3.044L8.478 7.5Zm1.029 1.029a.698.698 0 0 1 .986 0l1.848 1.847a.698.698 0 0 1 0 .987l-1.848 1.848a.698.698 0 0 1-.986 0l-1.848-1.848a.698.698 0 0 1 0-.987L9.507 8.53Z"},"children":[]}],"metadata":""}]},"name":"template"};
7
+
8
+ export default Template;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const UserCheck: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M13.156 5.65a3.65 3.65 0 1 0-7.3 0 3.65 3.65 0 0 0 7.3 0Zm-1.5 0a2.15 2.15 0 1 0-4.3 0 2.15 2.15 0 0 0 4.3 0Zm-6.8 10.85c-.215 0-.33-.144-.338-.27-.035-.529-.024-1.084.08-1.45.269-.935.899-1.565 1.768-1.978.691-.328 1.522-.51 2.393-.575.413-.03.749-.363.749-.777a.714.714 0 0 0-.75-.726c-1.041.066-2.104.28-3.035.723-1.174.557-2.156 1.489-2.566 2.92-.18.63-.172 1.405-.136 1.96C3.086 17.33 3.941 18 4.856 18h3.9a.75.75 0 0 0 0-1.5h-3.9Zm10.69-5.5a.868.868 0 0 0-.72.356l-2.238 2.95-1.075-1.125-.001-.001a.882.882 0 0 0-.646-.265c-.447 0-.86.33-.86.83 0 .204.081.425.214.564l1.756 1.824c.18.195.456.267.667.267.278 0 .547-.105.706-.307l2.876-3.779.001-.001a.839.839 0 0 0 .18-.492c0-.482-.414-.821-.86-.821Z"},"children":[]}],"metadata":""}]},"name":"user-check"};
7
+
8
+ export default UserCheck;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const UserGroupRemove: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M4.5 2A2.5 2.5 0 0 0 2 4.5v11A2.5 2.5 0 0 0 4.5 18h4.75a.75.75 0 0 0 0-1.5H4.5a1 1 0 0 1-1-1V4.61c0-.553.448-1.11 1-1.11h11a1 1 0 0 1 1 1v4.75a.75.75 0 0 0 1.5 0V4.5A2.5 2.5 0 0 0 15.5 2h-11Zm8.78 10.22a.75.75 0 1 0-1.06 1.06L13.94 15l-1.72 1.72a.75.75 0 1 0 1.06 1.06L15 16.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L16.06 15l1.72-1.72a.75.75 0 1 0-1.06-1.06L15 13.94l-1.72-1.72ZM10 6a1.583 1.583 0 1 0 0 3.167A1.583 1.583 0 0 0 10 6Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M8.228 12.764c.133-.534.79-1.097 1.772-1.097h.25a.75.75 0 0 0 0-1.5H10c-1.486 0-2.888.868-3.228 2.235a.75.75 0 1 0 1.456.362Z"},"children":[]}],"metadata":""}]},"name":"user-group-remove"};
7
+
8
+ export default UserGroupRemove;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const UserX: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M9.506 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":"M4.518 16.23c.008.126.123.27.338.27h3.9a.75.75 0 0 1 0 1.5h-3.9c-.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.931-.442 1.994-.657 3.035-.723a.714.714 0 0 1 .75.726c0 .414-.336.747-.75.777-.87.065-1.7.247-2.392.575-.87.413-1.5 1.043-1.767 1.978-.105.367-.116.921-.081 1.45ZM12.22 12.22a.75.75 0 0 1 1.06 0L15 13.94l1.72-1.72a.75.75 0 1 1 1.06 1.06L16.06 15l1.72 1.72a.75.75 0 1 1-1.06 1.06L15 16.06l-1.72 1.72a.75.75 0 1 1-1.06-1.06L13.94 15l-1.72-1.72a.75.75 0 0 1 0-1.06Z"},"children":[]}],"metadata":""}]},"name":"user-x"};
7
+
8
+ export default UserX;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const Views: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M5 6H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1Zm5 10H9a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1Zm-5 0H4a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1Zm0-5H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1Zm5 0H9a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1Zm3-6V4a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1Zm-3 1H9a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1Zm5 5h-1a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1Zm0 5h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1Z"},"children":[]}],"metadata":""}]},"name":"views"};
6
+ const Views: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M4.6 3.4a1.2 1.2 0 0 0-1.2 1.2v.8a1.2 1.2 0 0 0 1.2 1.2h.8a1.2 1.2 0 0 0 1.2-1.2v-.8a1.2 1.2 0 0 0-1.2-1.2h-.8ZM9.6 3.4a1.2 1.2 0 0 0-1.2 1.2v.8a1.2 1.2 0 0 0 1.2 1.2h.8a1.2 1.2 0 0 0 1.2-1.2v-.8a1.2 1.2 0 0 0-1.2-1.2h-.8ZM14.6 3.4a1.2 1.2 0 0 0-1.2 1.2v.8a1.2 1.2 0 0 0 1.2 1.2h.8a1.2 1.2 0 0 0 1.2-1.2v-.8a1.2 1.2 0 0 0-1.2-1.2h-.8ZM9.6 8.4a1.2 1.2 0 0 0-1.2 1.2v.8a1.2 1.2 0 0 0 1.2 1.2h.8a1.2 1.2 0 0 0 1.2-1.2v-.8a1.2 1.2 0 0 0-1.2-1.2h-.8ZM4.6 8.4a1.2 1.2 0 0 0-1.2 1.2v.8a1.2 1.2 0 0 0 1.2 1.2h.8a1.2 1.2 0 0 0 1.2-1.2v-.8a1.2 1.2 0 0 0-1.2-1.2h-.8ZM14.6 8.4a1.2 1.2 0 0 0-1.2 1.2v.8a1.2 1.2 0 0 0 1.2 1.2h.8a1.2 1.2 0 0 0 1.2-1.2v-.8a1.2 1.2 0 0 0-1.2-1.2h-.8ZM9.6 13.4a1.2 1.2 0 0 0-1.2 1.2v.8a1.2 1.2 0 0 0 1.2 1.2h.8a1.2 1.2 0 0 0 1.2-1.2v-.8a1.2 1.2 0 0 0-1.2-1.2h-.8ZM4.6 13.4a1.2 1.2 0 0 0-1.2 1.2v.8a1.2 1.2 0 0 0 1.2 1.2h.8a1.2 1.2 0 0 0 1.2-1.2v-.8a1.2 1.2 0 0 0-1.2-1.2h-.8ZM14.6 13.4a1.2 1.2 0 0 0-1.2 1.2v.8a1.2 1.2 0 0 0 1.2 1.2h.8a1.2 1.2 0 0 0 1.2-1.2v-.8a1.2 1.2 0 0 0-1.2-1.2h-.8Z"},"children":[]}],"metadata":""}]},"name":"views"};
7
7
 
8
8
  export default Views;