@fibery/ui-kit 1.29.2 → 1.29.5

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 (59) hide show
  1. package/package.json +5 -4
  2. package/src/actions-menu/actions-menu-item.tsx +3 -1
  3. package/src/actions-menu/actions-menu-sub-command-menu.tsx +14 -6
  4. package/src/button/button-base.tsx +1 -1
  5. package/src/button/button.tsx +1 -1
  6. package/src/design-system.ts +78 -23
  7. package/src/emoji-picker/primitives/footer.tsx +1 -1
  8. package/src/icons/ast/Abort.ts +8 -0
  9. package/src/icons/ast/AiAssistant.ts +1 -1
  10. package/src/icons/ast/AiAvatar.ts +1 -1
  11. package/src/icons/ast/Clear.ts +8 -0
  12. package/src/icons/ast/Database.ts +1 -1
  13. package/src/icons/ast/DatabaseStroke.ts +8 -0
  14. package/src/icons/ast/ExtensionComments.ts +1 -1
  15. package/src/icons/ast/FieldUnit.ts +1 -1
  16. package/src/icons/ast/InfoCircle.ts +8 -0
  17. package/src/icons/ast/Key.ts +8 -0
  18. package/src/icons/ast/MoveBottom.ts +1 -1
  19. package/src/icons/ast/MoveLeft.ts +1 -1
  20. package/src/icons/ast/MoveRight.ts +1 -1
  21. package/src/icons/ast/MoveTop.ts +1 -1
  22. package/src/icons/ast/Pin.ts +1 -1
  23. package/src/icons/ast/RicheditorCommentCreate.ts +1 -1
  24. package/src/icons/ast/SendArrow.ts +8 -0
  25. package/src/icons/ast/UnitsAvatar.ts +8 -0
  26. package/src/icons/ast/UnitsCollection.ts +8 -0
  27. package/src/icons/ast/UnitsCounter.ts +8 -0
  28. package/src/icons/ast/UnitsDbBadgeAbbr.ts +8 -0
  29. package/src/icons/ast/UnitsDbBadgeFull.ts +8 -0
  30. package/src/icons/ast/UnitsDbIcon.ts +8 -0
  31. package/src/icons/ast/UnitsField.ts +8 -0
  32. package/src/icons/ast/UnitsInput.ts +8 -0
  33. package/src/icons/ast/UnitsProgressBar.ts +8 -0
  34. package/src/icons/ast/UnitsRichText.ts +8 -0
  35. package/src/icons/ast/UnitsSnippet.ts +8 -0
  36. package/src/icons/ast/index.tsx +17 -0
  37. package/src/icons/react/Abort.tsx +12 -0
  38. package/src/icons/react/Clear.tsx +12 -0
  39. package/src/icons/react/DatabaseStroke.tsx +12 -0
  40. package/src/icons/react/InfoCircle.tsx +12 -0
  41. package/src/icons/react/Key.tsx +12 -0
  42. package/src/icons/react/SendArrow.tsx +12 -0
  43. package/src/icons/react/UnitsAvatar.tsx +12 -0
  44. package/src/icons/react/UnitsCollection.tsx +12 -0
  45. package/src/icons/react/UnitsCounter.tsx +12 -0
  46. package/src/icons/react/UnitsDbBadgeAbbr.tsx +12 -0
  47. package/src/icons/react/UnitsDbBadgeFull.tsx +12 -0
  48. package/src/icons/react/UnitsDbIcon.tsx +12 -0
  49. package/src/icons/react/UnitsField.tsx +12 -0
  50. package/src/icons/react/UnitsInput.tsx +12 -0
  51. package/src/icons/react/UnitsProgressBar.tsx +12 -0
  52. package/src/icons/react/UnitsRichText.tsx +12 -0
  53. package/src/icons/react/UnitsSnippet.tsx +12 -0
  54. package/src/icons/react/index.tsx +17 -0
  55. package/src/select/custom-select-partials/menu.tsx +1 -1
  56. package/src/select/select-in-popover.tsx +56 -10
  57. package/src/theme-settings.ts +10 -8
  58. package/src/toggle.tsx +3 -1
  59. package/src/tooltip.tsx +4 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fibery/ui-kit",
3
- "version": "1.29.2",
3
+ "version": "1.29.5",
4
4
  "private": false,
5
5
  "files": [
6
6
  "src/antd/styles.ts",
@@ -75,8 +75,8 @@
75
75
  "react-virtuoso": "4.6.0",
76
76
  "screenfull": "6.0.1",
77
77
  "ua-parser-js": "0.7.24",
78
- "@fibery/emoji-data": "2.6.0",
79
78
  "@fibery/helpers": "1.3.0",
79
+ "@fibery/emoji-data": "2.6.0",
80
80
  "@fibery/react": "1.4.0"
81
81
  },
82
82
  "peerDependencies": {
@@ -93,6 +93,7 @@
93
93
  "@testing-library/user-event": "13.5.0",
94
94
  "@types/chroma-js": "2.1.3",
95
95
  "@types/color-hash": "1.0.2",
96
+ "@types/history": "4.7.11",
96
97
  "@types/invariant": "2.2.34",
97
98
  "@types/jest": "27.0.1",
98
99
  "@types/lodash": "4.14.172",
@@ -110,8 +111,8 @@
110
111
  "svgo": "2.8.0",
111
112
  "typescript": "5.4.3",
112
113
  "unist-util-reduce": "0.2.2",
113
- "@fibery/babel-preset": "7.4.0",
114
- "@fibery/eslint-config": "8.6.0"
114
+ "@fibery/eslint-config": "8.6.0",
115
+ "@fibery/babel-preset": "7.4.0"
115
116
  },
