@webstudio-is/react-sdk 0.47.0 → 0.48.0

package/lib/app/custom-components/index.js

@@ -1,11 +1,13 @@
 import { Image } from "./image";
 import { Link } from "./link";
+import { LinkBlock } from "./link-block";
 import { RichTextLink } from "./rich-text-link";
 import { imageProps } from "@webstudio-is/image";
 const customComponents = {
   Image,
   Link,
-  RichTextLink
+  RichTextLink,
+  LinkBlock
 };
 const customComponentPropsMetas = {
   Image: { props: imageProps }

package/lib/app/custom-components/link-block.js

@@ -0,0 +1,6 @@
+import { LinkBlock as BaseLink } from "../../components/link-block";
+import { wrapLinkComponent } from "./shared/remix-link";
+const LinkBlock = wrapLinkComponent(BaseLink);
+export {
+  LinkBlock
+};

package/lib/cjs/app/custom-components/index.cjs

@@ -25,12 +25,14 @@ __export(custom_components_exports, {
 module.exports = __toCommonJS(custom_components_exports);
 var import_image = require("./image");
 var import_link = require("./link");
+var import_link_block = require("./link-block");
 var import_rich_text_link = require("./rich-text-link");
 var import_image2 = require("@webstudio-is/image");
 const customComponents = {
   Image: import_image.Image,
   Link: import_link.Link,
-  RichTextLink: import_rich_text_link.RichTextLink
+  RichTextLink: import_rich_text_link.RichTextLink,
+  LinkBlock: import_link_block.LinkBlock
 };
 const customComponentPropsMetas = {
   Image: { props: import_image2.imageProps }

package/lib/cjs/app/custom-components/link-block.cjs

@@ -0,0 +1,26 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var link_block_exports = {};
+__export(link_block_exports, {
+  LinkBlock: () => LinkBlock
+});
+module.exports = __toCommonJS(link_block_exports);
+var import_link_block = require("../../components/link-block");
+var import_remix_link = require("./shared/remix-link");
+const LinkBlock = (0, import_remix_link.wrapLinkComponent)(import_link_block.LinkBlock);

package/lib/cjs/css/categories.cjs

@@ -127,8 +127,7 @@ const backgrounds = [
   "backgroundColor",
   "backgroundImage",
   "backgroundOrigin",
-  "backgroundPositionX",
-  "backgroundPositionY",
+  "backgroundPosition",
   "backgroundRepeat",
   "backgroundSize",
   "backgroundBlendMode"

package/lib/css/categories.js

@@ -103,8 +103,7 @@ const backgrounds = [
   "backgroundColor",
   "backgroundImage",
   "backgroundOrigin",
-  "backgroundPositionX",
-  "backgroundPositionY",
+  "backgroundPosition",
   "backgroundRepeat",
   "backgroundSize",
   "backgroundBlendMode"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.47.0",
+  "version": "0.48.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -12,11 +12,10 @@
     "@remix-run/node": "1.12.0",
     "@remix-run/react": "1.12.0",
     "@remix-run/server-runtime": "1.12.0",
-    "@storybook/react": "^6.5.14",
+    "@storybook/react": "^6.5.16",
     "@types/node": "^18.11.18",
     "@types/react": "^17.0.24",
     "@types/react-dom": "^17.0.9",
-    "babel-loader": "^9.1.2",
     "esbuild": "^0.14.25",
     "esbuild-node-externals": "^1.4.1",
     "jest": "^29.3.1",
@@ -45,17 +44,18 @@
     "mitt": "^3.0.0",
     "nanostores": "^0.7.1",
     "warn-once": "^0.1.1",
-    "@webstudio-is/asset-uploader": "^0.47.0",
-    "@webstudio-is/css-data": "^0.47.0",
-    "@webstudio-is/css-vars": "^0.47.0",
-    "@webstudio-is/generate-arg-types": "^0.47.0",
-    "@webstudio-is/icons": "^0.47.0",
-    "@webstudio-is/image": "^0.47.0",
-    "@webstudio-is/prisma-client": "^0.47.0",
-    "@webstudio-is/project-build": "^0.47.0"
+    "@webstudio-is/asset-uploader": "^0.48.0",
+    "@webstudio-is/css-data": "^0.48.0",
+    "@webstudio-is/css-vars": "^0.48.0",
+    "@webstudio-is/generate-arg-types": "^0.48.0",
+    "@webstudio-is/icons": "^0.48.0",
+    "@webstudio-is/image": "^0.48.0",
+    "@webstudio-is/prisma-client": "^0.48.0",
+    "@webstudio-is/project-build": "^0.48.0"
   },
   "exports": {
     ".": {
+      "source": "./src/index.ts",
       "import": "./lib/index.js",
       "require": "./lib/cjs/index.cjs"
     }

package/src/app/custom-components/index.ts

@@ -1,5 +1,6 @@
 import { Image } from "./image";
 import { Link } from "./link";
+import { LinkBlock } from "./link-block";
 import { RichTextLink } from "./rich-text-link";
 import { imageProps } from "@webstudio-is/image";
 import type { WsComponentPropsMeta } from "../../components/component-type";
@@ -8,6 +9,7 @@ export const customComponents = {
   Image,
   Link,
   RichTextLink,
+  LinkBlock,
 };
 
 export const customComponentPropsMetas: Record<string, WsComponentPropsMeta> = {

package/src/app/custom-components/link-block.tsx

@@ -0,0 +1,4 @@
+import { LinkBlock as BaseLink } from "../../components/link-block";
+import { wrapLinkComponent } from "./shared/remix-link";
+
+export const LinkBlock = wrapLinkComponent(BaseLink);

package/src/css/categories.ts

@@ -120,8 +120,7 @@ const backgrounds = [
   "backgroundColor",
   "backgroundImage",
   "backgroundOrigin",
-  "backgroundPositionX",
-  "backgroundPositionY",
+  "backgroundPosition",
   "backgroundRepeat",
   "backgroundSize",
   "backgroundBlendMode",