@wix/editor-react-components 1.2632.0 → 1.2634.0

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 (46) hide show
  1. package/dist/site/components/AccordionComponent/component.js +1 -1
  2. package/dist/site/components/AccordionComponent/manifest.js +1 -1
  3. package/dist/site/components/AudioPlayer/component.js +1 -1
  4. package/dist/site/components/AudioPlayer/manifest.js +1 -1
  5. package/dist/site/components/BoxContainer/component.js +1 -1
  6. package/dist/site/components/BoxContainer/manifest.js +1 -1
  7. package/dist/site/components/Breadcrumbs/component.js +1 -1
  8. package/dist/site/components/Breadcrumbs/manifest.js +1 -1
  9. package/dist/site/components/Checkbox/component.js +1 -1
  10. package/dist/site/components/Checkbox/manifest.js +1 -1
  11. package/dist/site/components/CheckboxGroup/component.js +1 -1
  12. package/dist/site/components/CheckboxGroup/manifest.js +1 -1
  13. package/dist/site/components/CollapsibleText/component.js +1 -1
  14. package/dist/site/components/CollapsibleText/manifest.js +1 -1
  15. package/dist/site/components/DatePicker/component.js +1 -1
  16. package/dist/site/components/DatePicker/manifest.js +1 -1
  17. package/dist/site/components/Dropdown/component.js +1 -1
  18. package/dist/site/components/Dropdown/manifest.js +1 -1
  19. package/dist/site/components/HTMLComponent/component.js +1 -1
  20. package/dist/site/components/HeadingTextBlock/HeadingTextBlock.d.ts +4 -0
  21. package/dist/site/components/HeadingTextBlock/component.d.ts +2 -0
  22. package/dist/site/components/HeadingTextBlock/component.js +142 -0
  23. package/dist/site/components/HeadingTextBlock/constants.d.ts +58 -0
  24. package/dist/site/components/HeadingTextBlock/css.css +71 -0
  25. package/dist/site/components/HeadingTextBlock/index.d.ts +2 -0
  26. package/dist/site/components/HeadingTextBlock/index.js +6 -0
  27. package/dist/site/components/HeadingTextBlock/manifest.d.ts +5 -0
  28. package/dist/site/components/HeadingTextBlock/manifest.js +251 -0
  29. package/dist/site/components/HeadingTextBlock/panels/orientation/constants.d.ts +4 -0
  30. package/dist/site/components/HeadingTextBlock/panels/orientation/extension.d.ts +4 -0
  31. package/dist/site/components/HeadingTextBlock/panels/orientation/panel.d.ts +3 -0
  32. package/dist/site/components/HeadingTextBlock/panels/orientation/test-utils.d.ts +5 -0
  33. package/dist/site/components/HeadingTextBlock/panels/orientation/translations/consts.d.ts +6 -0
  34. package/dist/site/components/HeadingTextBlock/types.d.ts +29 -0
  35. package/dist/site/components/chunks/constants33.js +59 -10
  36. package/dist/site/components/chunks/constants34.js +10 -206
  37. package/dist/site/components/chunks/constants35.js +182 -153
  38. package/dist/site/components/chunks/constants36.js +162 -49
  39. package/dist/site/components/chunks/constants37.js +51 -102
  40. package/dist/site/components/chunks/constants38.js +69 -39
  41. package/dist/site/components/chunks/constants39.js +72 -69
  42. package/dist/site/components/chunks/constants40.js +73 -77
  43. package/dist/site/components/chunks/constants41.js +75 -56
  44. package/dist/site/components/chunks/constants42.js +72 -0
  45. package/dist/site/components/extensions.js +41 -26
  46. package/package.json +2 -2
@@ -4,7 +4,7 @@ import React__default, { useRef, useEffect, useMemo, useState, useCallback } fro
4
4
  import "react-dom";
5
5
  import { c as clsx } from "../chunks/clsx.js";
6
6
  import AnimatedIconWithReducedMotion from "../AnimatedIcon/component.js";
7
- import { D as DesignStates, a as DEFAULT_PROPS } from "../chunks/constants41.js";
7
+ import { D as DesignStates, a as DEFAULT_PROPS } from "../chunks/constants42.js";
8
8
  import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
9
9
  import { a as requireEq, d as requireIsFunction, r as requireIsObject, e as requireIsLength, c as require_isIndex, b as requireIsArrayLike } from "../chunks/isArrayLike.js";