116
117
  "jest": {
117
118
  "testEnvironment": "jsdom",
@@ -40,6 +40,8 @@ const dangerousItemCss = css`
40
40
  &[data-highlighted] {
41
41
  color: ${themeVars.danger};
42
42
  background-color: ${themeVars.colorBgActionsMenuItemDangerHover};
43
+
44
+ --actions-menu-item-icon-color: ${themeVars.danger};
43
45
  }
44
46
  }
45
47
  `;
@@ -94,7 +96,7 @@ const RightCorner = ({shortcut, loading, checked}: {shortcut?: string; loading?:
94
96
  const LeftCorner = ({Icon}: {Icon: FunctionComponent<IconBaseProps> | void}) => {
95
97
  return Icon ? (
96
98
  <div className={cornerCss}>
97
- <Icon color={themeVars.iconColor} iconSize={18} />
99
+ <Icon color={`var(--actions-menu-item-icon-color, ${themeVars.iconColor})`} iconSize={18} />
98
100
  </div>
99
101
  ) : null;
100
102
  };
@@ -1,6 +1,8 @@
1
+ import {composeEventHandlers} from "@fibery/react/src/compose-event-handlers";
2
+ import {createContext} from "@fibery/react/src/create-context";
1
3
  import {stopPropagation} from "@fibery/react/src/stop-propagation";
2
4
  import {css, cx} from "@linaria/core";
3
- import React, {RefObject, useMemo, useRef, useState} from "react";
5
+ import React, {RefObject, useEffect, useMemo, useRef, useState} from "react";
4
6
  import {
5
7
  CommandMenuEmpty,
6
8
  CommandMenuGroup,
@@ -11,8 +13,6 @@ import {
11
13
  } from "../command-menu";
12
14
  import {ActionsMenuSubMenu} from "./actions-menu-sub-menu";
13
15
  import {useActionsMenuContext} from "./contexts/actions-menu-context";
14
- import {createContext} from "@fibery/react/src/create-context";
15
- import {composeEventHandlers} from "@fibery/react/src/compose-event-handlers";
16
16
 
17
17
  const [ActionsMenuSubCommandMenuProvider, useActionsMenuSubCommandMenuCtx] = createContext<{
18
18
  subMenuOpenRef: RefObject<boolean>;
@@ -93,9 +93,7 @@ export const ActionsMenuSubCommandMenuRoot: React.FC<React.ComponentPropsWithout
93
93
  e.target.hasAttribute("cmdk-input") &&
94
94
  e.relatedTarget === subMenuTriggerRef.current
95
95
  ) {
96
- setTimeout(() => {
97
- e.target.focus();
98
- }, 0);
96
+ setTimeout(() => e.target.focus(), 0);
99
97
  }
100
98
  })}
101
99
  {...props}
@@ -109,8 +107,18 @@ export const ActionsMenuSubCommandMenuInput: React.FC<ActionsMenuSubCommandMenuI
109
107
  onKeyDown,
110
108
  ...otherProps
111
109
  }) => {
110
+ const inputRef = useRef<HTMLInputElement | null>(null);
111
+
112
+ useEffect(() => {
113
+ // html autofocus doesn't work reliably in Context Menu
114
+ if (autoFocus) {
115
+ setTimeout(() => inputRef.current?.focus(), 0);
116
+ }
117
+ }, [autoFocus]);
118
+
112
119
  return (
113
120
  <CommandMenuInput
121
+ ref={inputRef}
114
122
  onKeyDown={(e) => {
115
123
  // prevent submenu from closing if input is not empty
116
124
  if ((e.target as HTMLInputElement).value.length > 0 && e.key === "ArrowLeft") {
@@ -105,7 +105,7 @@ type StyledProps = {
105
105
  borderWidth: number;
106
106
  };
107
107
 
108
- const StyledButtonBase = styled.button<StyledProps>`
108
+ export const StyledButtonBase = styled.button<StyledProps>`
109
109
  display: block;
110
110
  box-sizing: border-box;
111
111
  font-weight: ${fontWeight.medium};
@@ -31,7 +31,7 @@ const FontSizes = {
31
31
  } as const;
32
32
 
33
33
  const HorizontalPaddings = {
34
- ":button-size/super-small": 4,
34
+ ":button-size/super-small": 6,
35
35
  ":button-size/smaller": 8,
36
36
  ":button-size/small": 8,
37
37
  ":button-size/normal": 12,
@@ -22,7 +22,7 @@ import {a11yColor} from "./a11y-color";
22
22
  import {createInlineTheme as createInlineStyles, varPrefix} from "./create-inline-theme";
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 = [26, 24, 18, 16, 14, 12, 10, 8] as const;
26
26
 
27
27
  export const fontWeight = {
28
28
  light: 300,
@@ -115,17 +115,45 @@ export const themeColors = {
115
115
  colorAI: ["hsla(271, 57%, 61%, 1)", "hsla(272, 43%, 50%, 1)"],
116
116
  colorBgAI: ["hsla(271, 57%, 61%, 0.1)", "hsla(272, 43%, 50%, 0.1)"],
117
117
  colorSubtleBgAI: ["hsla(271, 57%, 61%, 0.05)", "hsla(272, 43%, 50%, 0.1)"],
118
- actionMenuShadow: [
119
- `0 0 0 1px ${getOpacities(slate.slate10).opacity10}, 0 12px 16px -4px ${getOpacities(slate.slate10).opacity30}`,
120
- `0 0 0 1px ${getOpacities(slateDark.slate1).opacity10}, 0 12px 16px -4px ${
121
- getOpacities(slateDark.slate1).opacity40
118
+
119
+ // Shadows and effects / Elevation
120
+ shadow100: [
121
+ `
122
+ 0px 1px 4px 0px ${getOpacities(slate.slate12).opacity5}
123
+ `,
124
+ `0px 1px 4px 0px ${getOpacities(slate.slate12).opacity10}`,
125
+ ],
126
+ shadow200: [
127
+ `
128
+ 0px 2px 6px 0px ${getOpacities(slate.slate12).opacity5}
129
+ `,
130
+ `0px 2px 6px 0px ${getOpacities(slate.slate12).opacity10}`,
131
+ ],
132
+ shadow300: [
133
+ `
134
+ 0px 3px 6px -3px ${getOpacities(slate.slate12).opacity10}, 0px 8px 20px -4px ${
135
+ getOpacities(slate.slate12).opacity15
136
+ }
137
+ `,
138
+ `0px 3px 6px -3px ${getOpacities(slate.slate12).opacity10}, 0px 8px 20px -4px ${
139
+ getOpacities(slate.slate12).opacity15
122
140
  }`,
123
141
  ],
142
+ actionMenuShadow: [
143
+ `0px 0px 2px 0px ${getOpacities(slate.slate11).opacity30}, 0px 4px 6px 0px ${
144
+ getOpacities(slate.slate11).opacity5
145
+ }, 0px 10px 26px 0px ${getOpacities(slate.slate11).opacity15}`,
146
+ `0px 0px 0px 1px ${getOpacities(slateDark.slate6).opacity100}, 0px 4px 6px 0px ${
147
+ getOpacities(slateDark.slate1).opacity5
148
+ }, 0px 10px 26px 0px ${getOpacities(slateDark.slate1).opacity15}`,
149
+ ],
124
150
  shadowPopup: [
125
- `0 0 0 1px ${getOpacities(slate.slate10).opacity10}, 0 12px 16px -4px ${getOpacities(slate.slate10).opacity30}`,
126
- `0 0 0 1px ${getOpacities(slateDark.slate1).opacity10}, 0 12px 16px -4px ${
127
- getOpacities(slateDark.slate1).opacity40
128
- }`,
151
+ `0px 0px 2px 0px ${getOpacities(slate.slate11).opacity30}, 0px 4px 6px 0px ${
152
+ getOpacities(slate.slate11).opacity5
153
+ }, 0px 10px 26px 0px ${getOpacities(slate.slate11).opacity15}`,
154
+ `0px 0px 0px 1px ${getOpacities(slateDark.slate6).opacity100}, 0px 4px 6px 0px ${
155
+ getOpacities(slateDark.slate1).opacity5
156
+ }, 0px 10px 26px 0px ${getOpacities(slateDark.slate1).opacity15}`,
129
157
  ],
130
158
  shadowModal: [
131
159
  `${getOpacities(slate.slate10).opacity20} 0px 16px 70px`,
@@ -143,6 +171,8 @@ export const themeColors = {
143
171
  `blur(24px) saturate(190%) contrast(50%) brightness(130%)`,
144
172
  `blur(24px) saturate(180%) contrast(60%) brightness(70%)`,
145
173
  ],
174
+
175
+ // Rubbish dump
146
176
  primaryBlue: [indigo.indigo9, indigoDark.indigo9],
147
177
  whiteColor: [whiteA.whiteA0, whiteA.whiteA0],
148
178
  blackColor: [blackA.blackA0, blackA.blackA0],
@@ -155,14 +185,14 @@ export const themeColors = {
155
185
  colorBgPopup: [whiteA.whiteA0, slateDark.slate4],
156
186
  colorBgSidebar: [whiteA.whiteA0, slateDark.slate3],
157
187
  menuBg: [slate.slate3, slateDark.slate1],
158
- menuTextColor: [slate.slate12, slate.slate8],
188
+ menuTextColor: [slateDark.slate5, slate.slate8],
159
189
  menuItemHoverColor: [slate.slate5, slateDark.slate6],
160
190
  menuSelectedTextColor: [slate.slate2, slate.slate2],
161
191
  menuFooterColor: [getOpacities(whiteA.whiteA0).opacity20, getOpacities(slateDark.slate3).opacity40],
162
192
  menuFooterHoverColor: [getOpacities(whiteA.whiteA0).opacity60, slateDark.slate4],
163
193
  menuIconColor: [getOpacities(slate.slate11).opacity90, getOpacities(slateDark.slate11).opacity90],
164
194
  menuSelectedIconColor: [getOpacities(slate.slate1).opacity90, getOpacities(slate.slate1).opacity90],
165
- textColor: [slateDark.slate3, slate.slate6],
195
+ textColor: [slateDark.slate5, slate.slate6],
166
196
  textSelectionColor: [getOpacities(blue.blue10).opacity20, getOpacities(blueDark.blue10).opacity40],
167
197
  accentTextColor: [slate.slate10, slateDark.slate10],
168
198
  disabledTextColor: [slate.slate9, slateDark.slate9],
@@ -181,6 +211,8 @@ export const themeColors = {
181
211
  codeColor: [red.red9, red.red8],
182
212
  codeBgColor: [slate.slate3, slateDark.slate4],
183
213
  codeBlockBgColor: [slate.slate3, slateDark.slate4],
214
+
215
+ // Entity
184
216
  entityNodeColor: [slateDark.slate3, slate.slate8],
185
217
  entityNodeBorder: [
186
218
  `1px solid ${getOpacities(slateDark.slate3).opacity30}`,
@@ -197,6 +229,8 @@ export const themeColors = {
197
229
  `1px solid ${getOpacities(slate.slate8).opacity50}`,
198
230
  `1px solid ${getOpacities(slateDark.slate10).opacity20}`,
199
231
  ],
232
+
233
+ // Input
200
234
  inputBgColor: [whiteA.whiteA0, slateDark.slate2],
201
235
  inputDisabledBgColor: [getOpacities(slate.slate6).opacity30, getOpacities(slateDark.slate6).opacity30],
202
236
  inputDisabledBorderColor: [
@@ -235,6 +269,8 @@ export const themeColors = {
235
269
  buttonColor: [slate.slate10, slateDark.slate10],
236
270
  buttonPrimaryTextColor: [slate.slate2, slate.slate6],
237
271
  checkboxColor: [slate.slate10, slateDark.slate10],
272
+
273
+ // Actions menu
238
274
  colorBgActionsMenu: [getOpacities(whiteA.whiteA0).opacity85, getOpacities(slateDark.slate4).opacity85],
239
275
  colorBgActionsMenuItemHover: [getOpacities(slate.slate11).opacity10, getOpacities(slateDark.slate11).opacity10],
240
276
  colorBgActionsMenuItemSelected: [getOpacities(indigo.indigo4).opacity80, getOpacities(indigoDark.indigo4).opacity80],
@@ -267,10 +303,12 @@ export const themeColors = {
267
303
  mentionBgColor: [getOpacities(slate.slate7).opacity30, getOpacities(slateDark.slate7).opacity40],
268
304
  colorBgSelectMenu: [slate.slate1, slateDark.slate3],
269
305
  shadowSelectMenu: [
270
- `0 0 0 1px ${getOpacities(slate.slate10).opacity10}, 0 12px 16px -4px ${getOpacities(slate.slate10).opacity30}`,
271
- `0 0 0 1px ${getOpacities(slateDark.slate1).opacity10}, 0 12px 16px -4px ${
272
- getOpacities(slateDark.slate1).opacity40
273
- }`,
306
+ `0px 0px 2px 0px ${getOpacities(slate.slate11).opacity30}, 0px 4px 6px 0px ${
307
+ getOpacities(slate.slate11).opacity5
308
+ }, 0px 10px 26px 0px ${getOpacities(slate.slate11).opacity15}`,
309
+ `0px 0px 0px 1px ${getOpacities(slateDark.slate6).opacity100}, 0px 4px 6px 0px ${
310
+ getOpacities(slateDark.slate1).opacity5
311
+ }, 0px 10px 26px 0px ${getOpacities(slateDark.slate1).opacity15}`,
274
312
  ],
275
313
  colorBgListItemGeneral: [transparent, transparent],
276
314
  colorBgListItemGeneralHover: [slate.slate3, slateDark.slate4],
@@ -368,7 +406,7 @@ export const themeColors = {
368
406
  opacityMenuItemDragged: [`${opacity.opacity40}`, `${opacity.opacity40}`],
369
407
  colorBgMenuItemSelectedDragged: [indigo.indigo6, indigoDark.indigo6],
370
408
  // Default
371
- colorTextMenuItem: [slate.slate12, getOpacities(slateDark.slate12).opacity90],
409
+ colorTextMenuItem: [slateDark.slate5, getOpacities(slateDark.slate12).opacity90],
372
410
  colorBgMenuItem: [transparent, transparent],
373
411
  // :hover
374
412
  colorBgMenuItemHover: [slate.slate5, slateDark.slate4],
@@ -387,8 +425,12 @@ export const themeColors = {
387
425
  colorBgFieldEditorLinkEqualSign: [slate.slate6, slateDark.slate2],
388
426
  allowedDropColor: [getOpacities(slate.slate3).opacity80, getOpacities(slateDark.slate3).opacity80],
389
427
  relationViewBgColor: [slate.slate2, slateDark.slate3],
428
+
429
+ // Unit
390
430
  unitBg: [slate.slate3, slateDark.slate6],
391
431
  unitBgHover: [slate.slate4, slateDark.slate7],
432
+
433
+ // Badges
392
434
  colorBgBadgeSuccess: [teal.teal5, tealDark.teal5],
393
435
  colorBgBadgeWarning: [yellow.yellow5, yellowDark.yellow5],
394
436
  colorBgBadgeError: [red.red5, redDark.red5],
@@ -473,6 +515,8 @@ export const themeColors = {
473
515
  colorPickerSwatchBorder: [blackA.blackA7, blackA.blackA7],
474
516
  colorBorderRichTextMedia: [blackA.blackA7, blackA.blackA7],
475
517
  richTextTableBorder: [blackA.blackA5, whiteA.whiteA7],
518
+
519
+ // Grid
476
520
  gridHeaderBgColor: [slate.slate2, slateDark.slate3],
477
521
  gridHeaderHoverBgColor: [slate.slate3, slateDark.slate4],
478
522
  gridHeaderTextColor: [slate.slate10, slateDark.slate11],
@@ -486,6 +530,11 @@ export const themeColors = {
486
530
  gridSelectedPinnedCellBorderColor: [indigo.indigo7, indigoDark.indigo7],
487
531
  gridDisabledSelectedCellBgColor: [indigo.indigo4, indigoDark.indigo5],
488
532
  gridActiveCellBorderColor: [indigo.indigo8, indigoDark.indigo9],
533
+ colorBorderButtonOutlineAccentDefault: [indigo.indigo8, indigoDark.indigo8],
534
+ colorBorderButtonOutlineNeutralDefault: [slate.slate8, slateDark.slate8],
535
+ colorBgButtonOutlineAccentDefault: [whiteA.whiteA0, slateDark.slate1],
536
+ colorBgButtonOutlineAccentHover: [indigo.indigo3, indigoDark.indigo8],
537
+ colorTextButtonOutlineAccent: [indigo.indigo11, indigoDark.indigo11],
489
538
  colorBgReactionsDefault: [slate.slate3, slateDark.slate6],
490
539
  colorBgReactionsHover: [whiteA.whiteA0, slateDark.slate2],
491
540
  colorBorderReactionsHover: [slate.slate8, slateDark.slate9],
@@ -497,6 +546,10 @@ export const themeColors = {
497
546
  colorBgToastDefault: [slate.slate1, slateDark.slate1],
498
547
  colorBgDbTabHover: [slate.slate3, slateDark.slate4],
499
548
  colorBgDbTabFocus: [slate.slate6, slateDark.slate6],
549
+
550
+ // Chat
551
+ colorBgMessageContainer: [slate.slate3, slateDark.slate6],
552
+ colorBgMessageContainerHover: [slate.slate2, slateDark.slate3],
500
553
  } as const;
501
554
 
502
555
  type ThemeDefs = typeof themeColors;
@@ -759,8 +812,8 @@ export const layout = {
759
812
  logoSize: 16,
760
813
  menuDefaultWidth: 243,
761
814
  desktopToolbarHeight: 32,
762
- desktopMenuMinWidth: 160,
763
- menuMinWidth: 47, //TODO: make dependency to itemHeight
815
+ desktopMenuMinWidth: 200,
816
+ menuMinWidth: 54, //TODO: make dependency to itemHeight
764
817
  menuMaxWidth: 480,
765
818
  menuItemMinWidth: 80,
766
819
  menuGroupHeaderIndent: 28, // I'm ok
@@ -808,6 +861,8 @@ export const border = {
808
861
  radius8: 8,
809
862
  radius10: 10,
810
863
  radius12: 12,
864
+ radius16: 16,
865
+ radius9999: 9999,
811
866
  } as const;
812
867
 
813
868
  export const lineHeight = {
@@ -923,7 +978,7 @@ export const textStyles = {
923
978
  fontSize: typeSizes[0],
924
979
  letterSpacing: "-0.003em",
925
980
  lineHeight: lineHeight.heading,
926
- fontWeight: fontWeight.medium,
981
+ fontWeight: fontWeight.semibold,
927
982
  color: themeVars.textColor,
928
983
  },
929
984
  heading2: {
@@ -931,7 +986,7 @@ export const textStyles = {
931
986
  fontSize: typeSizes[1],
932
987
  letterSpacing: "-0.002em",
933
988
  lineHeight: lineHeight.heading,
934
- fontWeight: fontWeight.medium,
989
+ fontWeight: fontWeight.semibold,
935
990
  color: themeVars.textColor,
936
991
  },
937
992
  heading3: {
@@ -939,21 +994,21 @@ export const textStyles = {
939
994
  fontSize: typeSizes[2],
940
995
  letterSpacing: "-0.002em",
941
996
  lineHeight: lineHeight.heading,
942
- fontWeight: fontWeight.medium,
997
+ fontWeight: fontWeight.semibold,
943
998
  color: themeVars.textColor,
944
999
  },
945
1000
  heading4: {
946
1001
  fontFamily,
947
1002
  fontSize: typeSizes[3],
948
1003
  lineHeight: lineHeight.heading,
949
- fontWeight: fontWeight.medium,
1004
+ fontWeight: fontWeight.semibold,
950
1005
  color: themeVars.textColor,
951
1006
  },
952
1007
  heading5: {
953
1008
  fontFamily,
954
1009
  fontSize: typeSizes[4],
955
1010
  lineHeight: lineHeight.heading,
956
- fontWeight: fontWeight.medium,
1011
+ fontWeight: fontWeight.semibold,
957
1012
  color: themeVars.textColor,
958
1013
  },
959
1014
  heading6: {
@@ -5,7 +5,7 @@ const footerCss = css`
5
5
  position: relative;
6
6
  border-top: 1px solid var(--fibery-color-separatorColor);
7
7
  padding: ${space.s6}px ${space.s12}px;
8
- min-height: 40px;
8
+ height: 40px;
9
9
 
10
10
  display: flex;
11
11
  align-items: center;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const Abort: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M12.5 6h-5A1.5 1.5 0 0 0 6 7.5v5A1.5 1.5 0 0 0 7.5 14h5a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 12.5 6Z"},"children":[]}],"metadata":""}]},"name":"abort"};
7
+
8
+ export default Abort;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const AiAssistant: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M3 0c.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.18 3.263a.281.281 0 0 1 0-.526l1.498-.57a.844.844 0 0 0 .488-.488L2.737.18A.281.281 0 0 1 3 0ZM3 14c.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 3 14Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M11.7 2.483a.75.75 0 0 0-1.4 0L8.777 6.476a2.25 2.25 0 0 1-1.302 1.302L3.483 9.299a.75.75 0 0 0 0 1.402l3.993 1.521a2.25 2.25 0 0 1 1.302 1.302l1.521 3.993a.75.75 0 0 0 1.402 0l1.521-3.993a2.25 2.25 0 0 1 1.302-1.302l3.993-1.521a.75.75 0 0 0 0-1.402l-3.993-1.521a2.25 2.25 0 0 1-1.302-1.302l-1.521-3.993ZM10.18 7.01 11 4.857l.82 2.153a3.75 3.75 0 0 0 2.17 2.17l2.153.82-2.153.82a3.75 3.75 0 0 0-2.17 2.17L11 15.143l-.82-2.153a3.75 3.75 0 0 0-2.17-2.17L5.857 10l2.153-.82a3.75 3.75 0 0 0 2.17-2.17Z"},"children":[]}],"metadata":""}]},"name":"ai-assistant"};
6
+ const AiAssistant: 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":"M3.374.262a.398.398 0 0 0-.75.006l-.548 1.607a.317.317 0 0 1-.207.2l-1.59.493a.395.395 0 0 0-.006.754l1.595.524a.317.317 0 0 1 .202.202l.552 1.68c.119.36.629.364.753.006l.587-1.69a.317.317 0 0 1 .199-.197l1.568-.526a.395.395 0 0 0-.006-.752l-1.564-.494a.317.317 0 0 1-.203-.195L3.374.262Zm-.562 14.956a.332.332 0 0 0-.626.006l-.456 1.338a.264.264 0 0 1-.172.168l-1.325.41a.33.33 0 0 0-.006.628l1.33.437c.08.027.142.089.168.169l.46 1.399c.099.3.524.304.628.005l.488-1.409a.264.264 0 0 1 .166-.163l1.308-.439a.33.33 0 0 0-.006-.626l-1.303-.412a.264.264 0 0 1-.17-.162l-.484-1.349Zm9.183-12.814c-.336-.936-1.663-.924-1.983.017l-1.47 4.33a1.2 1.2 0 0 1-.78.76L3.506 8.835c-.975.304-.986 1.68-.017 2l4.273 1.41a1.2 1.2 0 0 1 .764.767l1.482 4.53c.314.957 1.662.968 1.99.017l1.578-4.566a1.2 1.2 0 0 1 .752-.745l4.202-1.415c.963-.324.95-1.689-.017-1.996L14.326 7.51a1.2 1.2 0 0 1-.766-.74l-1.565-4.365Zm-1.938 4.861.963-2.837 1.034 2.882a2.8 2.8 0 0 0 1.789 1.724l2.582.82-2.608.877a2.8 2.8 0 0 0-1.753 1.74l-1.043 3.02-.975-2.977a2.8 2.8 0 0 0-1.783-1.788L5.62 9.853l2.619-.815a2.8 2.8 0 0 0 1.819-1.773Z"},"children":[]}],"metadata":""}]},"name":"ai-assistant"};
7
7
 
8
8
  export default AiAssistant;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const AiAvatar: 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 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10Zm0-15.833a.562.562 0 0 1 .525.36l1.016 2.64c.175.457.232.592.309.701.077.11.173.204.281.281.11.078.245.135.701.31l2.64 1.016a.562.562 0 0 1 0 1.05l-2.64 1.015c-.456.176-.591.232-.7.31a1.198 1.198 0 0 0-.281.28c-.078.11-.135.245-.31.702l-1.016 2.64a.562.562 0 0 1-1.05 0l-1.015-2.64c-.176-.457-.232-.592-.31-.7a1.194 1.194 0 0 0-.28-.282c-.11-.078-.245-.134-.702-.31l-2.64-1.015a.562.562 0 0 1 0-1.05l2.64-1.016c.457-.175.592-.232.701-.309.11-.077.204-.172.281-.281.078-.11.134-.245.31-.701l1.015-2.64A.562.562 0 0 1 10 4.166Zm0 2.128-.514 1.34c-.143.37-.25.647-.42.885-.15.211-.334.396-.545.546-.239.17-.516.277-.886.42L6.295 10l1.336.513c.372.143.65.25.89.42.21.15.396.335.546.546.17.24.277.517.42.89L10 13.704l.518-1.345c.141-.368.247-.642.416-.88.15-.21.335-.395.546-.546.24-.17.517-.277.89-.42L13.704 10l-1.338-.515c-.37-.142-.648-.25-.887-.419a2.321 2.321 0 0 1-.546-.546c-.17-.24-.277-.518-.42-.89L10 6.295Z"},"children":[]}],"metadata":""}]},"name":"ai-avatar"};
6
+ const AiAvatar: 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 3a.75.75 0 0 1 .7.483l1.312 3.442c.187.49.573.876 1.063 1.063l3.442 1.311a.75.75 0 0 1 0 1.402l-3.442 1.311c-.49.187-.876.573-1.063 1.063l-1.311 3.442a.75.75 0 0 1-1.402 0l-1.311-3.442a1.836 1.836 0 0 0-1.063-1.063l-3.442-1.311a.75.75 0 0 1 0-1.402l3.442-1.311c.49-.187.876-.573 1.063-1.063l1.311-3.442A.75.75 0 0 1 10 3Zm0 2.857-.61 1.602a3.336 3.336 0 0 1-1.93 1.93L5.856 10l1.602.61a3.336 3.336 0 0 1 1.93 1.93L10 14.143l.61-1.603a3.336 3.336 0 0 1 1.93-1.93l1.603-.61-1.603-.61a3.336 3.336 0 0 1-1.93-1.93L10 5.856Z"},"children":[]}],"metadata":""}]},"name":"ai-avatar"};
7
7
 
8
8
  export default AiAvatar;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const Clear: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"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":{"fillRule":"evenodd","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":"clear"};
7
+
8
+ export default Clear;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const Database: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M16 6.4C16 3.973 13.314 3 10 3S4 4.002 4 6.4c0 2.4 2.686 3.401 6 3.401s6-.971 6-3.4Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.104 9.27a2.82 2.82 0 0 0-.104.774c0 2.399 2.686 3.4 6 3.4s6-.97 6-3.4a2.88 2.88 0 0 0-.1-.766 4.787 4.787 0 0 1-1.197.84c-1.289.648-2.972.898-4.703.898-1.735 0-3.418-.259-4.705-.911a4.831 4.831 0 0 1-1.19-.836Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.104 12.824c-.068.24-.104.499-.104.775C4 15.998 6.686 17 10 17s6-.972 6-3.4a2.88 2.88 0 0 0-.1-.767 4.786 4.786 0 0 1-1.197.84c-1.289.648-2.972.898-4.703.898-1.735 0-3.418-.259-4.705-.911a4.83 4.83 0 0 1-1.19-.836Z"},"children":[]}],"metadata":""}]},"name":"database"};
6
+ const Database: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"width":20,"height":20},"children":[{"type":"element","tagName":"path","properties":{"d":"M16 6.4C16 3.973 13.314 3 10 3S4 4.002 4 6.4c0 2.4 2.686 3.401 6 3.401s6-.971 6-3.4ZM4.104 9.27c-.068.24-.104.498-.104.774 0 2.399 2.686 3.4 6 3.4s6-.97 6-3.4a2.88 2.88 0 0 0-.1-.766 4.787 4.787 0 0 1-1.197.84c-1.289.648-2.972.898-4.703.898-1.735 0-3.418-.259-4.705-.911a4.83 4.83 0 0 1-1.19-.836Zm0 3.554c-.068.24-.104.499-.104.775C4 15.998 6.686 17 10 17s6-.972 6-3.4a2.88 2.88 0 0 0-.1-.767 4.786 4.786 0 0 1-1.197.84c-1.289.648-2.972.898-4.703.898-1.735 0-3.418-.259-4.705-.911a4.83 4.83 0 0 1-1.19-.836Z"},"children":[]}],"metadata":""}]},"name":"database"};
7
7
 
8
8
  export default Database;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const DatabaseStroke: 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":"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.382.701 3.15.963 4.92.963 1.764 0 3.532-.253 4.917-.95 1.46-.735 2.583-2.036 2.583-3.95V6.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.198Zm11.99.175c-1.258.573-2.852.797-4.49.797-1.64 0-3.235-.231-4.491-.808a4.978 4.978 0 0 1-1.405-.939A2.703 2.703 0 0 0 4 13.6c0 .454.096.857.274 1.213C5.038 16.341 7.312 17 10 17c2.687 0 4.961-.639 5.726-2.175.178-.359.274-.766.274-1.226a2.763 2.763 0 0 0-.1-.766 4.933 4.933 0 0 1-1.41.941Zm0-3.555c-1.258.573-2.852.797-4.49.797-1.64 0-3.235-.231-4.491-.808a4.973 4.973 0 0 1-1.405-.939 2.676 2.676 0 0 0-.078.38 2.993 2.993 0 0 0 .048 1.053c.085.362.531.84.795 1.083.26.242.574.45.93.626 1.082.536 2.565.78 4.201.78 1.636 0 3.119-.237 4.201-.769.358-.176.672-.384.934-.627.263-.244.706-.72.79-1.082a3.081 3.081 0 0 0 .051-1.052 2.735 2.735 0 0 0-.075-.383 4.934 4.934 0 0 1-1.41.941Z"},"children":[]}],"metadata":""}]},"name":"database-stroke"};
7
+
8
+ export default DatabaseStroke;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const ExtensionComments: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M6 7.75A.75.75 0 0 1 6.75 7h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 6 7.75ZM6.75 10a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 5.75A2.75 2.75 0 0 1 4.75 3h10.5A2.75 2.75 0 0 1 18 5.75v7.5A2.75 2.75 0 0 1 15.25 16h-.75v1.75a.75.75 0 0 1-1.13.646L9.296 16H4.75A2.75 2.75 0 0 1 2 13.25v-7.5ZM4.75 4.5c-.69 0-1.25.56-1.25 1.25v7.5c0 .69.56 1.25 1.25 1.25H9.5c.134 0 .265.036.38.104L13 16.439V15.25a.75.75 0 0 1 .75-.75h1.5c.69 0 1.25-.56 1.25-1.25v-7.5c0-.69-.56-1.25-1.25-1.25H4.75Z"},"children":[]}],"metadata":""}]},"name":"extension-comments"};
6
+ const ExtensionComments: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M5.25 7A.75.75 0 0 1 6 6.25h7.5a.75.75 0 0 1 0 1.5H6A.75.75 0 0 1 5.25 7ZM6 9.25a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5H6Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 5a2.75 2.75 0 0 1 2.75-2.75h10.8A2.95 2.95 0 0 1 18.5 5.2v7.71a2.75 2.75 0 0 1-2.75 2.75h-.87v1.84a.75.75 0 0 1-1.131.646l-4.22-2.485H4.75A2.75 2.75 0 0 1 2 12.91V5Zm2.75-1.25c-.69 0-1.25.56-1.25 1.25v7.91c0 .691.56 1.25 1.25 1.25h4.983a.75.75 0 0 1 .38.104l3.266 1.924V14.91a.75.75 0 0 1 .75-.75h1.621c.69 0 1.25-.56 1.25-1.25V5.2c0-.8-.65-1.45-1.45-1.45H4.75Z"},"children":[]}],"metadata":""}]},"name":"extension-comments"};
7
7
 
8
8
  export default ExtensionComments;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const FieldUnit: 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":"M3.825 12.6A2.025 2.025 0 0 1 1.8 10.575v-3.15c0-1.118.907-2.025 2.025-2.025h10.35c1.118 0 2.025.907 2.025 2.025v3.15a2.025 2.025 0 0 1-2.025 2.025H3.825Zm0-1.35a.675.675 0 0 1-.675-.675v-3.15c0-.373.302-.675.675-.675h10.35c.373 0 .675.302.675.675v3.15a.675.675 0 0 1-.675.675H3.825ZM8.55 9c0-.373.302-.675.675-.675h3.15a.675.675 0 1 1 0 1.35h-3.15A.675.675 0 0 1 8.55 9ZM5.925 7.575a1.425 1.425 0 1 0 0 2.85 1.425 1.425 0 0 0 0-2.85Z"},"children":[]}],"metadata":""}]},"name":"field-unit"};
6
+ const FieldUnit: 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":"M4.25 14A2.25 2.25 0 0 1 2 11.75v-3.5A2.25 2.25 0 0 1 4.25 6h11.5A2.25 2.25 0 0 1 18 8.25v3.5A2.25 2.25 0 0 1 15.75 14H4.25Zm0-1.5a.75.75 0 0 1-.75-.75v-3.5a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-.75.75H4.25ZM9.5 10a.75.75 0 0 1 .75-.75h3.5a.75.75 0 0 1 0 1.5h-3.5A.75.75 0 0 1 9.5 10ZM6.583 8.417a1.583 1.583 0 1 0 0 3.166 1.583 1.583 0 0 0 0-3.166Z"},"children":[]}],"metadata":""}]},"name":"field-unit"};
7
7
 
8
8
  export default FieldUnit;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const InfoCircle: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M10 1.25a8.75 8.75 0 1 0 .001 17.501A8.75 8.75 0 0 0 10 1.25Zm0 16.016a7.267 7.267 0 0 1 0-14.532 7.267 7.267 0 0 1 0 14.532Zm0 0"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M9.063 6.563c0 .519.417.937.937.937s.938-.418.938-.938A.935.935 0 0 0 10 5.625a.935.935 0 0 0-.938.938Zm1.406 2.187H9.53a.157.157 0 0 0-.156.156v5.313c0 .086.07.156.156.156h.938c.086 0 .156-.07.156-.156V8.906a.157.157 0 0 0-.156-.156Zm0 0"},"children":[]}],"metadata":""}]},"name":"info-circle"};
