@brilo/base-blocks 0.1.14 → 0.1.16

package/build/blocks/usp/usp-group/factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACrD,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EAEhB,MAAM,aAAa,CAAA;AAGpB,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAEhE,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA;AAEjD,wBAAgB,mBAAmB,CACjC,QAAQ,SAAS,WAAW,GAAG,OAAO,eAAe,EACrD,WAAW,SAAS,WAAW,GAAG,OAAO,kBAAkB,EAC3D,cAAc,SAAS,WAAW,GAAG,OAAO,sBAAsB,EAClE,QAAQ,SAAS,WAAW,GAAG,OAAO,eAAe,EACrD,UAAU,SAAS,WAAW,GAAG,OAAO,kBAAkB,EAC1D,WAAW,SAAS,WAAW,GAAG,OAAO,mBAAmB,EAC5D,gBAAgB,SAAS,WAAW,GAAG,OAAO,wBAAwB,EACtE,WAAW,SAAS,WAAW,GAAG,OAAO,kBAAkB,EAC3D,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,EAEhE,OAAO,EAAE,eAAe,CACtB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,QAAQ,EACR,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,aAAa,CACd,GACA,kBAAkB,CACnB,kBAAkB,CAChB,QAAQ,CAAC,MAAM,CAAC,EAChB,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC5B,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC/B,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EACzB,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC3B,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC5B,gBAAgB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EACjC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC5B,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAC/B,CACF,CAwDA"}
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-group/factory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAA;AAEzD,OAAO,KAAK,EAAC,WAAW,EAAE,WAAW,EAAC,MAAM,SAAS,CAAA;AACrD,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EAEhB,MAAM,aAAa,CAAA;AAGpB,OAAO,KAAK,EAAC,kBAAkB,EAAE,eAAe,EAAC,MAAM,SAAS,CAAA;AAEhE,YAAY,EAAC,kBAAkB,EAAE,eAAe,EAAC,CAAA;AAEjD,wBAAgB,mBAAmB,CACjC,QAAQ,SAAS,WAAW,GAAG,OAAO,eAAe,EACrD,WAAW,SAAS,WAAW,GAAG,OAAO,kBAAkB,EAC3D,cAAc,SAAS,WAAW,GAAG,OAAO,sBAAsB,EAClE,QAAQ,SAAS,WAAW,GAAG,OAAO,eAAe,EACrD,UAAU,SAAS,WAAW,GAAG,OAAO,kBAAkB,EAC1D,WAAW,SAAS,WAAW,GAAG,OAAO,mBAAmB,EAC5D,gBAAgB,SAAS,WAAW,GAAG,OAAO,wBAAwB,EACtE,WAAW,SAAS,WAAW,GAAG,OAAO,kBAAkB,EAC3D,aAAa,SAAS,WAAW,GAAG,OAAO,qBAAqB,EAEhE,OAAO,EAAE,eAAe,CACtB,QAAQ,EACR,WAAW,EACX,cAAc,EACd,QAAQ,EACR,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,aAAa,CACd,GACA,kBAAkB,CACnB,kBAAkB,CAChB,QAAQ,CAAC,MAAM,CAAC,EAChB,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC5B,cAAc,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC/B,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EACzB,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC3B,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC5B,gBAAgB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EACjC,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAC5B,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAC/B,CACF,CA2DA"}

package/build/blocks/usp/usp-group/factory.js