10
10
  import { c as require_root, r as require_Symbol, a as require_baseGetTag, b as requireIsObjectLike, d as require_freeGlobal } from "../chunks/isObjectLike.js";
@@ -1,5 +1,5 @@
1
1
  import { C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, L as LAYOUT, c as ContainerType, a as ACTIONS, E as ELEMENTS, N as NativeStateType, A as Archetype } from "../chunks/chunk-ZHYIPFVN.js";
2
- import { D as DesignStates, b as DISPLAY_NAMES, c as accordionManifestDefaults, C as CONTAINER_INITIAL_HEIGHT } from "../chunks/constants41.js";
2
+ import { D as DesignStates, b as DISPLAY_NAMES, c as accordionManifestDefaults, C as CONTAINER_INITIAL_HEIGHT } from "../chunks/constants42.js";
3
3
  import { m as manifestFocusable, c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
4
4
  import { w as withSpec } from "../chunks/manifest.js";
5
5
  import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
@@ -6,7 +6,7 @@ import { useService } from "@wix/services-manager-react";
6
6
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
7
7
  import { d as directionStyles } from "../chunks/direction.module.js";
8
8
  import Image3 from "../Image3/component.js";
9
- import { A as ARIA_LABELS, s as selectors, d as dataDefaults } from "../chunks/constants40.js";
9
+ import { A as ARIA_LABELS, s as selectors, d as dataDefaults } from "../chunks/constants41.js";
10
10
  import { c as commonjsGlobal } from "../chunks/_commonjsHelpers.js";
11
11
  import { x as $48a7d519b337145d$export$4eaf04e54aa8eed6, v as $fe16bffc7a557bf0$export$7f54fc3180508a52, S as $cbf007e418543821$export$b0d6fa1ab32e3295, r as $d447af545b77c9f1$export$f21a1ffae260145a, g as $23f2114a1b82827e$export$e58f029f0fbfdb29, T as $cbf007e418543821$export$16a4697467175487, G as $0beb20c9744a2065$export$8467354a121f1b9f, J as $240e9101ba2842f5$export$7d15b64cf5a3a4c4, F as $8f5a2122b0992be3$export$8397ddfc504fdb9a, f as $bbaa08b3cd72f041$export$9d1611c77c2fe928, N as $1969ac565cfec8d0$export$de79e2c695e052f3, U as $8296dad1a4c5e0dc$export$8f71654801c2f7cd, d as $d1116acdf220c2da$export$4c014de7c8940b4c, e as $3274bf1495747a7b$export$5add1d006293d136, V as $240e9101ba2842f5$export$cb6e0bb50bc19463, c as $3e6197669829fe11$export$40bfa8c7b0832715, h as $01b77f81d0f07f68$export$75b6ee27786ba447, E as $e969f22b6713ca4a$export$ae780daf29e6d456, D as $0c4a58759813079a$export$4e328f61c538687f, b as $d2b4bc8c273e7be6$export$353f5b6fc5456de1, $ as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../chunks/Group.js";
12
12
  import { k as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7, c as $64fa3d84918910a7$export$29f1550f4b0d4415, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, i as $64fa3d84918910a7$export$2881499e37b75b9a, d as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../chunks/filterDOMProps.js";
@@ -1,6 +1,6 @@
1
1
  import { b as DISPLAY_GROUPS, N as NativeStateType, C as CSS_PROPERTIES, E as ELEMENTS, D as DATA, I as INTERACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-ZHYIPFVN.js";
2
2
  import { c as manifestMouseHover, f as manifestMediaProgress, e as manifestPlayable } from "../chunks/manifestSdkMixins.js";
3
- import { D as DesignStates, a as DisplayNames, s as selectors, b as borderDefaultValue } from "../chunks/constants40.js";
3
+ import { D as DesignStates, a as DisplayNames, s as selectors, b as borderDefaultValue } from "../chunks/constants41.js";
4
4
  import manifest$1 from "../Image3/manifest.js";
5
5
  import { w as withSpec } from "../chunks/manifest.js";
6
6
  import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { c as clsx } from "../chunks/clsx.js";
3
3
  import { useService } from "@wix/services-manager-react";
4
4
  import { T as TranslationsDefinition } from "../chunks/index6.js";
5
- import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants33.js";
5
+ import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants34.js";
6
6
  import { e as getTabIndexAttribute, f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
7
7
  const root = "root__eLvEL";
8
8
  const styles = {
@@ -1,5 +1,5 @@
1
1
  import { a as ACTIONS, I as INTERACTIONS, D as DATA, c as ContainerType, A as Archetype, L as LAYOUT } from "../chunks/chunk-ZHYIPFVN.js";
2
- import { D as DisplayNames } from "../chunks/constants33.js";
2
+ import { D as DisplayNames } from "../chunks/constants34.js";
3
3
  const manifest = {
4
4
  id: "1f0108be-06bb-4a81-9c55-a1cbd223926c",
5
5
  type: "wixEditorElements.BoxContainer",
@@ -6,7 +6,7 @@ import { $ as $cf2482eff2eeeec2$export$f12b703ca79dfbb1 } from "../chunks/useLoc
6
6
  import { createPortal } from "react-dom";
7
7
  import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
8
8
  import { d as directionStyles } from "../chunks/direction.module.js";
9
- import { s as semanticClassNames, D as DesignStates } from "../chunks/constants39.js";
9
+ import { s as semanticClassNames, D as DesignStates } from "../chunks/constants40.js";
10
10
  import { A as AnimatedIcon } from "../chunks/AnimatedIcon.js";
11
11
  import { useService } from "@wix/services-manager-react";
12
12
  import { d as defineService } from "../chunks/index8.js";
@@ -1,7 +1,7 @@
1
1
  import { L as LAYOUT, a as ACTIONS, b as DISPLAY_GROUPS, C as CSS_PROPERTIES, E as ELEMENTS, N as NativeStateType, D as DATA, A as Archetype } from "../chunks/chunk-ZHYIPFVN.js";
2
2
  import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
3
3
  import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
4
- import { D as DesignStates, a as DisplayNames, h as homepageModeValues, d as defaultStateValues, b as separatorValues, c as componentMetadata, s as semanticClassNames } from "../chunks/constants39.js";
4
+ import { D as DesignStates, a as DisplayNames, h as homepageModeValues, d as defaultStateValues, b as separatorValues, c as componentMetadata, s as semanticClassNames } from "../chunks/constants40.js";
5
5
  import { c as manifestMouseHover } from "../chunks/manifestSdkMixins.js";
6
6
  const manifest = {
7
7
  id: componentMetadata.id,
@@ -9,7 +9,7 @@ import { a as getDataAttributes } from "../chunks/dataUtils.js";
9
9
  import { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";
10
10
  import { d as directionStyles } from "../chunks/direction.module.js";
11
11
  import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
12
- import { d as defaultValues, V as VALUE_MISSING_MESSAGE, s as selectors, T as TestIds, a as semanticClassNames } from "../chunks/constants38.js";
12
+ import { d as defaultValues, V as VALUE_MISSING_MESSAGE, s as selectors, T as TestIds, a as semanticClassNames } from "../chunks/constants39.js";
13
13
  import { I as InfoCircleSmall_default } from "../chunks/InfoCircleSmall.js";
14
14
  const root = "root__0DpH8";
15
15
  const field = "field__R0D8f";
@@ -1,5 +1,5 @@
1
1
  import { E as ELEMENTS, N as NativeStateType, C as CSS_PROPERTIES, D as DATA, L as LAYOUT, A as Archetype } from "../chunks/chunk-ZHYIPFVN.js";
2
- import { D as DesignStates, b as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants38.js";
2
+ import { D as DesignStates, b as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants39.js";
3
3
  import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
4
4
  import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
5
5
  import { m as manifestFocusable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
@@ -9,7 +9,7 @@ import { a as getDataAttributes } from "../chunks/dataUtils.js";
9
9
  import { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";
10
10
  import { d as directionStyles } from "../chunks/direction.module.js";
11
11
  import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
12
- import { d as defaultValues, a as defaultOptions, V as VALUE_MISSING_MESSAGE, s as selectors, T as TestIds, b as semanticClassNames } from "../chunks/constants37.js";
12
+ import { d as defaultValues, a as defaultOptions, V as VALUE_MISSING_MESSAGE, s as selectors, T as TestIds, b as semanticClassNames } from "../chunks/constants38.js";
13
13
  import { I as InfoCircleSmall_default } from "../chunks/InfoCircleSmall.js";
14
14
  const root = "root__raraS";
15
15
  const fieldset = "fieldset__pDERL";
@@ -1,5 +1,5 @@
1
1
  import { E as ELEMENTS, C as CSS_PROPERTIES, N as NativeStateType, b as DISPLAY_GROUPS, D as DATA, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-ZHYIPFVN.js";
2
- import { D as DesignStates, c as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants37.js";
2
+ import { D as DesignStates, c as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants38.js";
3
3
  import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
4
4
  import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
5
5
  import { m as manifestFocusable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
@@ -9,7 +9,7 @@ import { e as getTabIndexAttribute } from "../chunks/a11y.js";
9
9
  import { a as getDataAttributes } from "../chunks/dataUtils.js";
10
10
  import { u as useResizeObserver } from "../chunks/useResizeObserver.js";
11
11
  import { d as directionStyles } from "../chunks/direction.module.js";
12
- import { L as LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE, F as FALLBACK_LINE_HEIGHT, m as manifestClasses, E as ExpandModeValues, T as TestIds, s as semanticClassNames } from "../chunks/constants36.js";
12
+ import { L as LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE, F as FALLBACK_LINE_HEIGHT, m as manifestClasses, E as ExpandModeValues, T as TestIds, s as semanticClassNames } from "../chunks/constants37.js";
13
13
  import { B as Button } from "../chunks/Button.js";
14
14
  const root = "root__kOEn9";
15
15
  const text = "text__rjuUh";
@@ -1,5 +1,5 @@
1
1
  import { C as CSS_PROPERTIES, E as ELEMENTS, D as DATA, b as DISPLAY_GROUPS, L as LAYOUT, I as INTERACTIONS, A as Archetype } from "../chunks/chunk-ZHYIPFVN.js";
2
- import { D as DisplayNames, d as defaultValues, m as manifestClasses } from "../chunks/constants36.js";
2
+ import { D as DisplayNames, d as defaultValues, m as manifestClasses } from "../chunks/constants37.js";
3
3
  import { g as getSelector } from "../chunks/manifest.js";
4
4
  import { c as manifestMouseHover, d as manifestClickable } from "../chunks/manifestSdkMixins.js";
5
5
  const manifest = {
@@ -15,7 +15,7 @@ import { T as TranslationsDefinition } from "../chunks/index6.js";
15
15
  import { a as getDataAttributes } from "../chunks/dataUtils.js";
16
16
  import { d as directionStyles } from "../chunks/direction.module.js";
17
17
  import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
18
- import { E as EMPTY_VALUE, T as TestIds, D as DesignStates, s as selectors, A as ARIA_LABEL_NAMESPACE, d as defaultValues, S as SelectionModeValues, G as GranularityValues, V as VALUE_MISSING_MESSAGE, a as AriaLabels } from "../chunks/constants35.js";
18
+ import { E as EMPTY_VALUE, T as TestIds, D as DesignStates, s as selectors, A as ARIA_LABEL_NAMESPACE, d as defaultValues, S as SelectionModeValues, G as GranularityValues, V as VALUE_MISSING_MESSAGE, a as AriaLabels } from "../chunks/constants36.js";
19
19
  import { R as RequiredIndicator, u as useValidatedField } from "../chunks/RequiredIndicator.js";
20
20
  import { I as InfoCircleSmall_default } from "../chunks/InfoCircleSmall.js";
21
21
  import { D as DismissSmall_default } from "../chunks/DismissSmall.js";
@@ -1,5 +1,5 @@
1
1
  import { N as NativeStateType, b as DISPLAY_GROUPS, D as DATA, E as ELEMENTS, L as LAYOUT, A as Archetype } from "../chunks/chunk-ZHYIPFVN.js";
2
- import { D as DesignStates, P as PREVIEW_CALENDAR_OPEN, b as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants35.js";
2
+ import { D as DesignStates, P as PREVIEW_CALENDAR_OPEN, b as DisplayNames, d as defaultValues, s as selectors } from "../chunks/constants36.js";
3
3
  import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
4
4
  import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
5
5
  import { m as manifestFocusable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
@@ -11,7 +11,7 @@ import { a as getDataAttributes } from "../chunks/dataUtils.js";
11
11
  import { u as useValidatedField, R as RequiredIndicator } from "../chunks/RequiredIndicator.js";
12
12
  import { d as directionStyles } from "../chunks/direction.module.js";
13
13
  import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
14
- import { A as ALL_VALUE, s as selectors, a as semanticClassNames, T as TestIds, d as defaultValues, b as TriggerModeValues, c as ARIA_LABEL_NAMESPACE, e as AriaLabels, V as VALUE_MISSING_MESSAGE } from "../chunks/constants34.js";
14
+ import { A as ALL_VALUE, s as selectors, a as semanticClassNames, T as TestIds, d as defaultValues, b as TriggerModeValues, c as ARIA_LABEL_NAMESPACE, e as AriaLabels, V as VALUE_MISSING_MESSAGE } from "../chunks/constants35.js";
15
15
  import { u as useResizeObserver } from "../chunks/useResizeObserver.js";
16
16
  import { D as DismissSmall_default } from "../chunks/DismissSmall.js";
17
17
  import { g as getDefaultExportFromCjs } from "../chunks/_commonjsHelpers.js";
@@ -1,5 +1,5 @@
1
1
  import { C as CSS_PROPERTIES, b as DISPLAY_GROUPS, D as DATA, N as NativeStateType, E as ELEMENTS, a as ACTIONS, L as LAYOUT, A as Archetype } from "../chunks/chunk-ZHYIPFVN.js";
2
- import { D as DesignStates, f as DisplayNames, d as defaultValues, F as FunctionalStateKeys, s as selectors } from "../chunks/constants34.js";
2
+ import { D as DesignStates, f as DisplayNames, d as defaultValues, F as FunctionalStateKeys, s as selectors } from "../chunks/constants35.js";
3
3
  import { w as withSpec, g as getSelector } from "../chunks/manifest.js";
4
4
  import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
5
5
  import { m as manifestFocusable, b as manifestInputable, a as manifestChangeable } from "../chunks/manifestSdkMixins.js";
@@ -9,7 +9,7 @@ import { useService } from "@wix/services-manager-react";
9
9
  import { d as defineStaticService } from "../chunks/staticService.js";
10
10
  import { E as EnvironmentDefinition } from "../chunks/index2.js";
11
11
  import { T as TranslationsDefinition } from "../chunks/index6.js";
12
- import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants33.js";
12
+ import { A as ARIA_LABEL_NAMESPACE } from "../chunks/constants34.js";
13
13
  const isBrowser = () => typeof window !== "undefined";
14
14
  function useIFrame({
15
15
  reducer = () => ({}),
@@ -0,0 +1,4 @@
1
+ import { default as React } from 'react';
2
+ import { HeadingTextBlockProps } from './types';
3
+ declare const HeadingTextBlock: React.FC<HeadingTextBlockProps>;
4
+ export default HeadingTextBlock;
@@ -0,0 +1,2 @@
1
+ import { default as HeadingTextBlock } from './HeadingTextBlock';
2
+ export default HeadingTextBlock;
@@ -0,0 +1,142 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { c as clsx } from "../chunks/clsx.js";
3
+ import "../chunks/index12.js";
4
+ import * as React from "react";
5
+ import { d as directionStyles } from "../chunks/direction.module.js";
6
+ import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
7
+ import { d as defaultValues, m as manifestClasses } from "../chunks/constants33.js";
8
+ const Typography_module = {
9
+ h1: "h1-go2_mI",
10
+ h2: "h2-dAyvwd",
11
+ h3: "h3-LClqyK",
12
+ h4: "h4-pzBHGr",
13
+ h5: "h5-HOx5Wp",
14
+ h6: "h6-zCNm1M",
15
+ p1: "p1-pY02jM",
16
+ p2: "p2-TsZIq5",
17
+ p3: "p3-N6QdAQ"
18
+ };
19
+ const variantToElementTagMap = {
20
+ h1: "h1",
21
+ h2: "h2",
22
+ h3: "h3",
23
+ h4: "h4",
24
+ h5: "h5",
25
+ h6: "h6",
26
+ p1: "p",
27
+ p2: "p",
28
+ p3: "p"
29
+ };
30
+ const Typography = /* @__PURE__ */ React.forwardRef(({ variant = "p2", render: renderProp, className, ...props }, ref) => {
31
+ const variantClass = Typography_module[variant];
32
+ if (renderProp) {
33
+ const { className: renderClassName, ...renderElementProps } = renderProp.props;
34
+ return /* @__PURE__ */ React.cloneElement(renderProp, {
35
+ ...renderElementProps,
36
+ ...props,
37
+ ref,
38
+ className: clsx(variantClass, renderClassName, className)
39
+ });
40
+ }
41
+ const Tag = variantToElementTagMap[variant];
42
+ return /* @__PURE__ */ jsx(Tag, {
43
+ ref,
44
+ className: clsx(variantClass, className),
45
+ ...props
46
+ });
47
+ });
48
+ const headingTextBlock = "headingTextBlock__UKpAZ";
49
+ const heading = "heading__GFN0u";
50
+ const title = "title__azLiO";
51
+ const subtitle = "subtitle__PpUYb";
52
+ const caption = "caption__2F5RC";
53
+ const styles = {
54
+ headingTextBlock,
55
+ heading,
56
+ title,
57
+ subtitle,
58
+ caption
59
+ };
60
+ const HeadingTextBlock = (props) => {
61
+ var _a, _b, _c, _d;
62
+ const {
63
+ id,
64
+ className,
65
+ direction,
66
+ headingTag,
67
+ heading: heading2,
68
+ title: title2,
69
+ subtitle: subtitle2,
70
+ caption: caption2,
71
+ elementProps,
72
+ wix
73
+ } = props;
74
+ const presetsWrapperProps = (wix == null ? void 0 : wix.presetsWrapperProps) || {};
75
+ return /* @__PURE__ */ jsx("div", { className: presetWrapperStyles.presetWrapper, ...presetsWrapperProps, children: /* @__PURE__ */ jsxs(
76
+ Typography,
77
+ {
78
+ variant: headingTag ?? defaultValues.headingTag,
79
+ id,
80
+ dir: direction,
81
+ className: clsx(
82
+ manifestClasses.root,
83
+ styles.headingTextBlock,
84
+ directionStyles.fallbackDirection,
85
+ className
86
+ ),
87
+ children: [
88
+ /* @__PURE__ */ jsx(
89
+ "span",
90
+ {
91
+ ...elementProps == null ? void 0 : elementProps.heading,
92
+ className: clsx(
93
+ manifestClasses.heading,
94
+ styles.heading,
95
+ (_a = elementProps == null ? void 0 : elementProps.heading) == null ? void 0 : _a.className
96
+ ),
97
+ children: heading2 ?? defaultValues.heading
98
+ }
99
+ ),
100
+ /* @__PURE__ */ jsx(
101
+ "span",
102
+ {
103
+ ...elementProps == null ? void 0 : elementProps.title,
104
+ className: clsx(
105
+ manifestClasses.title,
106
+ styles.title,
107
+ (_b = elementProps == null ? void 0 : elementProps.title) == null ? void 0 : _b.className
108
+ ),
109
+ children: title2 ?? defaultValues.title
110
+ }
111
+ ),
112
+ /* @__PURE__ */ jsx(
113
+ "span",
114
+ {
115
+ ...elementProps == null ? void 0 : elementProps.subtitle,
116
+ className: clsx(
117
+ manifestClasses.subtitle,
118
+ styles.subtitle,
119
+ (_c = elementProps == null ? void 0 : elementProps.subtitle) == null ? void 0 : _c.className
120
+ ),
121
+ children: subtitle2 ?? defaultValues.subtitle
122
+ }
123
+ ),
124
+ /* @__PURE__ */ jsx(
125
+ "span",
126
+ {
127
+ ...elementProps == null ? void 0 : elementProps.caption,
128
+ className: clsx(
129
+ manifestClasses.caption,
130
+ styles.caption,
131
+ (_d = elementProps == null ? void 0 : elementProps.caption) == null ? void 0 : _d.className
132
+ ),
133
+ children: caption2 ?? defaultValues.caption
134
+ }
135
+ )
136
+ ]
137
+ }
138
+ ) });
139
+ };
140
+ export {
141
+ HeadingTextBlock as default
142
+ };
@@ -0,0 +1,58 @@
1
+ export declare const presets: {
2
+ readonly horizontal: "horizontal";
3
+ readonly vertical: "vertical";
4
+ };
5
+ export declare const manifestClasses: {
6
+ readonly root: "heading-text-block";
7
+ readonly heading: "heading-text-block-heading";
8
+ readonly title: "heading-text-block-title";
9
+ readonly subtitle: "heading-text-block-subtitle";
10
+ readonly caption: "heading-text-block-caption";
11
+ };
12
+ export declare const defaultValues: {
13
+ readonly headingTag: "h1";
14
+ readonly heading: "";
15
+ readonly title: "";
16
+ readonly subtitle: "";
17
+ readonly caption: "";
18
+ readonly partsRowGap: "12px";
19
+ readonly partsColumnGap: "12px";
20
+ };
21
+ export declare const DisplayNames: {
22
+ readonly root: {
23
+ readonly elementDisplayName: "Heading Text Block";
24
+ readonly data: {
25
+ readonly headingTag: {
26
+ readonly displayName: "Heading Tag";
27
+ readonly options: {
28
+ readonly h1: "H1";
29
+ readonly h2: "H2";
30
+ readonly h3: "H3";
31
+ readonly h4: "H4";
32
+ readonly h5: "H5";
33
+ readonly h6: "H6";
34
+ };
35
+ };
36
+ readonly heading: "Heading";
37
+ readonly title: "Title";
38
+ readonly subtitle: "Subtitle";
39
+ readonly caption: "Caption";
40
+ };
41
+ readonly elements: {
42
+ readonly heading: "Heading";
43
+ readonly title: "Title";
44
+ readonly subtitle: "Subtitle";
45
+ readonly caption: "Caption";
46
+ };
47
+ readonly displayGroups: {
48
+ readonly partsSpacing: "Parts Spacing";
49
+ };
50
+ readonly presets: {
51
+ readonly horizontal: "Row";
52
+ readonly vertical: "Stacked";
53
+ };
54
+ readonly customActions: {
55
+ readonly layout: "Layout";
56
+ };
57
+ };
58
+ };
@@ -0,0 +1,71 @@
1
+ .h1-go2_mI {
2
+ font: var(--wst-heading-1-font);
3
+ color: var(--wst-heading-1-color);
4
+ }
5
+
6
+ .h2-dAyvwd {
7
+ font: var(--wst-heading-2-font);
8
+ color: var(--wst-heading-2-color);
9
+ }
10
+
11
+ .h3-LClqyK {
12
+ font: var(--wst-heading-3-font);
13
+ color: var(--wst-heading-3-color);
14
+ }
15
+
16
+ .h4-pzBHGr {
17
+ font: var(--wst-heading-4-font);
18
+ color: var(--wst-heading-4-color);
19
+ }
20
+
21
+ .h5-HOx5Wp {
22
+ font: var(--wst-heading-5-font);
23
+ color: var(--wst-heading-5-color);
24
+ }
25
+
26
+ .h6-zCNm1M {
27
+ font: var(--wst-heading-6-font);
28
+ color: var(--wst-heading-6-color);
29
+ }
30
+
31
+ .p1-pY02jM {
32
+ font: var(--wst-paragraph-1-font);
33
+ color: var(--wst-paragraph-1-color);
34
+ }
35
+
36
+ .p2-TsZIq5 {
37
+ font: var(--wst-paragraph-2-font);
38
+ color: var(--wst-paragraph-2-color);
39
+ }
40
+
41
+ .p3-N6QdAQ {
42
+ font: var(--wst-paragraph-3-font);
43
+ color: var(--wst-paragraph-3-color);
44
+ }
45
+
46
+ .headingTextBlock__UKpAZ {
47
+ display: var(--display);
48
+ --display: flex;
49
+ flex-direction: var(--parts-flex-direction, column);
50
+ row-gap: var(--parts-row-gap, 12px);
51
+ column-gap: var(--parts-column-gap, 12px);
52
+ margin: 0;
53
+ padding: 24px;
54
+ width: 100%;
55
+ height: 100%;
56
+ box-sizing: border-box;
57
+ overflow-wrap: break-word;
58
+ }
59
+
60
+ .heading__GFN0u,
61
+ .title__azLiO,
62
+ .subtitle__PpUYb,
63
+ .caption__2F5RC {
64
+ display: block;
65
+ }
66
+ .fallbackDirection__HeRgn:not([dir]) {
67
+ direction: var(--wix-opt-in-direction);
68
+ }
69
+ .presetWrapper__J1yzj {
70
+ display: contents;
71
+ }
@@ -0,0 +1,2 @@
1
+ export * from './component';
2
+ export { default, default as HeadingTextBlock } from './component';
@@ -0,0 +1,6 @@
1
+ 'use client';
2
+
3
+ import HeadingTextBlock from './component.js';
4
+
5
+ export { HeadingTextBlock };
6
+ export default HeadingTextBlock;
@@ -0,0 +1,5 @@
1
+ import { EditorReactComponent } from '@wix/component-protocol/schema';
2
+ declare const manifest: EditorReactComponent & {
3
+ id: string;
4
+ };
5
+ export default manifest;