@brilo/base-blocks 0.1.61 → 0.1.63
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/build/.tsbuildinfo +1 -1
- package/build/blocks/food-menu/food-menu-group/constants.d.ts +1 -1
- package/build/blocks/food-menu/food-menu-group/constants.d.ts.map +1 -1
- package/build/blocks/food-menu/food-menu-group/constants.js +1 -1
- package/build/blocks/hero/hero-item/edit.d.ts.map +1 -1
- package/build/blocks/hero/hero-item/edit.js +3 -3
- package/build/blocks/hero/hero-item/factory.d.ts.map +1 -1
- package/build/blocks/hero/hero-item/factory.js +1 -0
- package/build/blocks/hero/hero-item/types.d.ts +1 -0
- package/build/blocks/hero/hero-item/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/blocks/food-menu/food-menu-group/constants.ts +1 -1
- package/src/blocks/food-menu/food-menu-group/editor.scss +1 -1
- package/src/blocks/hero/hero-item/edit.tsx +7 -2
- package/src/blocks/hero/hero-item/factory.tsx +1 -0
- package/src/blocks/hero/hero-item/types.ts +1 -0
|
@@ -52,5 +52,5 @@ export declare const FOOD_MENU_GROUP_TEXT_ALIGNS: readonly [{
|
|
|
52
52
|
readonly value: 'right';
|
|
53
53
|
readonly label: import("@wordpress/i18n").TransformedText<"Vpravo">;
|
|
54
54
|
}];
|
|
55
|
-
export declare const FOOD_MENU_GROUP_TEXT_ALIGN: "
|
|
55
|
+
export declare const FOOD_MENU_GROUP_TEXT_ALIGN: "left";
|
|
56
56
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-menu-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;aAC/B,KAAK,EAAE,QAAQ;aAAE,KAAK;;aACtB,KAAK,EAAE,OAAO;aAAE,KAAK;;aACrB,KAAK,EAAE,MAAM;aAAE,KAAK;EACb,CAAA;AAEV,eAAO,MAAM,uBAAuB;aACjC,KAAK,EAAE,QAAQ;aAAE,KAAK;;aACtB,KAAK,EAAE,MAAM;aAAE,KAAK;EACb,CAAA;AAEV,yDAAyD;AACzD,eAAO,MAAM,gCAAgC;aAC1C,KAAK,EAAE,SAAS;aAAE,KAAK;;aACvB,KAAK,EAAE,WAAW;aAAE,KAAK;;aACzB,KAAK,EAAE,MAAM;aAAE,KAAK;EACb,CAAA;AAEV,iEAAiE;AACjE,eAAO,MAAM,iCAAiC;aAC3C,KAAK,EAAE,OAAO;aAAE,KAAK;;aACrB,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,KAAK;aAAE,KAAK;EACZ,CAAA;AAEV,eAAO,MAAM,oBAAoB,UAAiC,CAAA;AAClE,eAAO,MAAM,gCAAgC,SAA6C,CAAA;AAC1F,eAAO,MAAM,sBAAsB,UAAmC,CAAA;AACtE,eAAO,MAAM,+BAA+B,WAA4C,CAAA;AAExF,qFAAqF;AACrF,eAAO,MAAM,2BAA2B;aACrC,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,QAAQ;aAAE,KAAK;;aACtB,KAAK,EAAE,OAAO;aAAE,KAAK;EACd,CAAA;AAEV,eAAO,MAAM,0BAA0B,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/food-menu/food-menu-group/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;aAC/B,KAAK,EAAE,QAAQ;aAAE,KAAK;;aACtB,KAAK,EAAE,OAAO;aAAE,KAAK;;aACrB,KAAK,EAAE,MAAM;aAAE,KAAK;EACb,CAAA;AAEV,eAAO,MAAM,uBAAuB;aACjC,KAAK,EAAE,QAAQ;aAAE,KAAK;;aACtB,KAAK,EAAE,MAAM;aAAE,KAAK;EACb,CAAA;AAEV,yDAAyD;AACzD,eAAO,MAAM,gCAAgC;aAC1C,KAAK,EAAE,SAAS;aAAE,KAAK;;aACvB,KAAK,EAAE,WAAW;aAAE,KAAK;;aACzB,KAAK,EAAE,MAAM;aAAE,KAAK;EACb,CAAA;AAEV,iEAAiE;AACjE,eAAO,MAAM,iCAAiC;aAC3C,KAAK,EAAE,OAAO;aAAE,KAAK;;aACrB,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,KAAK;aAAE,KAAK;EACZ,CAAA;AAEV,eAAO,MAAM,oBAAoB,UAAiC,CAAA;AAClE,eAAO,MAAM,gCAAgC,SAA6C,CAAA;AAC1F,eAAO,MAAM,sBAAsB,UAAmC,CAAA;AACtE,eAAO,MAAM,+BAA+B,WAA4C,CAAA;AAExF,qFAAqF;AACrF,eAAO,MAAM,2BAA2B;aACrC,KAAK,EAAE,MAAM;aAAE,KAAK;;aACpB,KAAK,EAAE,QAAQ;aAAE,KAAK;;aACtB,KAAK,EAAE,OAAO;aAAE,KAAK;EACd,CAAA;AAEV,eAAO,MAAM,0BAA0B,QAAuC,CAAA"}
|
|
@@ -30,4 +30,4 @@ export const FOOD_MENU_GROUP_TEXT_ALIGNS = [
|
|
|
30
30
|
{ value: 'center', label: __('Na střed', 'brilo-blocks') },
|
|
31
31
|
{ value: 'right', label: __('Vpravo', 'brilo-blocks') },
|
|
32
32
|
];
|
|
33
|
-
export const FOOD_MENU_GROUP_TEXT_ALIGN = FOOD_MENU_GROUP_TEXT_ALIGNS[
|
|
33
|
+
export const FOOD_MENU_GROUP_TEXT_ALIGN = FOOD_MENU_GROUP_TEXT_ALIGNS[0].value;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/edit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/edit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AAerD,OAAO,KAAK,EAAkB,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAKjF,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,WAC7B,cAAc,CAAC,kBAAkB,CAAC,iCAsI/D"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { InspectorControls, RichText } from '@wordpress/block-editor';
|
|
3
|
-
import { PanelBody, __experimentalToggleGroupControlOption as ToggleGroupControlOption, AlignmentMatrixControl, __experimentalToggleGroupControl as ToggleGroupControl, BaseControl, ColorPalette, TextControl, ToggleControl, } from '@wordpress/components';
|
|
3
|
+
import { PanelBody, __experimentalToggleGroupControlOption as ToggleGroupControlOption, AlignmentMatrixControl, __experimentalToggleGroupControl as ToggleGroupControl, BaseControl, ColorPalette, GradientPicker, TextControl, ToggleControl, } from '@wordpress/components';
|
|
4
4
|
import { __ } from '@wordpress/i18n';
|
|
5
5
|
import { ImagePickerBody, ImagePickerControl } from '../../../components/ImagePicker';
|
|
6
6
|
import { HEADING_LEVELS } from './constants';
|
|
@@ -12,7 +12,7 @@ export function createHeroItemEdit(options) {
|
|
|
12
12
|
var _a, _b;
|
|
13
13
|
var _c, _d, _e;
|
|
14
14
|
const { attributes, setAttributes } = props;
|
|
15
|
-
const { title, titleColor, img, headingLevel, contentPosition, url, focalPoint, overline } = attributes;
|
|
15
|
+
const { title, titleColor, img, headingLevel, contentPosition, url, focalPoint, overline, overlayGradient } = attributes;
|
|
16
16
|
const { paletteColors } = useTenantColorPalette();
|
|
17
17
|
const { blockProps, innerBlocksProps } = useGroupBlock({
|
|
18
18
|
blockClassName: clsx((_c = options.blockClassName) !== null && _c !== void 0 ? _c : 'i-hero'),
|
|
@@ -22,7 +22,7 @@ export function createHeroItemEdit(options) {
|
|
|
22
22
|
template: options.template,
|
|
23
23
|
layout: { type: 'default' },
|
|
24
24
|
});
|
|
25
|
-
return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('
|
|
25
|
+
return (_jsxs(_Fragment, { children: [_jsxs(InspectorControls, { children: [_jsxs(PanelBody, { title: __('Pozadí', 'brilo-blocks'), children: [_jsx(ImagePickerControl, { value: { id: img.id, alt: img.alt }, onChange: (v) => setAttributes({ img: { ...img, ...v } }) }), _jsx(BaseControl, { label: __('Focal point (desktop)', 'brilo-blocks'), children: _jsx(AlignmentMatrixControl, { value: focalPoint.point, onChange: (v) => setAttributes({ focalPoint: { ...focalPoint, point: (v !== null && v !== void 0 ? v : 'center center') } }) }) }), _jsx(BaseControl, { label: __('Focal point (mobil)', 'brilo-blocks'), children: _jsx(AlignmentMatrixControl, { value: (_e = (_a = focalPoint.sm) === null || _a === void 0 ? void 0 : _a.point) !== null && _e !== void 0 ? _e : 'center center', onChange: (v) => setAttributes({ focalPoint: { ...focalPoint, sm: { point: (v !== null && v !== void 0 ? v : 'center center') } } }) }) })] }), _jsx(PanelBody, { title: __('Překryv', 'brilo-blocks'), children: _jsx(GradientPicker, { value: overlayGradient || null, onChange: (v) => setAttributes({ overlayGradient: v !== null && v !== void 0 ? v : '' }) }) }), _jsxs(PanelBody, { title: __('Overline', 'brilo-blocks'), children: [_jsx(BaseControl, { label: __('Barva overline pozadí', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: overline.background || undefined, onChange: (value) => setAttributes({ overline: { ...overline, background: value !== null && value !== void 0 ? value : '' } }) }) }), _jsx(BaseControl, { label: __('Barva overline textu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: overline.color || undefined, onChange: (value) => setAttributes({ overline: { ...overline, color: value !== null && value !== void 0 ? value : '' } }) }) })] }), _jsxs(PanelBody, { title: __('Nadpis', 'brilo-blocks'), children: [_jsx(BaseControl, { label: __('Barva nadpisu', 'brilo-blocks'), children: _jsx(ColorPalette, { colors: paletteColors, value: titleColor || undefined, onChange: (v) => setAttributes({ titleColor: v !== null && v !== void 0 ? v : '' }) }) }), _jsx(ToggleGroupControl, { isBlock: true, label: __('Úroveň nadpisu položek', 'brilo-blocks'), value: String(headingLevel), onChange: (v) => setAttributes({ headingLevel: Number(v !== null && v !== void 0 ? v : HEADING_LEVELS[1]) }), children: HEADING_LEVELS.map((l) => (_jsx(ToggleGroupControlOption, { value: String(l), label: `H${l}` }, l))) })] }), _jsx(PanelBody, { title: __('Rozložení', 'brilo-blocks'), children: _jsx(BaseControl, { label: __('Pozice obsahu', 'brilo-blocks'), children: _jsx(AlignmentMatrixControl, { value: contentPosition, onChange: (v) => setAttributes({ contentPosition: v }) }) }) }), _jsxs(PanelBody, { title: __('Odkaz', 'brilo-blocks'), children: [_jsx(TextControl, { label: __('URL odkazu', 'brilo-blocks'), value: url.src, onChange: (v) => setAttributes({ url: { ...url, src: v } }) }), _jsx(ToggleControl, { label: __('Otevřít v novém okně', 'brilo-blocks'), checked: url.blank, onChange: (v) => setAttributes({ url: { ...url, blank: v } }) })] }), (_b = options.extraControls) === null || _b === void 0 ? void 0 : _b.call(options, props)] }), _jsxs("div", { ...blockProps, children: [_jsx("div", { className: "i-hero__image-wrap", children: _jsx(ImagePickerBody, { value: { id: img.id, alt: img.alt }, onChange: (v) => setAttributes({ img: { ...img, ...v } }), placeholder: __('Vyberte obrázek', 'brilo-blocks') }) }), _jsxs("div", { className: `i-hero__overlay --${contentPosition.replace(' ', '-')}`, children: [_jsx(RichText, { tagName: "span", className: "i-hero__overline u-text-editable", style: overline.color || overline.background
|
|
26
26
|
? {
|
|
27
27
|
...(overline.color ? { color: overline.color } : {}),
|
|
28
28
|
...(overline.background ? { backgroundColor: overline.background } : {}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAGhE,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA;AAEjD,wBAAgB,mBAAmB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChG,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,GAC/B,kBAAkB,CAAC,kBAAkB,GAAG,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAIzD,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAGhE,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA;AAEjD,wBAAgB,mBAAmB,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EAChG,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,GAC/B,kBAAkB,CAAC,kBAAkB,GAAG,MAAM,CAAC,CA2CjD"}
|
|
@@ -40,6 +40,7 @@ export function createHeroItemBlock(options) {
|
|
|
40
40
|
type: 'object',
|
|
41
41
|
default: { point: 'center center', sm: { point: 'center center' } },
|
|
42
42
|
},
|
|
43
|
+
overlayGradient: { type: 'string', default: '' },
|
|
43
44
|
...options.extraAttributes,
|
|
44
45
|
},
|
|
45
46
|
edit: createHeroItemEdit(options),
|
|
@@ -39,6 +39,7 @@ export interface HeroItemAttributes extends Record<string, unknown> {
|
|
|
39
39
|
contentPosition: ContentPosition;
|
|
40
40
|
url: HeroItemUrl;
|
|
41
41
|
focalPoint: HeroItemFocalPoint;
|
|
42
|
+
overlayGradient: string;
|
|
42
43
|
}
|
|
43
44
|
export interface HeroItemOptions<TExtra extends Record<string, unknown> = Record<string, never>> extends BriloBlockType {
|
|
44
45
|
contentPositions?: OptionArray;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAC,cAAc,EAAE,KAAK,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAElE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACzE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1D,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IAC9D,GAAG,EAAE,KAAK,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,EAAE,WAAW,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,eAAe,CAAA;IACtB,EAAE,CAAC,EAAE;QACH,KAAK,EAAE,eAAe,CAAA;KACvB,CAAA;CACF,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IAC9D,GAAG,EAAE,KAAK,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,EAAE,WAAW,CAAA;IAChB,UAAU,EAAE,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/hero/hero-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AACpC,OAAO,KAAK,EAAC,cAAc,EAAE,KAAK,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AAC/D,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,aAAa,CAAA;AAElE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AACzE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1D,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,OAAO,CAAA;CACf,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IAC9D,GAAG,EAAE,KAAK,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,EAAE,WAAW,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,eAAe,CAAA;IACtB,EAAE,CAAC,EAAE;QACH,KAAK,EAAE,eAAe,CAAA;KACvB,CAAA;CACF,CAAA;AAED,MAAM,WAAW,kBAAmB,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAC,CAAA;IAC9D,GAAG,EAAE,KAAK,CAAA;IACV,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,EAAE,WAAW,CAAA;IAChB,UAAU,EAAE,kBAAkB,CAAA;IAC9B,eAAe,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAE,SAAQ,cAAc;IACrH,gBAAgB,CAAC,EAAE,WAAW,CAAA;IAC9B,eAAe,CAAC,EAAE;SACf,CAAC,IAAI,MAAM,MAAM,GAAG;YACnB,IAAI,EAAE,MAAM,CAAA;YACZ,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;SACnB;KACF,CAAA;IACD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,kBAAkB,GAAG,MAAM,CAAC,KAAK,SAAS,CAAA;CAClF"}
|
package/package.json
CHANGED
|
@@ -37,4 +37,4 @@ export const FOOD_MENU_GROUP_TEXT_ALIGNS = [
|
|
|
37
37
|
{value: 'right', label: __('Vpravo', 'brilo-blocks')},
|
|
38
38
|
] as const
|
|
39
39
|
|
|
40
|
-
export const FOOD_MENU_GROUP_TEXT_ALIGN = FOOD_MENU_GROUP_TEXT_ALIGNS[
|
|
40
|
+
export const FOOD_MENU_GROUP_TEXT_ALIGN = FOOD_MENU_GROUP_TEXT_ALIGNS[0].value
|
|
@@ -195,7 +195,7 @@ $warn: #9a6700;
|
|
|
195
195
|
.brilo-food-menu-preview__section-title {
|
|
196
196
|
margin: 0 0 4px;
|
|
197
197
|
color: var(--food-menu-preview-text, $muted);
|
|
198
|
-
text-align: var(--food-menu-preview-align,
|
|
198
|
+
text-align: var(--food-menu-preview-align, left);
|
|
199
199
|
font-weight: 600;
|
|
200
200
|
font-size: 11px;
|
|
201
201
|
letter-spacing: 0.08em;
|
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
7
|
__experimentalToggleGroupControl as ToggleGroupControl,
|
|
8
8
|
BaseControl,
|
|
9
9
|
ColorPalette,
|
|
10
|
+
GradientPicker,
|
|
10
11
|
TextControl,
|
|
11
12
|
ToggleControl,
|
|
12
13
|
} from '@wordpress/components'
|
|
@@ -21,7 +22,7 @@ import clsx from 'clsx'
|
|
|
21
22
|
export function createHeroItemEdit(options: HeroItemOptions) {
|
|
22
23
|
return function Edit(props: BlockEditProps<HeroItemAttributes>) {
|
|
23
24
|
const {attributes, setAttributes} = props
|
|
24
|
-
const {title, titleColor, img, headingLevel, contentPosition, url, focalPoint, overline} = attributes
|
|
25
|
+
const {title, titleColor, img, headingLevel, contentPosition, url, focalPoint, overline, overlayGradient} = attributes
|
|
25
26
|
const {paletteColors} = useTenantColorPalette()
|
|
26
27
|
|
|
27
28
|
const {blockProps, innerBlocksProps} = useGroupBlock({
|
|
@@ -36,7 +37,7 @@ export function createHeroItemEdit(options: HeroItemOptions) {
|
|
|
36
37
|
return (
|
|
37
38
|
<>
|
|
38
39
|
<InspectorControls>
|
|
39
|
-
<PanelBody title={__('
|
|
40
|
+
<PanelBody title={__('Pozadí', 'brilo-blocks')}>
|
|
40
41
|
<ImagePickerControl value={{id: img.id, alt: img.alt}} onChange={(v) => setAttributes({img: {...img, ...v}})} />
|
|
41
42
|
|
|
42
43
|
<BaseControl label={__('Focal point (desktop)', 'brilo-blocks')}>
|
|
@@ -54,6 +55,10 @@ export function createHeroItemEdit(options: HeroItemOptions) {
|
|
|
54
55
|
</BaseControl>
|
|
55
56
|
</PanelBody>
|
|
56
57
|
|
|
58
|
+
<PanelBody title={__('Překryv', 'brilo-blocks')}>
|
|
59
|
+
<GradientPicker value={overlayGradient || null} onChange={(v) => setAttributes({overlayGradient: v ?? ''})} />
|
|
60
|
+
</PanelBody>
|
|
61
|
+
|
|
57
62
|
<PanelBody title={__('Overline', 'brilo-blocks')}>
|
|
58
63
|
<BaseControl label={__('Barva overline pozadí', 'brilo-blocks')}>
|
|
59
64
|
<ColorPalette
|
|
@@ -46,6 +46,7 @@ export function createHeroItemBlock<TExtra extends Record<string, unknown> = Rec
|
|
|
46
46
|
type: 'object',
|
|
47
47
|
default: {point: 'center center', sm: {point: 'center center'}},
|
|
48
48
|
},
|
|
49
|
+
overlayGradient: {type: 'string', default: ''},
|
|
49
50
|
...options.extraAttributes,
|
|
50
51
|
},
|
|
51
52
|
edit: createHeroItemEdit(options as unknown as HeroItemOptions),
|
|
@@ -36,6 +36,7 @@ export interface HeroItemAttributes extends Record<string, unknown> {
|
|
|
36
36
|
contentPosition: ContentPosition
|
|
37
37
|
url: HeroItemUrl
|
|
38
38
|
focalPoint: HeroItemFocalPoint
|
|
39
|
+
overlayGradient: string
|
|
39
40
|
}
|
|
40
41
|
|
|
41
42
|
export interface HeroItemOptions<TExtra extends Record<string, unknown> = Record<string, never>> extends BriloBlockType {
|