7
+
8
+ export default InfoCircle;
@@ -0,0 +1,8 @@
1
+
2
+ // This icon file is generated automatically.
3
+
4
+ import { IconDefinition } from '../types';
5
+
6
+ const Key: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20","fill":"none"},"children":[{"type":"element","tagName":"path","properties":{"clipRule":"evenodd","d":"M6.917 7.667a5.417 5.417 0 1 1 4.689 5.368 11.456 11.456 0 0 0-.413-.05 6.842 6.842 0 0 0-.212.206l-1.228 1.228a.75.75 0 0 1-.53.22h-.806v.805a.75.75 0 0 1-.75.75H6.86V17a.75.75 0 0 1-.75.75h-1.89c-.197 0-.388 0-.548-.013a1.546 1.546 0 0 1-.589-.153 1.528 1.528 0 0 1-.667-.668 1.545 1.545 0 0 1-.154-.588c-.013-.161-.013-.351-.013-.548v-1.416c0-.147 0-.33.042-.51.038-.155.1-.304.183-.441.097-.158.226-.287.331-.391l.028-.028L6.81 9.02a6.736 6.736 0 0 0 .206-.212l-.004-.047c-.007-.08-.022-.19-.046-.366a5.458 5.458 0 0 1-.048-.727Zm5.417-3.917a3.917 3.917 0 0 0-3.882 4.444l.002.014c.02.157.04.296.05.408.01.107.02.25 0 .398-.029.202-.08.35-.179.529-.106.19-.274.356-.414.496l-.041.04-3.975 3.976a4.823 4.823 0 0 0-.142.146l-.001.012c-.002.038-.002.09-.002.191v1.352a6.376 6.376 0 0 0 .012.483l.033.003a6.4 6.4 0 0 0 .45.008H5.36v-.806a.75.75 0 0 1 .75-.75h.806v-.805a.75.75 0 0 1 .75-.75h1.245L9.92 12.13l.04-.04c.14-.141.307-.309.497-.415.179-.1.327-.15.53-.179.146-.02.29-.01.398 0 .111.01.25.03.407.05l.014.002a3.917 3.917 0 1 0 .528-7.798Zm-.75 2.361a.75.75 0 0 1 .75-.75 2.3 2.3 0 0 1 1.63.675 2.3 2.3 0 0 1 .675 1.63.75.75 0 1 1-1.5 0 .8.8 0 0 0-.236-.569.8.8 0 0 0-.57-.236.75.75 0 0 1-.75-.75Z"},"children":[]}],"metadata":""}]},"name":"key"};
7
+
8
+ export default Key;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const MoveBottom: 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":"M5.175 16.65a2.025 2.025 0 0 1-2.025-2.025v-3.15c0-1.118.907-2.025 2.025-2.025h8.55c1.118 0 2.025.907 2.025 2.025v3.15a2.025 2.025 0 0 1-2.025 2.025h-8.55ZM4.5 14.625c0 .373.302.675.675.675h8.55a.675.675 0 0 0 .675-.675v-3.15a.675.675 0 0 0-.675-.675h-8.55a.675.675 0 0 0-.675.675v3.15ZM6.948 4.248a.675.675 0 0 1 .954 0L9 5.345v-3.32a.675.675 0 0 1 1.35 0v3.32l1.098-1.097a.675.675 0 0 1 .954.954l-2.25 2.25a.675.675 0 0 1-.954 0l-2.25-2.25a.675.675 0 0 1 0-.954Z"},"children":[]}],"metadata":""}]},"name":"move-bottom"};
6
+ const MoveBottom: 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":"M5.25 18.5A2.25 2.25 0 0 1 3 16.25v-3.5a2.25 2.25 0 0 1 2.25-2.25h9.5A2.25 2.25 0 0 1 17 12.75v3.5a2.25 2.25 0 0 1-2.25 2.25h-9.5Zm-.75-2.25c0 .414.336.75.75.75h9.5a.75.75 0 0 0 .75-.75v-3.5a.75.75 0 0 0-.75-.75h-9.5a.75.75 0 0 0-.75.75v3.5ZM7 4.72a.75.75 0 0 1 1.06 0l1.22 1.22V2.25a.75.75 0 0 1 1.5 0v3.69L12 4.72a.75.75 0 1 1 1.06 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0L7 5.78a.75.75 0 0 1 0-1.06Z"},"children":[]}],"metadata":""}]},"name":"move-bottom"};
7
7
 
