@quadrats/react 0.7.6 → 0.7.8

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 (89) hide show
  1. package/_internal/renderer/composeRenderElementsBase.d.ts +1 -1
  2. package/_internal/renderer/composeRenderLeafsBase.d.ts +1 -1
  3. package/_internal/renderer/createRenderElementBase.d.ts +1 -1
  4. package/_internal/renderer/createRenderElementsBase.d.ts +1 -1
  5. package/_internal/renderer/createRenderMarkBase.d.ts +1 -1
  6. package/_internal/renderer/typings.d.ts +1 -1
  7. package/blockquote/defaultRenderBlockquoteElement.d.ts +2 -8
  8. package/blockquote/jsx-serializer/createJsxSerializeBlockquote.d.ts +1 -2
  9. package/blockquote/typings.d.ts +1 -1
  10. package/bold/jsx-serializer/createJsxSerializeBold.d.ts +1 -2
  11. package/components/Tooltip/index.js +3 -2
  12. package/components/index.cjs.js +3 -2
  13. package/configs/locale.d.ts +0 -1
  14. package/core/components/Editable.d.ts +2 -2
  15. package/core/composeRenderElements.d.ts +1 -1
  16. package/core/composeRenderLeafs.d.ts +1 -1
  17. package/core/createRenderElement.d.ts +1 -2
  18. package/core/createRenderElements.d.ts +1 -2
  19. package/core/createRenderMark.d.ts +1 -2
  20. package/core/typings/renderer.d.ts +1 -1
  21. package/divider/jsx-serializer/createJsxSerializeDivider.d.ts +1 -2
  22. package/divider/typings.d.ts +1 -1
  23. package/embed/createRenderEmbedElementBase.d.ts +1 -1
  24. package/embed/hooks/useVideoIframeSize.d.ts +1 -2
  25. package/embed/jsx-serializer/createJsxSerializeEmbed.d.ts +2 -2
  26. package/embed/jsx-serializer/facebook/index.cjs.js +7 -0
  27. package/embed/jsx-serializer/index.cjs.js +4 -4
  28. package/embed/jsx-serializer/instagram/index.cjs.js +7 -0
  29. package/embed/jsx-serializer/twitter/index.cjs.js +7 -0
  30. package/embed/jsx-serializer/vimeo/index.cjs.js +7 -0
  31. package/embed/jsx-serializer/youtube/index.cjs.js +7 -0
  32. package/embed/renderers/instagram/components/Instagram.js +19 -1
  33. package/embed/renderers/instagram/index.cjs.js +18 -0
  34. package/embed/typings.d.ts +1 -1
  35. package/file-uploader/typings.d.ts +1 -1
  36. package/footnote/defaultRenderFootnoteElement.d.ts +3 -3
  37. package/footnote/jsx-serializer/createJsxSerializeFootnote.d.ts +1 -2
  38. package/footnote/jsx-serializer/defaultRenderFootnoteElement.d.ts +3 -1
  39. package/footnote/jsx-serializer/defaultRenderFootnoteElement.js +4 -2
  40. package/footnote/jsx-serializer/index.cjs.js +4 -2
  41. package/footnote/typings.d.ts +1 -1
  42. package/heading/defaultRenderHeadingElement.d.ts +2 -8
  43. package/heading/jsx-serializer/createJsxSerializeHeading.d.ts +1 -2
  44. package/heading/typings.d.ts +1 -1
  45. package/highlight/jsx-serializer/createJsxSerializeHighlight.d.ts +1 -2
  46. package/image/createReactImage.d.ts +6 -2
  47. package/image/createReactImage.js +17 -1
  48. package/image/hooks/useImageResizer.d.ts +1 -2
  49. package/image/index.cjs.js +17 -1
  50. package/image/jsx-serializer/createJsxSerializeImage.d.ts +1 -2
  51. package/image/jsx-serializer/typings.d.ts +1 -1
  52. package/image/typings.d.ts +1 -1
  53. package/index.cjs.js +7 -0
  54. package/input-block/createReactInputBlock.js +1 -1
  55. package/input-block/hooks/useInputBlock.d.ts +1 -1
  56. package/input-block/index.cjs.js +1 -1
  57. package/input-block/typings.d.ts +1 -1
  58. package/italic/jsx-serializer/createJsxSerializeItalic.d.ts +1 -2
  59. package/jsx-serializer/createJsxSerializeElement.d.ts +1 -2
  60. package/jsx-serializer/createJsxSerializeElements.d.ts +1 -2
  61. package/jsx-serializer/createJsxSerializeMark.d.ts +1 -2
  62. package/jsx-serializer/createJsxSerializer.d.ts +1 -1
  63. package/line-break/createOnKeyDownBreak.js +1 -1
  64. package/line-break/jsx-serializer/createJsxSerializeLineBreak.d.ts +1 -2
  65. package/line-break/typings.d.ts +1 -1
  66. package/link/defaultRenderLinkElement.d.ts +3 -3
  67. package/link/jsx-serializer/createJsxSerializeLink.d.ts +1 -2
  68. package/link/toolbar/index.cjs.js +6 -1
  69. package/link/toolbar/useLinkTool.js +6 -1
  70. package/link/typings.d.ts +1 -1
  71. package/list/defaultRenderListElements.d.ts +1 -1
  72. package/list/jsx-serializer/createJsxSerializeList.d.ts +1 -2
  73. package/list/typings.d.ts +1 -1
  74. package/package.json +9 -8
  75. package/paragraph/createRenderParagraphElement.d.ts +2 -2
  76. package/paragraph/defaultRenderParagraphElement.d.ts +1 -7
  77. package/paragraph/jsx-serializer/createJsxSerializeParagraph.d.ts +1 -2
  78. package/paragraph/renderParagraphElementWithSymbol.d.ts +1 -7
  79. package/read-more/jsx-serializer/createJsxSerializeReadMore.d.ts +1 -2
  80. package/read-more/typings.d.ts +1 -1
  81. package/strikethrough/jsx-serializer/createJsxSerializeStrikethrough.d.ts +1 -2
  82. package/toggle-mark/jsx-serializer/createJsxSerializeToggleMarkCreator.d.ts +1 -2
  83. package/toolbar/components/Toolbar.d.ts +10 -2
  84. package/toolbar/components/Toolbar.js +24 -17
  85. package/toolbar/contexts/StartToolInputContext.d.ts +0 -1
  86. package/toolbar/index.cjs.js +23 -16
  87. package/toolbar/toolbar.css +1 -1
  88. package/toolbar/toolbar.scss +26 -11
  89. package/underline/jsx-serializer/createJsxSerializeUnderline.d.ts +1 -2
