canvu-react 0.4.12 → 0.4.13
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/dist/react.cjs +21 -21
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +21 -21
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
package/dist/react.cjs
CHANGED
|
@@ -3655,7 +3655,7 @@ function ColorPalette({ value, onChange }) {
|
|
|
3655
3655
|
"button",
|
|
3656
3656
|
{
|
|
3657
3657
|
type: "button",
|
|
3658
|
-
"aria-label": "
|
|
3658
|
+
"aria-label": "Custom color",
|
|
3659
3659
|
"aria-pressed": showCustom || !inPalette,
|
|
3660
3660
|
onClick: () => setShowCustom((v) => !v),
|
|
3661
3661
|
onPointerDown: (e) => {
|
|
@@ -3716,14 +3716,14 @@ function ColorPalette({ value, onChange }) {
|
|
|
3716
3716
|
}
|
|
3717
3717
|
function DashTabs({ value, onChange }) {
|
|
3718
3718
|
const tabs = [
|
|
3719
|
-
{ id: "solid", label: "
|
|
3720
|
-
{ id: "dashed", label: "
|
|
3719
|
+
{ id: "solid", label: "Solid" },
|
|
3720
|
+
{ id: "dashed", label: "Dashed" }
|
|
3721
3721
|
];
|
|
3722
3722
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3723
3723
|
"div",
|
|
3724
3724
|
{
|
|
3725
3725
|
role: "radiogroup",
|
|
3726
|
-
"aria-label": "
|
|
3726
|
+
"aria-label": "Stroke style",
|
|
3727
3727
|
style: {
|
|
3728
3728
|
display: "flex",
|
|
3729
3729
|
background: "rgba(24,24,27,0.06)",
|
|
@@ -3806,7 +3806,7 @@ function FontSizeTabs({ value, onChange }) {
|
|
|
3806
3806
|
"div",
|
|
3807
3807
|
{
|
|
3808
3808
|
role: "radiogroup",
|
|
3809
|
-
"aria-label": "
|
|
3809
|
+
"aria-label": "Text size",
|
|
3810
3810
|
style: {
|
|
3811
3811
|
display: "flex",
|
|
3812
3812
|
background: "rgba(24,24,27,0.06)",
|
|
@@ -3870,7 +3870,7 @@ function viewModelFromActiveTool(activeToolStyle) {
|
|
|
3870
3870
|
...isText ? { textFontSize } : {}
|
|
3871
3871
|
};
|
|
3872
3872
|
return {
|
|
3873
|
-
label: activeToolStyle.label ?? "
|
|
3873
|
+
label: activeToolStyle.label ?? "Tool style",
|
|
3874
3874
|
count: 0,
|
|
3875
3875
|
hex,
|
|
3876
3876
|
strokeWidth,
|
|
@@ -3929,7 +3929,7 @@ function viewModelFromSelection(stylable) {
|
|
|
3929
3929
|
...showFontSize ? { textFontSize } : {}
|
|
3930
3930
|
};
|
|
3931
3931
|
return {
|
|
3932
|
-
label: "
|
|
3932
|
+
label: "Selection style",
|
|
3933
3933
|
count: stylable.length,
|
|
3934
3934
|
hex,
|
|
3935
3935
|
strokeWidth,
|
|
@@ -3992,18 +3992,18 @@ function VectorSelectionInspector({
|
|
|
3992
3992
|
children: [
|
|
3993
3993
|
vm.count > 1 ? /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { margin: 0, fontSize: 11, color: "#71717a" }, children: [
|
|
3994
3994
|
vm.count,
|
|
3995
|
-
"
|
|
3995
|
+
" objects selected"
|
|
3996
3996
|
] }) : null,
|
|
3997
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { role: "group", "aria-label": "
|
|
3997
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { role: "group", "aria-label": "Color", style: sectionLabelStyle, children: [
|
|
3998
3998
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
|
|
3999
|
-
"
|
|
4000
|
-
vm.mixedStroke ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: mixedHintStyle, children: " (
|
|
3999
|
+
"Color",
|
|
4000
|
+
vm.mixedStroke ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: mixedHintStyle, children: " (mixed values)" }) : null
|
|
4001
4001
|
] }),
|
|
4002
4002
|
/* @__PURE__ */ jsxRuntime.jsx(ColorPalette, { value: vm.hex, onChange: (h) => apply({ stroke: h }) })
|
|
4003
4003
|
] }),
|
|
4004
4004
|
vm.showStrokeWidth ? /* @__PURE__ */ jsxRuntime.jsxs("label", { style: sectionLabelStyle, children: [
|
|
4005
|
-
"
|
|
4006
|
-
vm.mixedWidth ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: mixedHintStyle, children: " (
|
|
4005
|
+
"Thickness",
|
|
4006
|
+
vm.mixedWidth ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: mixedHintStyle, children: " (mixed)" }) : null,
|
|
4007
4007
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4008
4008
|
"input",
|
|
4009
4009
|
{
|
|
@@ -4017,10 +4017,10 @@ function VectorSelectionInspector({
|
|
|
4017
4017
|
] }) : null,
|
|
4018
4018
|
vm.showDash ? (
|
|
4019
4019
|
// biome-ignore lint/a11y/useSemanticElements: fieldset would impose default browser styling that breaks the inspector layout
|
|
4020
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { role: "group", "aria-label": "
|
|
4020
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { role: "group", "aria-label": "Stroke", style: sectionLabelStyle, children: [
|
|
4021
4021
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
|
|
4022
|
-
"
|
|
4023
|
-
vm.mixedDash ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: mixedHintStyle, children: " (
|
|
4022
|
+
"Stroke",
|
|
4023
|
+
vm.mixedDash ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: mixedHintStyle, children: " (mixed)" }) : null
|
|
4024
4024
|
] }),
|
|
4025
4025
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4026
4026
|
DashTabs,
|
|
@@ -4033,10 +4033,10 @@ function VectorSelectionInspector({
|
|
|
4033
4033
|
) : null,
|
|
4034
4034
|
vm.showFontSize ? (
|
|
4035
4035
|
// biome-ignore lint/a11y/useSemanticElements: fieldset would impose default browser styling that breaks the inspector layout
|
|
4036
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { role: "group", "aria-label": "
|
|
4036
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { role: "group", "aria-label": "Size", style: sectionLabelStyle, children: [
|
|
4037
4037
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
|
|
4038
|
-
"
|
|
4039
|
-
vm.mixedFontSize ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: mixedHintStyle, children: " (
|
|
4038
|
+
"Size",
|
|
4039
|
+
vm.mixedFontSize ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: mixedHintStyle, children: " (mixed)" }) : null
|
|
4040
4040
|
] }),
|
|
4041
4041
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4042
4042
|
FontSizeTabs,
|
|
@@ -4048,8 +4048,8 @@ function VectorSelectionInspector({
|
|
|
4048
4048
|
] })
|
|
4049
4049
|
) : null,
|
|
4050
4050
|
vm.showMarkerOpacity ? /* @__PURE__ */ jsxRuntime.jsxs("label", { style: sectionLabelStyle, children: [
|
|
4051
|
-
"
|
|
4052
|
-
vm.mixedOpacity ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: mixedHintStyle, children: " (
|
|
4051
|
+
"Opacity",
|
|
4052
|
+
vm.mixedOpacity ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: mixedHintStyle, children: " (mixed)" }) : null,
|
|
4053
4053
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4054
4054
|
"input",
|
|
4055
4055
|
{
|