@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.
- package/package.json +4 -4
- package/src/actions-menu/actions-menu-sub-menu.tsx +3 -0
- package/src/antd/styles.ts +6 -6
- package/src/button/base-button.tsx +1 -1
- package/src/button/icon-button.tsx +2 -2
- package/src/design-system.ts +55 -31
- package/src/dropdown-menu/index.tsx +2 -3
- package/src/emoji-picker/app-icon-picker.tsx +1 -0
- package/src/emoji-picker/primitives/emoji.tsx +4 -2
- package/src/emoji-picker/primitives/render-config-provider.tsx +12 -0
- package/src/icons/ast/AddDatabase.ts +8 -0
- package/src/icons/ast/AddIntegration.ts +8 -0
- package/src/icons/ast/AiSearch.ts +8 -0
- package/src/icons/ast/Clean.ts +8 -0
- package/src/icons/ast/CreditsFilled.ts +8 -0
- package/src/icons/ast/Gift.ts +8 -0
- package/src/icons/ast/Markdown.ts +8 -0
- package/src/icons/ast/PeopleCheck.ts +8 -0
- package/src/icons/ast/PresentPlay.ts +8 -0
- package/src/icons/ast/PresentStop.ts +8 -0
- package/src/icons/ast/SettingsOff.ts +8 -0
- package/src/icons/ast/Template.ts +8 -0
- package/src/icons/ast/UserCheck.ts +8 -0
- package/src/icons/ast/UserGroupRemove.ts +8 -0
- package/src/icons/ast/UserX.ts +8 -0
- package/src/icons/ast/Views.ts +1 -1
- package/src/icons/ast/index.tsx +15 -0
- package/src/icons/react/AddDatabase.tsx +13 -0
- package/src/icons/react/AddIntegration.tsx +13 -0
- package/src/icons/react/AiSearch.tsx +13 -0
- package/src/icons/react/Clean.tsx +13 -0
- package/src/icons/react/CreditsFilled.tsx +13 -0
- package/src/icons/react/Gift.tsx +13 -0
- package/src/icons/react/Markdown.tsx +13 -0
- package/src/icons/react/PeopleCheck.tsx +13 -0
- package/src/icons/react/PresentPlay.tsx +13 -0
- package/src/icons/react/PresentStop.tsx +13 -0
- package/src/icons/react/SettingsOff.tsx +13 -0
- package/src/icons/react/Template.tsx +13 -0
- package/src/icons/react/UserCheck.tsx +13 -0
- package/src/icons/react/UserGroupRemove.tsx +13 -0
- package/src/icons/react/UserX.tsx +13 -0
- package/src/icons/react/index.tsx +15 -0
- package/src/palette.ts +2 -30
- package/src/select/custom-select-partials/clear-indicator.tsx +4 -0
- package/src/select/custom-select-partials/group-heading.tsx +4 -5
- package/src/select/custom-select-partials/menu-list-virtualized.tsx +22 -4
- package/src/select/custom-select-partials/menu.tsx +5 -6
- package/src/select/index.tsx +39 -28
- package/src/select/select-in-popover.tsx +18 -16
- package/src/select/styles.ts +10 -2
- package/src/toast/toast-queue.ts +1 -1
- 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.
|
|
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/
|
|
117
|
-
"@fibery/
|
|
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>
|
package/src/antd/styles.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import {css} from "@linaria/core";
|
|
2
|
-
import {colors, layout,
|
|
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.
|
|
13
|
-
"--input-hover-border": themeVars.
|
|
14
|
-
"--input-focus-border": themeVars.
|
|
15
|
-
"--input-focus-shadow": themeVars.
|
|
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})
|
|
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
|
|
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;
|
package/src/design-system.ts
CHANGED
|
@@ -22,7 +22,7 @@ import {
|
|
|
22
22
|
} from "./palette";
|
|
23
23
|
import {ThemeMode} from "./theme-settings";
|
|
24
24
|
|
|
25
|
-
export const typeSizes = [
|
|
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) => `
|
|
109
|
+
..._.mapValues(shades, (shade) => `0.5px solid ${shade}`),
|
|
110
110
|
} as const;
|
|
111
111
|
|
|
112
112
|
export const inversedSeparators = {
|
|
113
|
-
..._.mapValues(lights, (light) => `
|
|
113
|
+
..._.mapValues(lights, (light) => `0.5px solid ${light}`),
|
|
114
114
|
} as const;
|
|
115
115
|
|
|
116
116
|
export const fontFamily =
|
|
117
|
-
"
|
|
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.
|
|
230
|
-
panelBg: [whiteA.whiteA0, slateDark.
|
|
231
|
-
panelContentBg: [slate.slate2, slateDark.
|
|
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.
|
|
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: [
|
|
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.
|
|
336
|
-
actionMenuInnerBg: [whiteA.whiteA0, slateDark.
|
|
337
|
-
actionMenuHover: [slate.slate4, slateDark.
|
|
338
|
-
actionMenuInnerHover: [slate.slate4, getOpacities(slateDark.
|
|
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
|
-
|
|
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.
|
|
473
|
+
colorBgMenuItemHover: [slate.slate5, slateDark.slate2],
|
|
467
474
|
// :focus
|
|
468
|
-
colorBgMenuItemFocus: [slate.slate6, slateDark.
|
|
475
|
+
colorBgMenuItemFocus: [slate.slate6, slateDark.slate5],
|
|
469
476
|
// Selected
|
|
470
|
-
colorBgMenuItemSelected: [indigo.indigo5, indigoDark.
|
|
477
|
+
colorBgMenuItemSelected: [indigo.indigo5, indigoDark.indigo3],
|
|
471
478
|
// :hover
|
|
472
|
-
colorBgMenuItemSelectedHover: [indigo.indigo6, indigoDark.
|
|
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.
|
|
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: [
|
|
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.
|
|
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.
|
|
658
|
+
colorBgButtonGhostAccentHover: [getOpacities(indigo.indigo4).opacity80, getOpacities(indigoDark.indigo4).opacity80],
|
|
644
659
|
colorBgButtonGhostNeutralDefault: [transparent, transparent],
|
|
645
|
-
colorBgButtonGhostNeutralHover: [getOpacities(slate.
|
|
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).
|
|
706
|
+
instrumentsMenuBg: [getOpacities(whiteA.whiteA0).opacity100, getOpacities(slateDark.slate4).opacity100],
|
|
689
707
|
instrumentsMenuShadow: [
|
|
690
|
-
`
|
|
691
|
-
|
|
692
|
-
|
|
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:
|
|
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.
|
|
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.
|
|
163
|
-
height:
|
|
161
|
+
backgroundColor: themeVars.actionMenuSeparatorColor,
|
|
162
|
+
height: 0.5,
|
|
164
163
|
margin: `${space.s4}px 0`,
|
|
165
164
|
}}
|
|
166
165
|
`;
|
|
@@ -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=
|
|
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;
|
package/src/icons/ast/Views.ts
CHANGED
|
@@ -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":"
|
|
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;
|