@wix/editor-react-components 1.2153.0

package/dist/site/components/ShareButtons/panels/manage/types.d.ts

@@ -0,0 +1,10 @@
+export interface ShareButton {
+    platformId: string;
+    label: string;
+    description: string;
+    illustration: {
+        type: 'Builder.VectorArt';
+        uri: string;
+    };
+    isHidden: boolean;
+}

package/dist/site/components/ShareButtons/panels/translations/consts.d.ts

@@ -0,0 +1,26 @@
+export declare const TranslationKeys: {
+    readonly footerTotalLabel: "custompanel_sharebuttons_footer_total_label";
+    readonly headerTitle: "custompanel_sharebuttons_header_title";
+    readonly copyLinkDescription: "custompanel_sharebuttons_options_copy_link_description";
+    readonly copyLinkLabel: "custompanel_sharebuttons_options_copy_link_label";
+    readonly facebookDescription: "custompanel_sharebuttons_options_facebook_description";
+    readonly facebookLabel: "custompanel_sharebuttons_options_facebook_label";
+    readonly linkedinDescription: "custompanel_sharebuttons_options_linkedin_description";
+    readonly linkedinLabel: "custompanel_sharebuttons_options_linkedin_label";
+    readonly pinterestDescription: "custompanel_sharebuttons_options_pinterest_description";
+    readonly pinterestLabel: "custompanel_sharebuttons_options_pinterest_label";
+    readonly whatsappDescription: "custompanel_sharebuttons_options_whatsapp_description";
+    readonly whatsappLabel: "custompanel_sharebuttons_options_whatsapp_label";
+    readonly xDescription: "custompanel_sharebuttons_options_x_description";
+    readonly xLabel: "custompanel_sharebuttons_options_x_label";
+    readonly orientationHorizontalOption: "custompanel_sharebuttons_theme_picker_orientation_horizontal_option";
+    readonly orientationLabel: "custompanel_sharebuttons_theme_picker_orientation_label";
+    readonly orientationVerticalOption: "custompanel_sharebuttons_theme_picker_orientation_vertical_option";
+    readonly showTooltip: "custompanel_sharebuttons_floatingPanel_tooltip_show_cta";
+    readonly moreActionsTooltip: "custompanel_sharebuttons_floatingPanel_moreActions_cta";
+    readonly replaceIconOption: "custompanel_sharebuttons_popoverMenu_options_replaceIcon_cta";
+    readonly renameOption: "custompanel_sharebuttons_popoverMenu_options_rename_cta";
+    readonly hideOption: "custompanel_sharebuttons_popoverMenu_options_hide_cta";
+};
+export type Translations = Record<keyof typeof TranslationKeys, string>;
+export declare const DefaultTranslations: Translations;

package/dist/site/components/ShareButtons/utils.d.ts