8
8
  export default MoveBottom;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const MoveLeft: 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":"M1.8 4.725c0-1.118.907-2.025 2.025-2.025h3.15C8.093 2.7 9 3.607 9 4.725v8.55A2.025 2.025 0 0 1 6.975 15.3h-3.15A2.025 2.025 0 0 1 1.8 13.275v-8.55Zm2.025-.675a.675.675 0 0 0-.675.675v8.55c0 .373.302.675.675.675h3.15a.675.675 0 0 0 .675-.675v-8.55a.675.675 0 0 0-.675-.675h-3.15Zm10.377 2.448a.675.675 0 0 1 0 .954L13.105 8.55h3.32a.675.675 0 1 1 0 1.35h-3.32l1.097 1.098a.675.675 0 0 1-.954.954l-2.25-2.25a.675.675 0 0 1 0-.954l2.25-2.25a.675.675 0 0 1 .954 0Z"},"children":[]}],"metadata":""}]},"name":"move-left"};
6
+ const MoveLeft: 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":"M2 5.25A2.25 2.25 0 0 1 4.25 3h3.5A2.25 2.25 0 0 1 10 5.25v9.5A2.25 2.25 0 0 1 7.75 17h-3.5A2.25 2.25 0 0 1 2 14.75v-9.5Zm2.25-.75a.75.75 0 0 0-.75.75v9.5c0 .414.336.75.75.75h3.5a.75.75 0 0 0 .75-.75v-9.5a.75.75 0 0 0-.75-.75h-3.5Zm11.53 2.72a.75.75 0 0 1 0 1.06L14.56 9.5h3.69a.75.75 0 0 1 0 1.5h-3.69l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0Z"},"children":[]}],"metadata":""}]},"name":"move-left"};
7
7
 