package/toolbar/toolbar.scss CHANGED
@@ -1,27 +1,44 @@
1
- $qdr-toolbar-popup-gap: 10px;
1
+ $qdr-toolbar-popup-gap: 8px;
2
2
  $qdr-toolbar-arrow-size: $qdr-toolbar-popup-gap;
3
- $qdr-toolbar-height: 40px;
3
+ $qdr-toolbar-height: 48px;
4
4
  $qdr-toolbar-padding-vertical: 8px;
5
- $qdr-toolbar-padding-horizontal: 10px;
5
+ $qdr-toolbar-padding-horizontal: 8px;
6
6
  $qdr-toolbar-input-cross-size: 14px;
7
7
 
8
8
  .qdr-toolbar {
9
9
  display: flex;
10
10
  align-items: center;
11
+ gap: 8px;
11
12
  font-size: 24px;
12
13
  height: $qdr-toolbar-height;
13
14
  padding: $qdr-toolbar-padding-vertical $qdr-toolbar-padding-horizontal;
14
15
  background-color: var(--qdr-surface);
15
16
  border: 1px solid var(--qdr-border);
16
- border-radius: 4px;
17
17
  box-sizing: border-box;
18
18
 
19
+ &--radius {
20
+ border-radius: 8px;
21
+ }
22
+
23
+ &--shadow {
24
+ box-shadow: 0 4px 8px -2px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 4%);
25
+ }
26
+
19
27
  &__wrapper {
20
- position: absolute;
21
- z-index: 1;
22
- padding-bottom: $qdr-toolbar-popup-gap;
23
- height: $qdr-toolbar-height;
24
28
  box-sizing: content-box;
29
+ height: $qdr-toolbar-height;
30
+
31
+ &--fixed {
32
+ position: sticky;
33
+ top: 0;
34
+ z-index: 1;
35
+ }
36
+
37
+ &--float {
38
+ position: absolute;
39
+ z-index: 1;
40
+ padding-bottom: $qdr-toolbar-popup-gap;
41
+ }
25
42
 
26
43
  &--inputting {
27
44
  min-width: 250px;
@@ -47,7 +64,6 @@ $qdr-toolbar-input-cross-size: 14px;
47
64
  width: 1px;
48
65
  height: 20px;
49
66
  background-color: var(--qdr-divider);
50
- margin: 0 8px;
51
67
  }
52
68
 
53
69
  &__icon {
@@ -57,10 +73,9 @@ $qdr-toolbar-input-cross-size: 14px;
57
73
  display: inline-flex;
58
74
  justify-content: center;
59
75
  align-items: center;
60
- margin: 0 9px;
61
76
  border: 0;
62
77
  background-color: transparent;
63
- padding: 0;
78
+ padding: 4px;
64
79
  outline: none;
65
80
  box-shadow: none;
66
81
  border-radius: 0;
package/underline/jsx-serializer/createJsxSerializeUnderline.d.ts CHANGED
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
- export declare const createJsxSerializeUnderline: (options?: Partial<import("@quadrats/react/toggle-mark/jsx-serializer").CreateJsxSerializeToggleMarkCreatorOptions> | undefined) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => JSX.Element;
1
+ export declare const createJsxSerializeUnderline: (options?: import("@quadrats/react/toggle-mark/jsx-serializer").CreateJsxSerializeToggleMarkOptions) => (props: Omit<import("@quadrats/react/jsx-serializer").JsxSerializeMarkProps<boolean>, "mark">) => import("react").JSX.Element;