@@ -5,35 +5,36 @@ import { DEFAULT_ALIGNMENTS, DEFAULT_COLUMNS, DEFAULT_CONTENT_SIZES, DEFAULT_DIR
 import { createUspGroupEdit } from './edit';
 import { icon as defaultIcon } from './icon';
 export function createUspGroupBlock(options) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
-    const columns = (_a = options.columns) !== null && _a !== void 0 ? _a : DEFAULT_COLUMNS;
-    const directions = (_b = options.directions) !== null && _b !== void 0 ? _b : DEFAULT_DIRECTIONS;
-    const headingStyles = (_c = options.headingStyles) !== null && _c !== void 0 ? _c : DEFAULT_HEADING_STYLES;
-    const shadows = (_d = options.shadows) !== null && _d !== void 0 ? _d : DEFAULT_SHADOWS;
-    const iconSizes = (_e = options.iconSizes) !== null && _e !== void 0 ? _e : DEFAULT_ICON_SIZES;
-    const iconColors = (_f = options.iconColors) !== null && _f !== void 0 ? _f : DEFAULT_ICON_COLORS;
-    const iconBackgrounds = (_g = options.iconBackgrounds) !== null && _g !== void 0 ? _g : DEFAULT_ICON_BACKGROUNDS;
-    const alignments = (_h = options.alignments) !== null && _h !== void 0 ? _h : DEFAULT_ALIGNMENTS;
-    const contentSizes = (_j = options.contentSizes) !== null && _j !== void 0 ? _j : DEFAULT_CONTENT_SIZES;
+    var _a, _b, _c;
+    var _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    const columns = (_d = options.columns) !== null && _d !== void 0 ? _d : DEFAULT_COLUMNS;
+    const directions = (_e = options.directions) !== null && _e !== void 0 ? _e : DEFAULT_DIRECTIONS;
+    const headingStyles = (_f = options.headingStyles) !== null && _f !== void 0 ? _f : DEFAULT_HEADING_STYLES;
+    const shadows = (_g = options.shadows) !== null && _g !== void 0 ? _g : DEFAULT_SHADOWS;
+    const iconSizes = (_h = options.iconSizes) !== null && _h !== void 0 ? _h : DEFAULT_ICON_SIZES;
+    const iconColors = (_j = options.iconColors) !== null && _j !== void 0 ? _j : DEFAULT_ICON_COLORS;
+    const iconBackgrounds = (_k = options.iconBackgrounds) !== null && _k !== void 0 ? _k : DEFAULT_ICON_BACKGROUNDS;
+    const alignments = (_l = options.alignments) !== null && _l !== void 0 ? _l : DEFAULT_ALIGNMENTS;
+    const contentSizes = (_m = options.contentSizes) !== null && _m !== void 0 ? _m : DEFAULT_CONTENT_SIZES;
     return {
         name: options.name,
-        title: (_k = options.title) !== null && _k !== void 0 ? _k : __('USP Konkurenční výhody', 'brilo-blocks'),
+        title: (_o = options.title) !== null && _o !== void 0 ? _o : __('USP Konkurenční výhody', 'brilo-blocks'),
         description: options.description,
-        category: (_l = options.category) !== null && _l !== void 0 ? _l : 'layout',
+        category: (_p = options.category) !== null && _p !== void 0 ? _p : 'layout',
         ...(options.parent && { parent: options.parent }),
-        icon: (_m = options.icon) !== null && _m !== void 0 ? _m : { src: defaultIcon },
+        icon: (_q = options.icon) !== null && _q !== void 0 ? _q : { src: defaultIcon },
         supports: { html: false, customClassName: false },
         attributes: {
             columns: {
                 type: 'number',
-                default: (_o = columns[1]) !== null && _o !== void 0 ? _o : columns[0],
+                default: (_r = columns[1]) !== null && _r !== void 0 ? _r : columns[0],
                 enum: [...columns],
             },
             headingSettings: {
                 type: 'object',
-                default: { level: HEADING_LEVELS[0], style: (_q = (_p = headingStyles[2]) === null || _p === void 0 ? void 0 : _p.value) !== null && _q !== void 0 ? _q : headingStyles[0].value },
+                default: { level: HEADING_LEVELS[0], style: (_s = (_a = headingStyles[2]) === null || _a === void 0 ? void 0 : _a.value) !== null && _s !== void 0 ? _s : headingStyles[0].value },
             },
-            content: { type: 'object', default: { size: (_s = (_r = contentSizes[1]) === null || _r === void 0 ? void 0 : _r.value) !== null && _s !== void 0 ? _s : contentSizes[0].value } },
+            content: { type: 'object', default: { size: (_t = (_b = contentSizes[1]) === null || _b === void 0 ? void 0 : _b.value) !== null && _t !== void 0 ? _t : contentSizes[0].value } },
             style: {
                 type: 'object',
                 default: {
@@ -41,7 +42,10 @@ export function createUspGroupBlock(options) {
                     card: false,
                     direction: directions[0].value,
                     align: alignments[0].value,
-                    icon: { size: (_u = (_t = iconSizes[2]) === null || _t === void 0 ? void 0 : _t.value) !== null && _u !== void 0 ? _u : iconSizes[0].value, color: iconColors[0].value, background: iconBackgrounds[0].value },
+                    borderColor: '',
+                    backgroundColor: '',
+                    textColor: '',
+                    icon: { size: (_u = (_c = iconSizes[2]) === null || _c === void 0 ? void 0 : _c.value) !== null && _u !== void 0 ? _u : iconSizes[0].value, color: iconColors[0].value, background: iconBackgrounds[0].value },
                 },
             },
         },

package/build/blocks/usp/usp-group/types.d.ts

@@ -24,6 +24,9 @@ export interface UspGroupAttributes<TColumn extends number = UspColumns, TDirect
         card: boolean;
         direction: TDirection;
         align: TAlignment;
+        borderColor: string;
+        backgroundColor: string;
+        textColor: string;
         icon: {
             size: TIconSize;
             color: TIconColor;

package/build/blocks/usp/usp-group/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-group/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-group/types.ts"],"names":[],"mappings":"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"}

package/build/blocks/usp/usp-item/constants.d.ts

@@ -1,11 +1,11 @@
 export declare const ICON_TYPES: readonly [{
-    readonly value: "preselected";
+    readonly value: 'preselected';
     readonly label: import("@wordpress/i18n").TransformedText<"Předvolená">;
 }, {
-    readonly value: "media";
+    readonly value: 'media';
     readonly label: import("@wordpress/i18n").TransformedText<"Obrázek">;
 }, {
-    readonly value: "number";
+    readonly value: 'number';
     readonly label: import("@wordpress/i18n").TransformedText<"Číslo">;
 }];
 //# sourceMappingURL=constants.d.ts.map

package/build/blocks/usp/usp-item/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-item/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;EAIb,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-item/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;aACpB,KAAK,EAAE,aAAa;aAAE,KAAK;;aAC3B,KAAK,EAAE,OAAO;aAAE,KAAK;;aACrB,KAAK,EAAE,QAAQ;aAAE,KAAK;EACf,CAAA"}

package/build/blocks/usp/usp-item/edit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-item/edit.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAE9D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,IAClC,gCAGlB;IACD,UAAU,EAAE,iBAAiB,CAAA;IAC7B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CACvD,iCA+CF"}
+{"version":3,"file":"edit.d.ts","sourceRoot":"","sources":["../../../../src/blocks/usp/usp-item/edit.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAA;AAE9D,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,cAAc,oCAIpD;IACD,UAAU,EAAE,iBAAiB,CAAA;IAC7B,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CACvD,iCA+CF"}

package/build/blocks/usp/usp-item/edit.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InspectorControls, RichText, useBlockProps } from '@wordpress/block-editor';
 import { PanelBody, ToggleControl, TextControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';

package/build/components/ItemIconControl/ItemIconControl.js

@@ -1,13 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, TextControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, } from '@wordpress/components';
 import { useState } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import { ImagePickerControl } from '../../components/ImagePicker';
 import { ItemIconModal } from './ItemIconModal';
 export function ItemIconControl({ icon, setAttributes, options, iconTypes }) {
+    var _a;
     const [isModalOpen, setModalOpen] = useState(false);
     const preselectedIconUrl = icon.type === 'preselected' && icon.src ? `${options.iconsSrc}${icon.src}.svg` : '';
-    return (_jsxs(_Fragment, { children: [_jsx(ToggleGroupControl, { label: __('Typ ikony', 'brilo-blocks'), value: icon.type, onChange: (v) => setAttributes({ icon: { ...icon, type: v } }), isBlock: true, children: iconTypes.map((t) => (_jsx(ToggleGroupControlOption, { value: t.value, label: t.label }, t.value))) }), icon.type === 'preselected' && (_jsxs("div", { className: "i-item-icon__control-preselected", children: [preselectedIconUrl && (_jsx("div", { className: "i-item-icon__preview", children: _jsx("img", { src: preselectedIconUrl, alt: "", width: 32, height: 32 }) })), _jsx(Button, { variant: "secondary", onClick: () => setModalOpen(true), children: icon.src ? __('Změnit ikonu', 'brilo-blocks') : __('Vybrat ikonu', 'brilo-blocks') })] })), icon.type === 'media' && (_jsx(ImagePickerControl, { value: icon.media, onChange: (val) => setAttributes({ icon: { ...icon, media: val } }), labels: {
+    return (_jsxs(_Fragment, { children: [_jsx(ToggleGroupControl, { label: __('Typ ikony', 'brilo-blocks'), value: icon.type, onChange: (v) => setAttributes({ icon: { ...icon, type: v } }), isBlock: true, children: iconTypes.map((t) => (_jsx(ToggleGroupControlOption, { value: t.value, label: t.label }, t.value))) }), icon.type === 'preselected' && (_jsxs("div", { className: "i-item-icon__control-preselected", children: [preselectedIconUrl && (_jsx("div", { className: "i-item-icon__preview", children: _jsx("img", { src: preselectedIconUrl, alt: "", width: 32, height: 32 }) })), _jsx(Button, { variant: "secondary", onClick: () => setModalOpen(true), children: icon.src ? __('Změnit ikonu', 'brilo-blocks') : __('Vybrat ikonu', 'brilo-blocks') })] })), icon.type === 'media' && (_jsx(ImagePickerControl, { value: (_a = icon.media) !== null && _a !== void 0 ? _a : { id: 0, alt: '' }, onChange: (val) => setAttributes({ icon: { ...icon, media: val } }), labels: {
                     select: __('Vybrat ikonu', 'brilo-blocks'),
                     change: __('Změnit ikonu', 'brilo-blocks'),
                     remove: __('Odebrat ikonu', 'brilo-blocks'),

package/build/components/ItemIconControl/ItemIconPreview.js

@@ -1,13 +1,16 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { useState } from '@wordpress/element';
 import { useMediaUrl } from '../../components/ImagePicker';
 import { ItemIconModal } from './ItemIconModal';
 export function ItemIconPreview({ icon, className, options, setAttributes }) {
+    var _a;
+    var _b;
     const [isModalOpen, setModalOpen] = useState(false);
-    const mediaIconUrl = useMediaUrl(icon.media.id);
+    const mediaIconUrl = useMediaUrl((_b = (_a = icon.media) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : 0);
     const preselectedIconUrl = icon.type === 'preselected' && icon.src ? `${options.iconsSrc}${icon.src}.svg` : '';
     const renderContent = () => {
+        var _a;
         if (icon.type === 'preselected') {
             if (preselectedIconUrl) {
                 return (_jsx("div", { className: clsx('i-item-icon', className), children: _jsx("img", { src: preselectedIconUrl, alt: "", className: clsx(className ? `${className}-img` : 'i-item-icon__img'), width: 40, height: 40 }) }));
@@ -15,7 +18,7 @@ export function ItemIconPreview({ icon, className, options, setAttributes }) {
             return (_jsx("button", { type: "button", className: clsx('i-item-icon', className ? `${className}-placeholder` : null, 'i-item-icon__placeholder', !isModalOpen && '--clickable'), onClick: () => setModalOpen(true), children: _jsx("span", { children: "\u2606" }) }));
         }
         if (icon.type === 'media') {
-            if (icon.media.id && mediaIconUrl) {
+            if (((_a = icon.media) === null || _a === void 0 ? void 0 : _a.id) && mediaIconUrl) {
                 return (_jsx("div", { className: clsx('i-item-icon', className), children: _jsx("img", { src: mediaIconUrl, alt: icon.media.alt, className: clsx(className ? `${className}-img` : null, 'i-item-icon__img') }) }));
             }
             return (_jsx("div", { className: clsx('i-item-icon', className ? `${className}-placeholder` : 'i-item-icon__placeholder'), children: _jsx("span", { children: "\u2606" }) }));

package/build/constants.d.ts

@@ -1,27 +1,27 @@
 export declare const HEADING_LEVELS: readonly [1, 2, 3, 4];
-export declare const HEADING_STYLES: readonly ["h1", "h2", "h3", "h4"];
+export declare const HEADING_STYLES: readonly ['h1', 'h2', 'h3', 'h4'];
 export declare const HEADING_STYLE_OPTIONS: readonly [{
-    readonly value: "h1";
-    readonly label: "H1 styl";
+    readonly value: 'h1';
+    readonly label: 'H1 styl';
 }, {
-    readonly value: "h2";
-    readonly label: "H2 styl";
+    readonly value: 'h2';
+    readonly label: 'H2 styl';
 }, {
-    readonly value: "h3";
-    readonly label: "H3 styl";
+    readonly value: 'h3';
+    readonly label: 'H3 styl';
 }, {
-    readonly value: "h4";
-    readonly label: "H4 styl";
+    readonly value: 'h4';
+    readonly label: 'H4 styl';
 }];
 export type HeadingStyleOption = (typeof HEADING_STYLE_OPTIONS)[number]['value'];
 export declare const CONTENT_SIZES: readonly [{
-    readonly value: "sm";
+    readonly value: 'sm';
     readonly label: import("@wordpress/i18n").TransformedText<"Malá">;
 }, {
-    readonly value: "default";
+    readonly value: 'default';
     readonly label: import("@wordpress/i18n").TransformedText<"Výchozí">;
 }, {
-    readonly value: "lg";
+    readonly value: 'lg';
     readonly label: import("@wordpress/i18n").TransformedText<"Velká">;
 }];
 //# sourceMappingURL=constants.d.ts.map

package/build/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,uBAAwB,CAAA;AAEnD,eAAO,MAAM,cAAc,mCAAoC,CAAA;AAE/D,eAAO,MAAM,qBAAqB;;;;;;;;;;;;EAKxB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEhF,eAAO,MAAM,aAAa;;;;;;;;;EAIhB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,YAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAA;AAEnD,eAAO,MAAM,cAAc,YAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAA;AAE/D,eAAO,MAAM,qBAAqB;aAC/B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;;aAC7B,KAAK,EAAE,IAAI;aAAE,KAAK,EAAE,SAAS;EACtB,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAEhF,eAAO,MAAM,aAAa;aACvB,KAAK,EAAE,IAAI;aAAE,KAAK;;aAClB,KAAK,EAAE,SAAS;aAAE,KAAK;;aACvB,KAAK,EAAE,IAAI;aAAE,KAAK;EACX,CAAA"}

package/build/hooks/useTenantColorPalette.d.ts

@@ -1,8 +1,8 @@
 export declare function useTenantColorPalette(): {
     paletteColors: {
-        color: string;
         name: string;
         slug: string;
+        color: string;
     }[];
     resolveHex: (value: string) => string;
 };

package/build/hooks/useTenantColorPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTenantColorPalette.d.ts","sourceRoot":"","sources":["../../src/hooks/useTenantColorPalette.ts"],"names":[],"mappings":"AASA,wBAAgB,qBAAqB;;;cAL7B,MAAM;cACN,MAAM;;wBAWiB,MAAM;EAIpC"}
+{"version":3,"file":"useTenantColorPalette.d.ts","sourceRoot":"","sources":["../../src/hooks/useTenantColorPalette.ts"],"names":[],"mappings":"AASA,wBAAgB,qBAAqB;;cAL7B,MAAM;cACN,MAAM;;;wBAWiB,MAAM;EAIpC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brilo/base-blocks",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "author": "Brilo",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
@@ -13,25 +13,25 @@
     "check": "biome check --write ./src"
   },
   "peerDependencies": {
-    "@wordpress/block-editor": "15.21.0",
-    "@wordpress/blocks": "15.21.0",
-    "@wordpress/components": "35.0.0",
-    "@wordpress/i18n": "6.21.0",
+    "@wordpress/block-editor": "16.1.0",
+    "@wordpress/blocks": "15.25.0",
+    "@wordpress/components": "38.0.0",
+    "@wordpress/i18n": "6.25.0",
     "react": "*"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.16",
+    "@biomejs/biome": "2.5.6",
     "@types/react": "^18.3.12",
     "@types/wordpress__block-editor": "^15.0.6",
-    "@wordpress/block-editor": "^15.21.0",
-    "@wordpress/blocks": "^15.21.0",
-    "@wordpress/components": "^35.0.0",
-    "@wordpress/data": "^10.48.0",
-    "@wordpress/element": "^8.0.0",
-    "@wordpress/i18n": "^6.21.0",
-    "prettier": "^3.0.0",
-    "tsc-alias": "^1.8.17",
-    "typescript": "^5.0.0"
+    "@wordpress/block-editor": "^16.1.0",
+    "@wordpress/blocks": "^15.25.0",
+    "@wordpress/components": "^38.0.0",
+    "@wordpress/data": "^10.52.0",
+    "@wordpress/element": "^8.4.0",
+    "@wordpress/i18n": "^6.25.0",
+    "prettier": "^3.9.6",
+    "tsc-alias": "^1.9.1",
+    "typescript": "^7.0.2"
   },
   "dependencies": {
     "clsx": "^2.1.1"

package/src/blocks/column/column-item/factory.tsx

@@ -26,7 +26,7 @@ export function createColumnItemBlock(options: ColumnItemOptions): BlockConfigur
       justify: {
         type: 'string',
         default: 'stretch',
-      }
+      },
     },
     edit: createColumnItemEdit(options),
     save: () => <InnerBlocks.Content />,

package/src/blocks/contact/contact-group/constants.ts

@@ -1,3 +1,16 @@
+import {__} from '@wordpress/i18n'
+
 export const CONTACT_COLUMNS = [2, 3] as const
 
 export const CONTACT_COLUMNS_CONTEXT = 'brilo/contact-columns'
+
+export const DEFAULT_SHADOWS = [
+  {value: 'none', label: __('Žádný', 'brilo-blocks')},
+  {value: 'sm', label: __('Malý', 'brilo-blocks')},
+  {value: 'md', label: __('Střední', 'brilo-blocks')},
+] as const
+
+export const TEXT_ALIGNS = [
+  {value: 'left', label: __('Vlevo', 'brilo-blocks')},
+  {value: 'center', label: __('Na střed', 'brilo-blocks')},
+] as const

package/src/blocks/contact/contact-group/edit.tsx

@@ -1,5 +1,7 @@
 import {InspectorControls} from '@wordpress/block-editor'
 import {
+  BaseControl,
+  ColorPalette,
   PanelBody,
   __experimentalToggleGroupControl as ToggleGroupControl,
   __experimentalToggleGroupControlOption as ToggleGroupControlOption,
@@ -7,8 +9,9 @@ import {
 import {__} from '@wordpress/i18n'
 import clsx from 'clsx'
 import {useGroupBlock} from '~/hooks/useGroupBlock'
-import {CONTACT_COLUMNS} from './constants'
-import type {ContactColumns, ContactGroupAttributes, ContactGroupOptions} from './types'
+import {useTenantColorPalette} from '~/hooks/useTenantColorPalette'
+import {CONTACT_COLUMNS, DEFAULT_SHADOWS, TEXT_ALIGNS} from './constants'
+import type {ContactColumns, ContactGroupAttributes, ContactGroupOptions, ContactShadow, ContactTextAlign} from './types'
 
 export function createContactGroupEdit(options: ContactGroupOptions) {
   const COLUMNS = options.columns ?? CONTACT_COLUMNS
@@ -20,7 +23,8 @@ export function createContactGroupEdit(options: ContactGroupOptions) {
     attributes: ContactGroupAttributes
     setAttributes: (a: Partial<ContactGroupAttributes>) => void
   }) {
-    const {columns} = attributes
+    const {columns, style} = attributes
+    const {paletteColors} = useTenantColorPalette()
 
     const {blockProps, innerBlocksProps} = useGroupBlock({
       blockClassName: clsx(options.blockClassName ?? 'g-contact wp-block-section'),
@@ -47,6 +51,53 @@ export function createContactGroupEdit(options: ContactGroupOptions) {
               ))}
             </ToggleGroupControl>
           </PanelBody>
+          <PanelBody title={__('Styl', 'brilo-blocks')}>
+            <ToggleGroupControl
+              isBlock
+              label={__('Stín', 'brilo-blocks')}
+              value={style.shadow}
+              onChange={(v) => setAttributes({style: {...style, shadow: v as ContactShadow}})}
+            >
+              {DEFAULT_SHADOWS.map((s) => (
+                <ToggleGroupControlOption key={s.value} value={s.value} label={s.label} />
+              ))}
+            </ToggleGroupControl>
+            <BaseControl
+              label={__('Barva okraje', 'brilo-blocks')}
+              help={__('Bez vybrané barvy se okraj nevykreslí.', 'brilo-blocks')}
+              id="contact-group-border-color"
+            >
+              <ColorPalette
+                colors={paletteColors}
+                value={style.borderColor || undefined}
+                onChange={(value) => setAttributes({style: {...style, borderColor: value ?? ''}})}
+              />
+            </BaseControl>
+            <BaseControl label={__('Barva pozadí', 'brilo-blocks')} id="contact-group-background-color">
+              <ColorPalette
+                colors={paletteColors}
+                value={style.backgroundColor || undefined}
+                onChange={(value) => setAttributes({style: {...style, backgroundColor: value ?? ''}})}
+              />
+            </BaseControl>
+            <BaseControl label={__('Barva textu', 'brilo-blocks')} id="contact-group-text-color">
+              <ColorPalette
+                colors={paletteColors}
+                value={style.textColor || undefined}
+                onChange={(value) => setAttributes({style: {...style, textColor: value ?? ''}})}
+              />
+            </BaseControl>
+            <ToggleGroupControl
+              isBlock
+              label={__('Zarovnání textu', 'brilo-blocks')}
+              value={style.textAlign}
+              onChange={(v) => setAttributes({style: {...style, textAlign: v as ContactTextAlign}})}
+            >
+              {TEXT_ALIGNS.map((a) => (
+                <ToggleGroupControlOption key={a.value} value={a.value} label={a.label} />
+              ))}
+            </ToggleGroupControl>
+          </PanelBody>
         </InspectorControls>
         <div {...blockProps}>
           <div {...innerBlocksProps} />

package/src/blocks/contact/contact-group/factory.tsx

@@ -2,7 +2,7 @@ import {InnerBlocks} from '@wordpress/block-editor'
 import type {BlockConfiguration} from '@wordpress/blocks'
 import {__} from '@wordpress/i18n'
 import type {NumberArray} from '~/types'
-import {CONTACT_COLUMNS, CONTACT_COLUMNS_CONTEXT} from './constants'
+import {CONTACT_COLUMNS, CONTACT_COLUMNS_CONTEXT, DEFAULT_SHADOWS} from './constants'
 import {createContactGroupEdit} from './edit'
 import type {ContactGroupAttributes, ContactGroupOptions} from './types'
 
@@ -28,6 +28,10 @@ export function createContactGroupBlock<TColumns extends NumberArray = typeof CO
         default: columns[1] ?? columns[0],
         enum: [...columns],
       },
+      style: {
+        type: 'object',
+        default: {shadow: DEFAULT_SHADOWS[0].value, borderColor: '', backgroundColor: '', textColor: '', textAlign: 'left'},
+      },
     },
     edit: createContactGroupEdit(options as unknown as ContactGroupOptions),
     save: () => <InnerBlocks.Content />,

package/src/blocks/contact/contact-group/types.ts

@@ -1,10 +1,21 @@
 import type {BriloBlockType, NumberArray} from '~/types'
-import type {CONTACT_COLUMNS} from './constants'
+import type {CONTACT_COLUMNS, DEFAULT_SHADOWS, TEXT_ALIGNS} from './constants'
 
 export type ContactColumns = (typeof CONTACT_COLUMNS)[number]
 
+export type ContactShadow = (typeof DEFAULT_SHADOWS)[number]['value']
+
+export type ContactTextAlign = (typeof TEXT_ALIGNS)[number]['value']
+
 export interface ContactGroupAttributes<TColumns extends number = ContactColumns> extends Record<string, unknown> {
   columns: TColumns
+  style: {
+    shadow: ContactShadow
+    borderColor: string
+    backgroundColor: string
+    textColor: string
+    textAlign: ContactTextAlign
+  }
 }
 
 export interface ContactGroupOptions<TColumns extends NumberArray = typeof CONTACT_COLUMNS> extends BriloBlockType {

package/src/blocks/contact/contact-item/index.ts

@@ -17,6 +17,7 @@ export const contactItemDefaults: ContactItemOptions = {
     'brilo/column-group',
     'brilo/responsive-grid-group',
     'brilo/link-item',
+    'core/group',
   ],
   template: [
     ['core/heading', {level: 3}],

package/src/blocks/core/basic-button/edit.tsx

@@ -132,8 +132,8 @@ export function createBasicButtonEdit(options: BasicButtonOptions) {
           <div className="i-button__inner">
             {hasIcon && icon.position === 'before' && (
               <span className="i-button__icon" style={iconPreviewStyle}>
-              <ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />
-            </span>
+                <ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />
+              </span>
             )}
             <RichText
               tagName="span"
@@ -145,8 +145,8 @@ export function createBasicButtonEdit(options: BasicButtonOptions) {
             />
             {hasIcon && icon.position === 'after' && (
               <span className="i-button__icon" style={iconPreviewStyle}>
-              <ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />
-            </span>
+                <ItemIconPreview icon={icon as unknown as import('~/types').Icon} setAttributes={setIconBase} options={options} />
+              </span>
             )}
           </div>
         </div>

package/src/blocks/groups/banner-group/icon.tsx

@@ -10,4 +10,4 @@ export const icon = (
       fill="#357AB5"
     />
   </svg>
-);
+)

package/src/blocks/hero/hero-group/icon.tsx

@@ -25,4 +25,4 @@ export const icon = (
       fill="#357AB5"
     />
   </svg>
-);
+)

package/src/blocks/person/person-group/icon.tsx

@@ -11,4 +11,4 @@ export const icon = (
       fill="#357AB5"
     />
   </svg>
-);
+)

package/src/blocks/signpost/signpost-group/constants.ts

@@ -1,3 +1,19 @@
+import {__} from '@wordpress/i18n'
+
 export const COLUMNS = [5, 4, 3, 2] as const
 export const RATIOS = ['4:3', '3:2', '16:9', '1:1', '2:1', '3:4'] as const
 export const HEADING_LEVELS = [2, 3, 4] as const
+
+export const DEFAULT_SHADOWS = [
+  {value: 'none', label: __('Žádný', 'brilo-blocks')},
+  {value: 'sm', label: __('Malý', 'brilo-blocks')},
+  {value: 'md', label: __('Střední', 'brilo-blocks')},
+] as const
+
+export const PADDING_MARKS = [
+  {value: 0, label: '0'},
+  {value: 0.5, label: '0.5'},
+  {value: 1, label: '1'},
+  {value: 1.5, label: '1.5'},
+  {value: 2, label: '2'},
+] as const

package/src/blocks/signpost/signpost-group/edit.tsx

@@ -1,16 +1,22 @@
 import {InspectorControls} from '@wordpress/block-editor'
 import {
+  BaseControl,
+  ColorPalette,
   PanelBody,
+  RangeControl,
   __experimentalToggleGroupControl as ToggleGroupControl,
   __experimentalToggleGroupControlOption as ToggleGroupControlOption,
 } from '@wordpress/components'
 import {__} from '@wordpress/i18n'
 import clsx from 'clsx'
 import {useGroupBlock} from '~/hooks/useGroupBlock'
-import {COLUMNS, HEADING_LEVELS, RATIOS} from './constants'
-import type {SignpostGroupAttributes, SignpostGroupOptions} from './types'
+import {useTenantColorPalette} from '~/hooks/useTenantColorPalette'
+import {COLUMNS, DEFAULT_SHADOWS, HEADING_LEVELS, PADDING_MARKS, RATIOS} from './constants'
+import type {SignpostGroupAttributes, SignpostGroupOptions, SignpostShadow} from './types'
 
 export function createSignpostGroupEdit(options: SignpostGroupOptions) {
+  const exclude = options.exclude ?? []
+
   return function Edit({
     attributes,
     setAttributes,
@@ -18,7 +24,8 @@ export function createSignpostGroupEdit(options: SignpostGroupOptions) {
     attributes: SignpostGroupAttributes
     setAttributes: (a: Partial<SignpostGroupAttributes>) => void
   }) {
-    const {columns, headingLevel, ratio} = attributes
+    const {columns, headingLevel, ratio, style, padding} = attributes
+    const {paletteColors} = useTenantColorPalette()
 
     const {blockProps, innerBlocksProps} = useGroupBlock({
       blockClassName: clsx(options.blockClassName ?? 'g-signpost wp-block-section'),
@@ -65,6 +72,58 @@ export function createSignpostGroupEdit(options: SignpostGroupOptions) {
               ))}
             </ToggleGroupControl>
           </PanelBody>
+          {!exclude.includes('colors') && style && (
+            <PanelBody title={__('Styl', 'brilo-blocks')}>
+              <ToggleGroupControl
+                isBlock
+                label={__('Stín', 'brilo-blocks')}
+                value={style.shadow}
+                onChange={(v) => setAttributes({style: {...style, shadow: v as SignpostShadow}})}
+              >
+                {DEFAULT_SHADOWS.map((s) => (
+                  <ToggleGroupControlOption key={s.value} value={s.value} label={s.label} />
+                ))}
+              </ToggleGroupControl>
+              <BaseControl
+                label={__('Barva okraje', 'brilo-blocks')}
+                help={__('Bez vybrané barvy se okraj nevykreslí.', 'brilo-blocks')}
+                id="signpost-group-border-color"
+              >
+                <ColorPalette
+                  colors={paletteColors}
+                  value={style.borderColor || undefined}
+                  onChange={(value) => setAttributes({style: {...style, borderColor: value ?? ''}})}
+                />
+              </BaseControl>
+              <BaseControl label={__('Barva pozadí', 'brilo-blocks')} id="signpost-group-background-color">
+                <ColorPalette
+                  colors={paletteColors}
+                  value={style.backgroundColor || undefined}
+                  onChange={(value) => setAttributes({style: {...style, backgroundColor: value ?? ''}})}
+                />
+              </BaseControl>
+              <BaseControl label={__('Barva textu', 'brilo-blocks')} id="signpost-group-text-color">
+                <ColorPalette
+                  colors={paletteColors}
+                  value={style.textColor || undefined}
+                  onChange={(value) => setAttributes({style: {...style, textColor: value ?? ''}})}
+                />
+              </BaseControl>
+            </PanelBody>
+          )}
+          {!exclude.includes('padding') && padding && (
+            <PanelBody title={__('Padding', 'brilo-blocks')}>
+              <RangeControl
+                label={__('Vnitřní odsazení (rem)', 'brilo-blocks')}
+                value={padding.value}
+                onChange={(v) => setAttributes({padding: {value: v ?? 0}})}
+                min={0}
+                max={2}
+                step={0.5}
+                marks={[...PADDING_MARKS]}
+              />
+            </PanelBody>
+          )}
         </InspectorControls>
         <div {...blockProps}>
           <div {...innerBlocksProps} />