8
8
  export default MoveLeft;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const MoveRight: 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":"M9 4.725C9 3.607 9.907 2.7 11.025 2.7h3.15c1.118 0 2.025.907 2.025 2.025v8.55a2.025 2.025 0 0 1-2.025 2.025h-3.15A2.025 2.025 0 0 1 9 13.275v-8.55Zm2.025-.675a.675.675 0 0 0-.675.675v8.55c0 .373.302.675.675.675h3.15a.675.675 0 0 0 .675-.675v-8.55a.675.675 0 0 0-.675-.675h-3.15Zm-7.227 7.902c.263.264.69.264.954 0l2.25-2.25a.675.675 0 0 0 0-.954l-2.25-2.25a.675.675 0 1 0-.954.954L4.895 8.55h-3.32a.675.675 0 0 0 0 1.35h3.32l-1.097 1.098a.675.675 0 0 0 0 .954Z"},"children":[]}],"metadata":""}]},"name":"move-right"};
6
+ const MoveRight: 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 5.25A2.25 2.25 0 0 1 12.25 3h3.5A2.25 2.25 0 0 1 18 5.25v9.5A2.25 2.25 0 0 1 15.75 17h-3.5A2.25 2.25 0 0 1 10 14.75v-9.5Zm2.25-.75a.75.75 0 0 0-.75.75v9.5c0 .414.336.75.75.75h3.5a.75.75 0 0 0 .75-.75v-9.5a.75.75 0 0 0-.75-.75h-3.5Zm-8.03 8.78a.75.75 0 0 0 1.06 0l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 1 0-1.06 1.06L5.44 9.5H1.75a.75.75 0 0 0 0 1.5h3.69l-1.22 1.22a.75.75 0 0 0 0 1.06Z"},"children":[]}],"metadata":""}]},"name":"move-right"};
7
7
 