@@ -0,0 +1,106 @@
+import { IAccessibilityPropSDKProps } from '../../../types/vendored/editor-elements-types-a11y';
+export declare const BASE_MEDIA_URL = "https://static.wixstatic.com/shapes";
+export type BuilderVectorArt = {
+    type: 'Builder.VectorArt';
+    uri: string;
+};
+export type SVGItem = {
+    type: 'SVGItem';
+    svgId: string;
+};
+export type VectorArtWithContent = {
+    svgContent: string;
+};
+export type Illustration = BuilderVectorArt | SVGItem | VectorArtWithContent;
+export type ShareButtonForSave = {
+    platformId: string;
+    label: string;
+    description: string;
+    value: string;
+    unavailable: boolean;
+    disabled: boolean;
+    isDefault: boolean;
+    isHidden: boolean;
+    illustration?: Illustration;
+};
+export declare function isBuilderVectorArt(illustration: Illustration | undefined): boolean;
+export declare function isSVGItem(illustration: Illustration | undefined): boolean;
+export declare function isVectorArtWithContent(illustration: Illustration | undefined): boolean;
+export declare function isSVGContent(svgId: string): boolean;
+export declare function normalizeIllustrationForSave(illustration: Illustration | undefined): BuilderVectorArt | Illustration | undefined;
+export declare function resolveIllustrationToSave(button: {
+    platformId: string;
+    illustration?: Illustration;
+}, platformId: string, illustrationUpdates?: Map<string, Illustration>): Illustration | undefined;
+export declare function mapButtonForSave(button: Partial<ShareButtonForSave> & {
+    platformId: string;
+}, illustrationUpdates?: Map<string, Illustration>): ShareButtonForSave;
+export declare function getImageSourceFromIllustration(illustration: Illustration | undefined): string | undefined;
+export declare function getIllustrationImageUrl(uri: string): string;
+export declare function convertIllustrationForComponentView(illustration: Illustration | undefined): string | undefined;
+export declare function getPlatformIdWithFallback(platformId: string, value: string): string;
+export declare function getFullShareUrl(shareUrlPrefix: string, pageUrl: string): string;
+export declare function getAccessibilityAttributesSpread(attributes: IAccessibilityPropSDKProps): {
+    tabIndex: 0 | -1 | undefined;
+    screenReader: {
+        prefix?: string | null | undefined;
+        suffix?: string | null | undefined;
+        hasHint?: boolean | undefined;
+    } | undefined;
+    lang: string | undefined;
+    role: import('../../../types/vendored/editor-elements-types-a11y').A11yRoles | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "dialog" | "grid" | "listbox" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "polite" | "assertive" | "off" | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "additions" | "additions text" | "all" | "removals" | "text" | "additions removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+};
+export declare function mapButtonsForComponentView(buttons: Array<any>): Array<any>;

package/dist/site/components/SiteLogo/SiteLogo.semanticClassNames.d.ts

@@ -0,0 +1,3 @@
+export declare const semanticClassNames: {
+    root: string;
+};

package/dist/site/components/SiteLogo/SiteLogo.types.d.ts

@@ -0,0 +1,24 @@
+import { SvgType } from '../../../types/vendored/document-services-types';
+import { SvgInfoColors } from '../SvgImage/SvgImage.types';
+import { Image3Props } from '../Image3/Image3.types';
+import { LinkProps } from '../../../types/vendored/editor-elements-definitions';
+import { DATA } from '@wix/component-protocol/schema';
+export type SiteLogoMediaType = 'svg' | 'image';
+export type SiteLogoSvgData = {
+    colors?: SvgInfoColors;
+    contentBox: string;
+    contentType: SvgType;
+    svgContent: string;
+    uri: string;
+    bbox: string;
+    viewBox: string;
+};
+export type SiteLogoBuilderProps = {
+    mediaType?: SiteLogoMediaType;
+    className?: string;
+    link?: LinkProps;
+    customClassNames?: Array<string>;
+    a11y?: Partial<typeof DATA.A11Y_ATTRIBUTES>;
+    svgId?: SiteLogoSvgData;
+    image?: Image3Props['image'];
+};

package/dist/site/components/SiteLogo/component.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { SiteLogoBuilderProps } from './SiteLogo.types';
+export default function SiteLogo(props: SiteLogoBuilderProps): React.JSX.Element;

package/dist/site/components/SiteLogo/component.js

@@ -0,0 +1,68 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../chunks/clsx.js";
+import { p as processSvgProps, S as SvgImageTint, a as SvgImageBase } from "../chunks/SvgImageTint.js";
+import Image3 from "../Image3/component.js";
+import { b as getUniqueId } from "../chunks/dataUtils.js";
+const semanticClassNames = {
+  root: "site-logo"
+};
+function SiteLogo(props) {
+  const internalSvgId = React__default.useMemo(() => getUniqueId("svg", "-"), []);
+  const { mediaType, svgId, image, link, a11y, className, id, ...otherProps } = props;
+  const elementId = id ?? internalSvgId;
+  const alt = !(a11y == null ? void 0 : a11y.ariaHidden) ? (a11y == null ? void 0 : a11y.ariaLabel) || "" : "";
+  if (mediaType === "image") {
+    return /* @__PURE__ */ jsx(
+      Image3,
+      {
+        id: elementId,
+        className: clsx(semanticClassNames.root, className),
+        link,
+        displayMode: "fit",
+        a11y: (a11y == null ? void 0 : a11y.ariaHidden) ? { role: "presentation" } : void 0,
+        image: { ...image, alt }
+      }
+    );
+  }
+  const svg = svgId ?? {
+    uri: "empty.svg",
+    viewBox: "0 0 200 200",
+    contentBox: "0 0 200 200",
+    colors: {},
+    contentType: "shape",
+    svgContent: '<svg viewBox="0 0 200 200" height="200" width="200" xmlns="http://www.w3.org/2000/svg""></svg>'
+  };
+  const svgProps = {
+    ...processSvgProps(
+      { id: internalSvgId, svgString: svg.svgContent },
+      {
+        svgType: svg.contentType,
+        viewBox: svg.viewBox,
+        bbox: svg.contentBox,
+        ...svg.colors ?? {}
+      }
+    ),
+    alt,
+    ariaHidden: a11y == null ? void 0 : a11y.ariaHidden,
+    id: elementId
+  };
+  const customClassNames = [
+    semanticClassNames.root,
+    ...otherProps.customClassNames ?? []
+  ];
+  const sharedProps = {
+    ...otherProps,
+    className,
+    customClassNames,
+    link,
+    displayMode: "fit"
+  };
+  if (svg.contentType === "tint") {
+    return /* @__PURE__ */ jsx(SvgImageTint, { svgId: svg.uri, ...svgProps, ...sharedProps });
+  }
+  return /* @__PURE__ */ jsx(SvgImageBase, { svgId: svg.uri, ...svgProps, ...sharedProps });
+}
+export {
+  SiteLogo as default
+};

package/dist/site/components/SiteLogo/component.preview.d.ts

@@ -0,0 +1,10 @@
+import { SiteLogoBuilderProps } from './SiteLogo.types';
+import { EditorElement } from '@wix/component-protocol/schema';
+import * as React from 'react';
+interface ManifestOverrideParams {
+    getCurrentProps: () => SiteLogoBuilderProps;
+    getCurrentStyles: () => Record<string, any>;
+}
+declare const _default: (props: SiteLogoBuilderProps) => React.JSX.Element;
+export default _default;
+export declare const resolveManifestOverrides: ({ getCurrentProps, getCurrentStyles, }: ManifestOverrideParams) => Partial<EditorElement> | undefined;

package/dist/site/components/SiteLogo/css.css

@@ -0,0 +1,137 @@
+.svgImageSource__g-ESq {
+  fill-opacity: var(--opacity, 1);
+}
+.svgImageSource__g-ESq:not([data-type=shape]) {
+  opacity: var(--opacity, 1);
+  fill-opacity: initial;
+}
+.svgImageSource__g-ESq[data-type=shape] {
+  stroke: var(--stroke, transparent);
+  stroke-opacity: var(--alpha-stroke, 1);
+  stroke-width: var(--stroke-width, 0px);
+}
+.svgImageSource__g-ESq:not([data-type=ugc]) * {
+  vector-effect: non-scaling-stroke;
+}
+.svgImageSource__g-ESq:not([data-type=ugc]):not([data-type=color]) {
+  fill: var(--fill);
+}
+.svgImageSource__g-ESq [data-color="1"] {
+  --svg-rgb-color-1: var(--svg-color-1);
+  fill: var(--svg-rgb-color-1, revert-layer);
+}
+.svgImageSource__g-ESq [data-color="2"] {
+  --svg-rgb-color-2: var(--svg-color-2);
+  fill: var(--svg-rgb-color-2, revert-layer);
+}
+.svgImageSource__g-ESq [data-color="3"] {
+  --svg-rgb-color-3: var(--svg-color-3);
+  fill: var(--svg-rgb-color-3, revert-layer);
+}
+.svgImageSource__g-ESq [data-color="4"] {
+  --svg-rgb-color-4: var(--svg-color-4);
+  fill: var(--svg-rgb-color-4, revert-layer);
+}
+.svgImageSource__g-ESq [data-color="5"] {
+  --svg-rgb-color-5: var(--svg-color-5);
+  fill: var(--svg-rgb-color-5, revert-layer);
+}
+.svgImageSource__g-ESq [data-color="6"] {
+  --svg-rgb-color-6: var(--svg-color-6);
+  fill: var(--svg-rgb-color-6, revert-layer);
+}
+.svgImageSource__g-ESq [data-color="7"] {
+  --svg-rgb-color-7: var(--svg-color-7);
+  fill: var(--svg-rgb-color-7, revert-layer);
+}
+.svgImageSource__g-ESq [data-color="8"] {
+  --svg-rgb-color-8: var(--svg-color-8);
+  fill: var(--svg-rgb-color-8, revert-layer);
+}
+
+.svgImageRoot__XFDeg {
+  --svg-calculated-padding: calc(var(--stroke-width, 0px) / 2)
+    calc(var(--stroke-width, 0px) / 2) calc(var(--stroke-width, 0px) / 2)
+    calc(var(--stroke-width, 0px) / 2);
+  --svg-calculated-width: calc(100% - var(--stroke-width, 0px));
+  --svg-calculated-height: calc(100% - var(--stroke-width, 0px));
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  position: absolute;
+  inset: 0;
+  filter: drop-shadow(var(--shadow-position) var(--shadow-blur-radius) rgba(var(--shadow-color), var(--shadow-opacity)));
+  transform: var(--flipX, scaleX(1)) var(--flipY, scaleY(1));
+}
+.svgImageRoot__XFDeg svg {
+  position: absolute;
+  inset: 0;
+  width: var(--svg-calculated-width, 100%);
+  height: var(--svg-calculated-height, 100%);
+  padding: var(--svg-calculated-padding, 0);
+  margin: auto;
+}
+.svgImageRoot__XFDeg svg:not([data-type=ugc]) {
+  overflow: visible;
+}
+.image__iWj48 {
+  container-type: size;
+  display: block;
+  width: 100%;
+  height: 100%;
+  contain: paint;
+}
+.image__iWj48 img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: var(--object-fit, cover);
+  --position-left: calc(50cqw - 1cqh * var(--focal-x, 50) * var(--aspect-ratio, 1));
+  --position-top: calc(50cqh - 1cqw * var(--focal-y, 50) / var(--aspect-ratio, 1));
+  object-position: clamp(100%, var(--position-left), 0%) clamp(100%, var(--position-top), 0%);
+}
+
+@container style(--object-fit) and (not style(--object-fit: cover)) {
+  .image__iWj48 img {
+    object-position: center;
+  }
+}.root__FuiJG {
+  mix-blend-mode: var(--blend-mode, normal);
+}
+
+.image3__6ufCe {
+  position: relative;
+  block-size: 100%;
+  overflow: clip;
+  border-color: var(--border-color);
+  border-width: var(--border-width, 0);
+  border-style: var(--border-style, solid);
+  border-radius: var(--border-radius);
+  box-shadow: var(--box-shadow);
+  box-sizing: border-box;
+}
+.image3__6ufCe.fitWidth__0L5O4 {
+  block-size: auto;
+  aspect-ratio: var(--original-aspect-ratio, 1);
+}
+.image3__6ufCe .imageLayer__w0TXF {
+  position: relative;
+  block-size: 100%;
+}
+.image3__6ufCe .imageLayer__w0TXF picture {
+  position: relative;
+}
+.image3__6ufCe .imageLayer__w0TXF img {
+  opacity: var(--opacity, 1);
+}
+.image3__6ufCe .wowImage__1yncg {
+  position: absolute;
+  inline-size: 100%;
+  block-size: 100%;
+  mask-position: 0px 0px;
+  mask-size: 100% 100%;
+  mask-repeat: no-repeat;
+  mask-image: var(--maskImage, none);
+}
+
+.linkLayer__hoVt- {
+  display: inline;
+}

