@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.
- package/dist/site/components/AccordionComponent/component.js +1 -1
- package/dist/site/components/AccordionComponent/manifest.js +1 -1
- package/dist/site/components/AudioPlayer/component.js +1 -1
- package/dist/site/components/AudioPlayer/manifest.js +1 -1
- package/dist/site/components/BoxContainer/component.js +1 -1
- package/dist/site/components/BoxContainer/manifest.js +1 -1
- package/dist/site/components/Breadcrumbs/component.js +1 -1
- package/dist/site/components/Breadcrumbs/manifest.js +1 -1
- package/dist/site/components/Checkbox/component.js +1 -1
- package/dist/site/components/Checkbox/manifest.js +1 -1
- package/dist/site/components/CheckboxGroup/component.js +1 -1
- package/dist/site/components/CheckboxGroup/manifest.js +1 -1
- package/dist/site/components/CollapsibleText/component.js +1 -1
- package/dist/site/components/CollapsibleText/manifest.js +1 -1
- package/dist/site/components/DatePicker/component.js +1 -1
- package/dist/site/components/DatePicker/manifest.js +1 -1
- package/dist/site/components/Dropdown/component.js +1 -1
- package/dist/site/components/Dropdown/manifest.js +1 -1
- package/dist/site/components/HTMLComponent/component.js +1 -1
- package/dist/site/components/HeadingTextBlock/HeadingTextBlock.d.ts +4 -0
- package/dist/site/components/HeadingTextBlock/component.d.ts +2 -0
- package/dist/site/components/HeadingTextBlock/component.js +142 -0
- package/dist/site/components/HeadingTextBlock/constants.d.ts +58 -0
- package/dist/site/components/HeadingTextBlock/css.css +71 -0
- package/dist/site/components/HeadingTextBlock/index.d.ts +2 -0
- package/dist/site/components/HeadingTextBlock/index.js +6 -0
- package/dist/site/components/HeadingTextBlock/manifest.d.ts +5 -0
- package/dist/site/components/HeadingTextBlock/manifest.js +251 -0
- package/dist/site/components/HeadingTextBlock/panels/orientation/constants.d.ts +4 -0
- package/dist/site/components/HeadingTextBlock/panels/orientation/extension.d.ts +4 -0
- package/dist/site/components/HeadingTextBlock/panels/orientation/panel.d.ts +3 -0
- package/dist/site/components/HeadingTextBlock/panels/orientation/test-utils.d.ts +5 -0
- package/dist/site/components/HeadingTextBlock/panels/orientation/translations/consts.d.ts +6 -0
- package/dist/site/components/HeadingTextBlock/types.d.ts +29 -0
- package/dist/site/components/chunks/constants33.js +59 -10
- package/dist/site/components/chunks/constants34.js +10 -206
- package/dist/site/components/chunks/constants35.js +182 -153
- package/dist/site/components/chunks/constants36.js +162 -49
- package/dist/site/components/chunks/constants37.js +51 -102
- package/dist/site/components/chunks/constants38.js +69 -39
- package/dist/site/components/chunks/constants39.js +72 -69
- package/dist/site/components/chunks/constants40.js +73 -77
- package/dist/site/components/chunks/constants41.js +75 -56
- package/dist/site/components/chunks/constants42.js +72 -0
- package/dist/site/components/extensions.js +41 -26
- 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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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/
|
|
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,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
|
+
}
|