8
8
  export default MoveRight;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const MoveTop: 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":"M4.275 8.55A2.025 2.025 0 0 1 2.25 6.525v-3.15c0-1.118.907-2.025 2.025-2.025h8.55c1.118 0 2.025.907 2.025 2.025v3.15a2.025 2.025 0 0 1-2.025 2.025h-8.55ZM3.6 6.525c0 .373.302.675.675.675h8.55a.675.675 0 0 0 .675-.675v-3.15a.675.675 0 0 0-.675-.675h-8.55a.675.675 0 0 0-.675.675v3.15Zm7.902 7.227a.675.675 0 0 0 0-.954l-2.25-2.25a.675.675 0 0 0-.954 0l-2.25 2.25a.675.675 0 0 0 .954.954L8.1 12.654v3.32a.675.675 0 1 0 1.35 0v-3.32l1.098 1.098a.675.675 0 0 0 .954 0Z"},"children":[]}],"metadata":""}]},"name":"move-top"};
6
+ const MoveTop: 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":"M5.25 9.5A2.25 2.25 0 0 1 3 7.25v-3.5A2.25 2.25 0 0 1 5.25 1.5h9.5A2.25 2.25 0 0 1 17 3.75v3.5a2.25 2.25 0 0 1-2.25 2.25h-9.5ZM4.5 7.25c0 .414.336.75.75.75h9.5a.75.75 0 0 0 .75-.75v-3.5a.75.75 0 0 0-.75-.75h-9.5a.75.75 0 0 0-.75.75v3.5Zm8.56 8.03a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0L7 14.22a.75.75 0 1 0 1.06 1.06l1.22-1.22v3.69a.75.75 0 0 0 1.5 0v-3.69L12 15.28a.75.75 0 0 0 1.06 0Z"},"children":[]}],"metadata":""}]},"name":"move-top"};
7
7
 