package/dist/site/components/SiteLogo/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export { default, default as SiteLogo } from './component';

package/dist/site/components/SiteLogo/index.js

@@ -0,0 +1,6 @@
+'use client';
+
+import SiteLogo from './component.js';
+
+export { SiteLogo };
+export default SiteLogo;

package/dist/site/components/SiteLogo/manifest.d.ts

@@ -0,0 +1,5 @@
+import { EditorReactComponent } from '@wix/component-protocol/schema';
+declare const manifest: EditorReactComponent & {
+    id: string;
+};
+export default manifest;

package/dist/site/components/SiteLogo/manifest.js

@@ -0,0 +1,199 @@
+import { I as INTERACTIONS, D as DATA, C as CSS_PROPERTIES, a as ACTIONS, A as Archetype, L as LAYOUT } from "../chunks/chunk-JPMZBG44.js";
+const manifest = {
+  id: "c3993ba8-0f63-4668-b729-47833b7e8fcb",
+  type: "wixEditorElements.SiteLogo",
+  description: "Displays a logo (SVG or raster image) to represent a brand or business on a page",
+  installation: {
+    initialSize: {
+      width: {
+        sizingType: LAYOUT.SIZING_TYPE.pixels,
+        pixels: 100
+      },
+      height: {
+        sizingType: LAYOUT.SIZING_TYPE.pixels,
+        pixels: 100
+      },
+      preserveAspectRatio: true
+    }
+  },
+  editorElement: {
+    selector: ".site-logo",
+    layout: {
+      contentFill: {
+        dataItemKey: "svgId"
+      },
+      resizeDirection: LAYOUT.RESIZE_DIRECTION.horizontalAndVertical
+    },
+    displayName: "SiteLogo",
+    archetype: Archetype.Logo,
+    customActions: {
+      customizeLogo: {
+        displayName: "Customize Logo",
+        execution: {
+          actionType: ACTIONS.ACTION_TYPE.panel,
+          panel: {
+            panelType: ACTIONS.PANEL_TYPE.panelId,
+            panelId: "5ff03e62-2358-4113-a27a-3ec2ad4af862"
+          }
+        }
+      }
+    },
+    cssCustomProperties: {
+      opacity: {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.opacity,
+        defaultValue: "1"
+      },
+      // SVG-specific
+      stroke: {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.stroke
+      },
+      "stroke-width": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.strokeWidth
+      },
+      "alpha-stroke": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.strokeOpacity
+      },
+      fill: {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.fill
+      },
+      "svg-color-1": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color
+      },
+      "svg-color-2": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color
+      },
+      "svg-color-3": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color
+      },
+      "svg-color-4": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color
+      },
+      "svg-color-5": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color
+      },
+      "svg-color-6": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color
+      },
+      "svg-color-7": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color
+      },
+      "svg-color-8": {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.color
+      },
+      flipX: {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "NONE",
+        displayName: "Flip",
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "NONE",
+              displayName: "None",
+              appliedStyles: [{ property: "--flipX", value: "scaleX(1)" }]
+            },
+            {
+              value: "HORIZONTAL",
+              displayName: "Horizontal",
+              appliedStyles: [{ property: "--flipX", value: "scaleX(-1)" }]
+            }
+          ]
+        }
+      },
+      flipY: {
+        cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.customEnum,
+        defaultValue: "NONE",
+        customEnum: {
+          cssPropertyType: CSS_PROPERTIES.CSS_PROPERTY_TYPE.string,
+          options: [
+            {
+              value: "NONE",
+              displayName: "None",
+              appliedStyles: [{ property: "--flipY", value: "scaleY(1)" }]
+            },
+            {
+              value: "VERTICAL",
+              displayName: "Vertical",
+              appliedStyles: [{ property: "--flipY", value: "scaleY(-1)" }]
+            }
+          ]
+        }
+      }
+    },
+    data: {
+      mediaType: {
+        dataType: DATA.DATA_TYPE.textEnum,
+        displayName: "Media type",
+        [DATA.DATA_TYPE.textEnum]: {
+          options: [
+            { value: "svg", displayName: "SVG" },
+            { value: "image", displayName: "Image" }
+          ]
+        },
+        defaultValue: "svg"
+      },
+      svgId: {
+        dataType: DATA.DATA_TYPE.vectorArt,
+        displayName: "Logo",
+        disableDeletion: true,
+        defaultValue: {
+          uri: "c5058652d2364837a533fa7262b4c483.svg",
+          type: "Builder.VectorArt"
+        }
+      },
+      image: {
+        dataType: DATA.DATA_TYPE.image,
+        displayName: "Image",
+        [DATA.DATA_TYPE.image]: {
+          category: "IMAGE"
+        }
+      },
+      a11y: {
+        dataType: DATA.DATA_TYPE.a11y,
+        [DATA.DATA_TYPE.a11y]: {
+          attributes: [
+            DATA.A11Y_ATTRIBUTES.ariaLabel,
+            DATA.A11Y_ATTRIBUTES.ariaHidden
+          ]
+        }
+      },
+      link: {
+        dataType: DATA.DATA_TYPE.link,
+        [DATA.DATA_TYPE.link]: {
+          linkTypes: [
+            DATA.LINK_TYPE.pageLink,
+            DATA.LINK_TYPE.dynamicPageLink,
+            DATA.LINK_TYPE.externalLink,
+            DATA.LINK_TYPE.anchorLink,
+            DATA.LINK_TYPE.edgeAnchorLinks,
+            DATA.LINK_TYPE.documentLink,
+            DATA.LINK_TYPE.emailLink,
+            DATA.LINK_TYPE.phoneLink,
+            DATA.LINK_TYPE.popupLink
+          ]
+        }
+      }
+    },
+    interactions: {
+      triggers: [
+        INTERACTIONS.TRIGGER_TYPE.viewEnter,
+        INTERACTIONS.TRIGGER_TYPE.pageVisible,
+        INTERACTIONS.TRIGGER_TYPE.animationEnd,
+        INTERACTIONS.TRIGGER_TYPE.pointerMove,
+        INTERACTIONS.TRIGGER_TYPE.viewProgress
+      ]
+    }
+  },
+  resources: {
+    client: {
+      componentUrl: "./site/components/SiteLogo/component.tsx",
+      moduleSpecifier: "@wix/editor-react-components/SiteLogo"
+    },
+    editor: {
+      componentUrl: "./site/components/SiteLogo/component.preview.tsx"
+    }
+  }
+};
+export {
+  manifest as default
+};