8
8
  export default MoveTop;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const Pin: 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":"M11.254 1.8a.692.692 0 0 1 .513.198l4.232 4.165a.67.67 0 0 1-.041.992l-3.71 3.097.246 2.342a.669.669 0 0 1-.197.547l-1.228 1.208a.694.694 0 0 1-.97 0l-2.724-2.68-4.404 4.333a.694.694 0 0 1-.97 0 .667.667 0 0 1 0-.954l4.404-4.334-2.957-2.91a.67.67 0 0 1 0-.955l1.228-1.208a.692.692 0 0 1 .556-.194l2.379.243 3.147-3.652a.69.69 0 0 1 .496-.237Zm.07 1.67L8.422 6.835a.692.692 0 0 1-.594.234l-2.414-.246-.512.503 5.681 5.591.512-.503-.25-2.377a.67.67 0 0 1 .238-.585L14.503 6.6l-3.18-3.129Z"},"children":[]}],"metadata":""}]},"name":"pin"};
6
+ const Pin: 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":"M12.504 2c.213-.008.42.071.57.22l4.703 4.628a.744.744 0 0 1-.046 1.102l-4.123 3.44.274 2.603a.743.743 0 0 1-.219.608L12.3 15.943a.77.77 0 0 1-1.078 0l-3.027-2.978-4.893 4.815a.77.77 0 0 1-1.078 0 .742.742 0 0 1 0-1.06l4.894-4.816L3.83 8.671a.744.744 0 0 1 0-1.06l1.364-1.343a.77.77 0 0 1 .618-.216l2.644.27 3.497-4.057a.767.767 0 0 1 .55-.264Zm.077 1.856L9.36 7.594a.768.768 0 0 1-.66.26l-2.683-.273-.568.56 6.312 6.211.569-.56-.279-2.64a.744.744 0 0 1 .265-.65l3.799-3.17-3.533-3.476Z"},"children":[]}],"metadata":""}]},"name":"pin"};
7
7
 
8
8
  export default Pin;
@@ -3,6 +3,6 @@
3
3
 
4
4
  import { IconDefinition } from '../types';
5
5
 
6
- const RicheditorCommentCreate: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M6 7.75A.75.75 0 0 1 6.75 7h6.5a.75.75 0 0 1 0 1.5h-6.5A.75.75 0 0 1 6 7.75ZM6.75 10a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5h-4.5Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 5.75A2.75 2.75 0 0 1 4.75 3h10.5A2.75 2.75 0 0 1 18 5.75v7.5A2.75 2.75 0 0 1 15.25 16h-.75v1.75a.75.75 0 0 1-1.13.646L9.296 16H4.75A2.75 2.75 0 0 1 2 13.25v-7.5ZM4.75 4.5c-.69 0-1.25.56-1.25 1.25v7.5c0 .69.56 1.25 1.25 1.25H9.5c.134 0 .265.036.38.104L13 16.439V15.25a.75.75 0 0 1 .75-.75h1.5c.69 0 1.25-.56 1.25-1.25v-7.5c0-.69-.56-1.25-1.25-1.25H4.75Z"},"children":[]}],"metadata":""}]},"name":"richeditor-comment-create"};
6
+ const RicheditorCommentCreate: IconDefinition = {"icon":{"type":"root","children":[{"type":"element","tagName":"svg","properties":{"viewBox":"0 0 20 20"},"children":[{"type":"element","tagName":"path","properties":{"d":"M5.25 7A.75.75 0 0 1 6 6.25h7.5a.75.75 0 0 1 0 1.5H6A.75.75 0 0 1 5.25 7ZM6 9.25a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5H6Z"},"children":[]},{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","clipRule":"evenodd","d":"M2 5a2.75 2.75 0 0 1 2.75-2.75h10.8A2.95 2.95 0 0 1 18.5 5.2v7.71a2.75 2.75 0 0 1-2.75 2.75h-.87v1.84a.75.75 0 0 1-1.131.646l-4.22-2.485H4.75A2.75 2.75 0 0 1 2 12.91V5Zm2.75-1.25c-.69 0-1.25.56-1.25 1.25v7.91c0 .691.56 1.25 1.25 1.25h4.983a.75.75 0 0 1 .38.104l3.266 1.924V14.91a.75.75 0 0 1 .75-.75h1.621c.69 0 1.25-.56 1.25-1.25V5.2c0-.8-.65-1.45-1.45-1.45H4.75Z"},"children":[]}],"metadata":""}]},"name":"richeditor-comment-create"};
7
7
 
8
8
  export default RicheditorCommentCreate;