package/dist/site/components/SiteLogo/panels/customizeLogo/LogoColorPanel.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { SvgInfo } from '../../../SvgImage/SvgImage.types';
+import { Translations } from './translations';
+type LogoColorPanelProps = {
+    resolvedVectorArtData: SvgInfo;
+    translations: Translations;
+};
+export declare const LogoColorPanel: React.FC<LogoColorPanelProps>;
+export {};

package/dist/site/components/SiteLogo/panels/customizeLogo/ResetLogoColorsButton.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type ResetLogoColorsButtonProps = {
+    onClick: () => void;
+    label: string;
+    inline?: boolean;
+    tooltip: React.ReactNode;
+    disabled?: boolean;
+};
+export declare const ResetLogoColorsButton: ({ onClick, label, inline, tooltip, disabled, }: ResetLogoColorsButtonProps) => React.JSX.Element;
+export {};

package/dist/site/components/SiteLogo/panels/customizeLogo/bi.d.ts

@@ -0,0 +1,13 @@
+export declare const SITE_LOGO_PANEL_BI_PARAMS: {
+    readonly component_type: "wixEditorElements.Logo";
+    readonly builder_type: "odeditor";
+    readonly panel_name: "panel/custom:customizeLogo";
+    readonly action_type: "edit";
+    readonly element_name: "SiteLogo";
+    readonly referral: "customizeLogo";
+};
+export declare const SITE_LOGO_CONTROL_IDS: {
+    readonly color: "color";
+    readonly revert: "revert";
+    readonly opacity: "opacity";
+};

package/dist/site/components/SiteLogo/panels/customizeLogo/extension.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    type: string;
+};
+export default _default;

package/dist/site/components/SiteLogo/panels/customizeLogo/panel.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const _default: () => React.JSX.Element | null;
+export default _default;

package/dist/site/components/SiteLogo/panels/customizeLogo/translations.d.ts

@@ -0,0 +1,11 @@
+export declare const TranslationKeys: {
+    readonly revertColors: "site_logo.change_color_panel.revert_cta";
+    readonly revertColorsTooltip: "site_logo.change_color_panel.revert_tooltip";
+    readonly colorsLabel: "site_logo.change_color_panel.subheader.colors_labelColors";
+    readonly opacityLabel: "site_logo.change_color_panel.subheader.opacity_label";
+    readonly changeLogo: "site_logo.change_logo_panel.change_logo_cta";
+    readonly uploadLogo: "site_logo.change_logo_panel.upload_logo";
+    readonly createLogoWithLogoMaker: "site_logo.change_logo_panel.create_logo_with_logo_maker";
+};
+export type Translations = Record<keyof typeof TranslationKeys, string>;
+export declare const DefaultTranslations: Translations;