@frontify/guideline-blocks-settings 3.0.2 → 3.0.4

package/dist/settings/background.es.js

@@ -1,22 +1,21 @@
-import { BACKGROUND_COLOR_DEFAULT_VALUE as u } from "./defaultValues.es.js";
-const o = (l) => {
-  const a = l?.id ? `hasBackground${l.id}` : "hasBackground", e = l?.id ? `backgroundColor${l.id}` : "backgroundColor", d = l?.preventDefaultColor ? void 0 : l?.defaultColor || u, r = l?.label ? l.label : "Background", c = l?.switchLabel ? l.switchLabel : void 0;
-  return {
-    id: a,
-    label: r,
-    type: "switch",
-    switchLabel: c,
-    defaultValue: !!l?.defaultValue,
-    on: [
-      {
-        id: e,
-        defaultValue: d,
-        type: "colorInput"
-      }
-    ]
-  };
+import { BACKGROUND_COLOR_DEFAULT_VALUE as e } from "./defaultValues.es.js";
+//#region src/settings/background.ts
+var t = (t) => {
+	let n = t?.id ? `hasBackground${t.id}` : "hasBackground", r = t?.id ? `backgroundColor${t.id}` : "backgroundColor", i = t?.preventDefaultColor ? void 0 : t?.defaultColor || e;
+	return {
+		id: n,
+		label: t?.label ? t.label : "Background",
+		type: "switch",
+		switchLabel: t?.switchLabel ? t.switchLabel : void 0,
+		defaultValue: !!t?.defaultValue,
+		on: [{
+			id: r,
+			defaultValue: i,
+			type: "colorInput"
+		}]
+	};
 };
-export {
-  o as getBackgroundSettings
-};
-//# sourceMappingURL=background.es.js.map
+//#endregion
+export { t as getBackgroundSettings };
+
+//# sourceMappingURL=background.es.js.map

package/dist/settings/background.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"background.es.js","sources":["../../src/settings/background.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { type SettingBlock } from '../';\n\nimport { BACKGROUND_COLOR_DEFAULT_VALUE } from './defaultValues';\ntype BackgroundSettingsType = {\n    id?: string;\n    defaultValue?: boolean;\n    defaultColor?: Color;\n    preventDefaultColor?: boolean;\n    switchLabel?: string;\n    label?: string;\n};\n\n/**\n * Returns background settings: background switch, background color\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.defaultValue Default value for the background switch\n * @param options.defaultColor Default value for the background color\n * @param options.preventDefaultColor Whether the background color should be empty by default\n * @param options.label Label for the background input\n * @param options.switchLabel Label for the background switch\n * @returns {SettingBlock} Returns background settings\n */\n\nexport const getBackgroundSettings = (options?: BackgroundSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasBackground${options.id}` : 'hasBackground';\n    const colorId = options?.id ? `backgroundColor${options.id}` : 'backgroundColor';\n    const defaultColor = options?.preventDefaultColor\n        ? undefined\n        : options?.defaultColor || BACKGROUND_COLOR_DEFAULT_VALUE;\n    const label = options?.label ? options.label : 'Background';\n    const switchLabel = options?.switchLabel ? options.switchLabel : undefined;\n\n    return {\n        id: hasId,\n        label,\n        type: 'switch',\n        switchLabel,\n        defaultValue: !!options?.defaultValue,\n        on: [\n            {\n                id: colorId,\n                defaultValue: defaultColor,\n                type: 'colorInput',\n            },\n        ],\n    };\n};\n"],"names":["getBackgroundSettings","options","hasId","colorId","defaultColor","BACKGROUND_COLOR_DEFAULT_VALUE","label","switchLabel"],"mappings":";AA6BO,MAAMA,IAAwB,CAACC,MAAmD;AACrF,QAAMC,IAAQD,GAAS,KAAK,gBAAgBA,EAAQ,EAAE,KAAK,iBACrDE,IAAUF,GAAS,KAAK,kBAAkBA,EAAQ,EAAE,KAAK,mBACzDG,IAAeH,GAAS,sBACxB,SACAA,GAAS,gBAAgBI,GACzBC,IAAQL,GAAS,QAAQA,EAAQ,QAAQ,cACzCM,IAAcN,GAAS,cAAcA,EAAQ,cAAc;AAEjE,SAAO;AAAA,IACH,IAAIC;AAAA,IACJ,OAAAI;AAAA,IACA,MAAM;AAAA,IACN,aAAAC;AAAA,IACA,cAAc,CAAC,CAACN,GAAS;AAAA,IACzB,IAAI;AAAA,MACA;AAAA,QACI,IAAIE;AAAA,QACJ,cAAcC;AAAA,QACd,MAAM;AAAA,MAAA;AAAA,IACV;AAAA,EACJ;AAER;"}
+{"version":3,"file":"background.es.js","names":[],"sources":["../../src/settings/background.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { type SettingBlock } from '../';\n\nimport { BACKGROUND_COLOR_DEFAULT_VALUE } from './defaultValues';\ntype BackgroundSettingsType = {\n    id?: string;\n    defaultValue?: boolean;\n    defaultColor?: Color;\n    preventDefaultColor?: boolean;\n    switchLabel?: string;\n    label?: string;\n};\n\n/**\n * Returns background settings: background switch, background color\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.defaultValue Default value for the background switch\n * @param options.defaultColor Default value for the background color\n * @param options.preventDefaultColor Whether the background color should be empty by default\n * @param options.label Label for the background input\n * @param options.switchLabel Label for the background switch\n * @returns {SettingBlock} Returns background settings\n */\n\nexport const getBackgroundSettings = (options?: BackgroundSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasBackground${options.id}` : 'hasBackground';\n    const colorId = options?.id ? `backgroundColor${options.id}` : 'backgroundColor';\n    const defaultColor = options?.preventDefaultColor\n        ? undefined\n        : options?.defaultColor || BACKGROUND_COLOR_DEFAULT_VALUE;\n    const label = options?.label ? options.label : 'Background';\n    const switchLabel = options?.switchLabel ? options.switchLabel : undefined;\n\n    return {\n        id: hasId,\n        label,\n        type: 'switch',\n        switchLabel,\n        defaultValue: !!options?.defaultValue,\n        on: [\n            {\n                id: colorId,\n                defaultValue: defaultColor,\n                type: 'colorInput',\n            },\n        ],\n    };\n};\n"],"mappings":";;AA6BA,IAAa,KAAyB,MAAmD;CACrF,IAAM,IAAQ,GAAS,KAAK,gBAAgB,EAAQ,OAAO,iBACrD,IAAU,GAAS,KAAK,kBAAkB,EAAQ,OAAO,mBACzD,IAAe,GAAS,sBACxB,KAAA,IACA,GAAS,gBAAgB;CAI/B,OAAO;EACH,IAAI;EACJ,OALU,GAAS,QAAQ,EAAQ,QAAQ;EAM3C,MAAM;EACN,aANgB,GAAS,cAAc,EAAQ,cAAc,KAAA;EAO7D,cAAc,CAAC,CAAC,GAAS;EACzB,IAAI,CACA;GACI,IAAI;GACJ,cAAc;GACd,MAAM;EACV,CACJ;CACJ;AACJ"}

package/dist/settings/border.es.js

@@ -1,65 +1,63 @@
-/* empty css               */
-import { numericalOrPixelRule as m, MultiInputLayout as b, appendUnit as h, minimumNumericalOrPixelRule as n, maximumNumericalOrPixelOrAutoRule as f } from "@frontify/sidebar-settings";
-import { BORDER_COLOR_DEFAULT_VALUE as s, BORDER_WIDTH_DEFAULT_VALUE as y } from "./defaultValues.es.js";
-import { BorderStyle as l } from "./types.es.js";
-const S = (e) => {
-  const r = e?.id ? `hasBorder_${e.id}` : "hasBorder", t = e?.id ? `borderSelection_${e.id}` : "borderSelection", a = e?.id ? `borderStyle_${e.id}` : "borderStyle", d = e?.id ? `borderWidth_${e.id}` : "borderWidth", u = e?.id ? `borderColor_${e.id}` : "borderColor", i = e?.defaultColor || s, o = e?.switchLabel ? e.switchLabel : void 0;
-  return {
-    id: r,
-    label: "Border",
-    type: "switch",
-    switchLabel: o,
-    defaultValue: !!e?.defaultValue,
-    on: [
-      {
-        id: t,
-        type: "multiInput",
-        layout: b.Columns,
-        lastItemFullWidth: !0,
-        blocks: [
-          {
-            id: a,
-            type: "dropdown",
-            defaultValue: l.Solid,
-            choices: [
-              {
-                value: l.Solid,
-                label: l.Solid
-              },
-              {
-                value: l.Dotted,
-                label: l.Dotted
-              },
-              {
-                value: l.Dashed,
-                label: l.Dashed
-              }
-            ]
-          },
-          {
-            id: d,
-            type: "input",
-            defaultValue: y,
-            rules: [
-              m,
-              n(0),
-              f(500)
-            ],
-            placeholder: "e.g. 3px",
-            onChange: (c) => h(c, d)
-          },
-          {
-            id: u,
-            type: "colorInput",
-            defaultValue: i
-          }
-        ]
-      }
-    ],
-    off: []
-  };
+import { BORDER_COLOR_DEFAULT_VALUE as e } from "./defaultValues.es.js";
+import { BorderStyle as t } from "./types.es.js";
+import { src_exports as n } from "../index.es.js";
+//#region src/settings/border.ts
+var r = (r) => {
+	let i = r?.id ? `hasBorder_${r.id}` : "hasBorder", a = r?.id ? `borderSelection_${r.id}` : "borderSelection", o = r?.id ? `borderStyle_${r.id}` : "borderStyle", s = r?.id ? `borderWidth_${r.id}` : "borderWidth", c = r?.id ? `borderColor_${r.id}` : "borderColor", l = r?.defaultColor || e;
+	return {
+		id: i,
+		label: "Border",
+		type: "switch",
+		switchLabel: r?.switchLabel ? r.switchLabel : void 0,
+		defaultValue: !!r?.defaultValue,
+		on: [{
+			id: a,
+			type: "multiInput",
+			layout: n.MultiInputLayout.Columns,
+			lastItemFullWidth: !0,
+			blocks: [
+				{
+					id: o,
+					type: "dropdown",
+					defaultValue: t.Solid,
+					choices: [
+						{
+							value: t.Solid,
+							label: t.Solid
+						},
+						{
+							value: t.Dotted,
+							label: t.Dotted
+						},
+						{
+							value: t.Dashed,
+							label: t.Dashed
+						}
+					]
+				},
+				{
+					id: s,
+					type: "input",
+					defaultValue: "1px",
+					rules: [
+						n.numericalOrPixelRule,
+						(0, n.minimumNumericalOrPixelRule)(0),
+						(0, n.maximumNumericalOrPixelOrAutoRule)(500)
+					],
+					placeholder: "e.g. 3px",
+					onChange: (e) => (0, n.appendUnit)(e, s)
+				},
+				{
+					id: c,
+					type: "colorInput",
+					defaultValue: l
+				}
+			]
+		}],
+		off: []
+	};
 };
-export {
-  S as getBorderSettings
-};
-//# sourceMappingURL=border.es.js.map
+//#endregion
+export { r as getBorderSettings };
+
+//# sourceMappingURL=border.es.js.map

package/dist/settings/border.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"border.es.js","sources":["../../src/settings/border.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type Color,\n    MultiInputLayout,\n    type SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    minimumNumericalOrPixelRule,\n    numericalOrPixelRule,\n} from '../';\n\nimport { BORDER_COLOR_DEFAULT_VALUE, BORDER_WIDTH_DEFAULT_VALUE } from './defaultValues';\nimport { BorderStyle } from './types';\n\n/**\n * Returns border settings: border switch, border style, border width, border color\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.switchLabel Label for the border switch\n * @param options.defaultValue Default value for the border switch\n * @returns {SettingBlock} Returns border settings\n */\n\ntype BorderSettingsType = {\n    id?: string;\n    defaultValue?: boolean;\n    defaultColor?: Color;\n    switchLabel?: string;\n};\n\nexport const getBorderSettings = (options?: BorderSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasBorder_${options.id}` : 'hasBorder';\n    const selectionId = options?.id ? `borderSelection_${options.id}` : 'borderSelection';\n    const styleId = options?.id ? `borderStyle_${options.id}` : 'borderStyle';\n    const widthId = options?.id ? `borderWidth_${options.id}` : 'borderWidth';\n    const colorId = options?.id ? `borderColor_${options.id}` : 'borderColor';\n    const defaultColor = options?.defaultColor || BORDER_COLOR_DEFAULT_VALUE;\n    const switchLabel = options?.switchLabel ? options.switchLabel : undefined;\n\n    return {\n        id: hasId,\n        label: 'Border',\n        type: 'switch',\n        switchLabel,\n        defaultValue: !!options?.defaultValue,\n        on: [\n            {\n                id: selectionId,\n                type: 'multiInput',\n                layout: MultiInputLayout.Columns,\n                lastItemFullWidth: true,\n                blocks: [\n                    {\n                        id: styleId,\n                        type: 'dropdown',\n                        defaultValue: BorderStyle.Solid,\n                        choices: [\n                            {\n                                value: BorderStyle.Solid,\n                                label: BorderStyle.Solid,\n                            },\n                            {\n                                value: BorderStyle.Dotted,\n                                label: BorderStyle.Dotted,\n                            },\n                            {\n                                value: BorderStyle.Dashed,\n                                label: BorderStyle.Dashed,\n                            },\n                        ],\n                    },\n                    {\n                        id: widthId,\n                        type: 'input',\n                        defaultValue: BORDER_WIDTH_DEFAULT_VALUE,\n                        rules: [\n                            numericalOrPixelRule,\n                            minimumNumericalOrPixelRule(0),\n                            maximumNumericalOrPixelOrAutoRule(500),\n                        ],\n                        placeholder: 'e.g. 3px',\n                        onChange: (bundle) => appendUnit(bundle, widthId),\n                    },\n                    {\n                        id: colorId,\n                        type: 'colorInput',\n                        defaultValue: defaultColor,\n                    },\n                ],\n            },\n        ],\n        off: [],\n    };\n};\n"],"names":["getBorderSettings","options","hasId","selectionId","styleId","widthId","colorId","defaultColor","BORDER_COLOR_DEFAULT_VALUE","switchLabel","MultiInputLayout","BorderStyle","BORDER_WIDTH_DEFAULT_VALUE","numericalOrPixelRule","minimumNumericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","bundle","appendUnit"],"mappings":";;;;AAgCO,MAAMA,IAAoB,CAACC,MAA+C;AAC7E,QAAMC,IAAQD,GAAS,KAAK,aAAaA,EAAQ,EAAE,KAAK,aAClDE,IAAcF,GAAS,KAAK,mBAAmBA,EAAQ,EAAE,KAAK,mBAC9DG,IAAUH,GAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDI,IAAUJ,GAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDK,IAAUL,GAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDM,IAAeN,GAAS,gBAAgBO,GACxCC,IAAcR,GAAS,cAAcA,EAAQ,cAAc;AAEjE,SAAO;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAAO;AAAA,IACA,cAAc,CAAC,CAACR,GAAS;AAAA,IACzB,IAAI;AAAA,MACA;AAAA,QACI,IAAIE;AAAA,QACJ,MAAM;AAAA,QACN,QAAQO,EAAiB;AAAA,QACzB,mBAAmB;AAAA,QACnB,QAAQ;AAAA,UACJ;AAAA,YACI,IAAIN;AAAA,YACJ,MAAM;AAAA,YACN,cAAcO,EAAY;AAAA,YAC1B,SAAS;AAAA,cACL;AAAA,gBACI,OAAOA,EAAY;AAAA,gBACnB,OAAOA,EAAY;AAAA,cAAA;AAAA,cAEvB;AAAA,gBACI,OAAOA,EAAY;AAAA,gBACnB,OAAOA,EAAY;AAAA,cAAA;AAAA,cAEvB;AAAA,gBACI,OAAOA,EAAY;AAAA,gBACnB,OAAOA,EAAY;AAAA,cAAA;AAAA,YACvB;AAAA,UACJ;AAAA,UAEJ;AAAA,YACI,IAAIN;AAAA,YACJ,MAAM;AAAA,YACN,cAAcO;AAAA,YACd,OAAO;AAAA,cACHC;AAAA,cACAC,EAA4B,CAAC;AAAA,cAC7BC,EAAkC,GAAG;AAAA,YAAA;AAAA,YAEzC,aAAa;AAAA,YACb,UAAU,CAACC,MAAWC,EAAWD,GAAQX,CAAO;AAAA,UAAA;AAAA,UAEpD;AAAA,YACI,IAAIC;AAAA,YACJ,MAAM;AAAA,YACN,cAAcC;AAAA,UAAA;AAAA,QAClB;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,KAAK,CAAA;AAAA,EAAC;AAEd;"}
+{"version":3,"file":"border.es.js","names":[],"sources":["../../src/settings/border.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type Color,\n    MultiInputLayout,\n    type SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    minimumNumericalOrPixelRule,\n    numericalOrPixelRule,\n} from '../';\n\nimport { BORDER_COLOR_DEFAULT_VALUE, BORDER_WIDTH_DEFAULT_VALUE } from './defaultValues';\nimport { BorderStyle } from './types';\n\n/**\n * Returns border settings: border switch, border style, border width, border color\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.switchLabel Label for the border switch\n * @param options.defaultValue Default value for the border switch\n * @returns {SettingBlock} Returns border settings\n */\n\ntype BorderSettingsType = {\n    id?: string;\n    defaultValue?: boolean;\n    defaultColor?: Color;\n    switchLabel?: string;\n};\n\nexport const getBorderSettings = (options?: BorderSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasBorder_${options.id}` : 'hasBorder';\n    const selectionId = options?.id ? `borderSelection_${options.id}` : 'borderSelection';\n    const styleId = options?.id ? `borderStyle_${options.id}` : 'borderStyle';\n    const widthId = options?.id ? `borderWidth_${options.id}` : 'borderWidth';\n    const colorId = options?.id ? `borderColor_${options.id}` : 'borderColor';\n    const defaultColor = options?.defaultColor || BORDER_COLOR_DEFAULT_VALUE;\n    const switchLabel = options?.switchLabel ? options.switchLabel : undefined;\n\n    return {\n        id: hasId,\n        label: 'Border',\n        type: 'switch',\n        switchLabel,\n        defaultValue: !!options?.defaultValue,\n        on: [\n            {\n                id: selectionId,\n                type: 'multiInput',\n                layout: MultiInputLayout.Columns,\n                lastItemFullWidth: true,\n                blocks: [\n                    {\n                        id: styleId,\n                        type: 'dropdown',\n                        defaultValue: BorderStyle.Solid,\n                        choices: [\n                            {\n                                value: BorderStyle.Solid,\n                                label: BorderStyle.Solid,\n                            },\n                            {\n                                value: BorderStyle.Dotted,\n                                label: BorderStyle.Dotted,\n                            },\n                            {\n                                value: BorderStyle.Dashed,\n                                label: BorderStyle.Dashed,\n                            },\n                        ],\n                    },\n                    {\n                        id: widthId,\n                        type: 'input',\n                        defaultValue: BORDER_WIDTH_DEFAULT_VALUE,\n                        rules: [\n                            numericalOrPixelRule,\n                            minimumNumericalOrPixelRule(0),\n                            maximumNumericalOrPixelOrAutoRule(500),\n                        ],\n                        placeholder: 'e.g. 3px',\n                        onChange: (bundle) => appendUnit(bundle, widthId),\n                    },\n                    {\n                        id: colorId,\n                        type: 'colorInput',\n                        defaultValue: defaultColor,\n                    },\n                ],\n            },\n        ],\n        off: [],\n    };\n};\n"],"mappings":";;;;AAgCA,IAAa,KAAqB,MAA+C;CAC7E,IAAM,IAAQ,GAAS,KAAK,aAAa,EAAQ,OAAO,aAClD,IAAc,GAAS,KAAK,mBAAmB,EAAQ,OAAO,mBAC9D,IAAU,GAAS,KAAK,eAAe,EAAQ,OAAO,eACtD,IAAU,GAAS,KAAK,eAAe,EAAQ,OAAO,eACtD,IAAU,GAAS,KAAK,eAAe,EAAQ,OAAO,eACtD,IAAe,GAAS,gBAAgB;CAG9C,OAAO;EACH,IAAI;EACJ,OAAO;EACP,MAAM;EACN,aANgB,GAAS,cAAc,EAAQ,cAAc,KAAA;EAO7D,cAAc,CAAC,CAAC,GAAS;EACzB,IAAI,CACA;GACI,IAAI;GACJ,MAAM;GACN,QAAQ,EAAA,iBAAiB;GACzB,mBAAmB;GACnB,QAAQ;IACJ;KACI,IAAI;KACJ,MAAM;KACN,cAAc,EAAY;KAC1B,SAAS;MACL;OACI,OAAO,EAAY;OACnB,OAAO,EAAY;MACvB;MACA;OACI,OAAO,EAAY;OACnB,OAAO,EAAY;MACvB;MACA;OACI,OAAO,EAAY;OACnB,OAAO,EAAY;MACvB;KACJ;IACJ;IACA;KACI,IAAI;KACJ,MAAM;KACN,cAAA;KACA,OAAO;MACH,EAAA;OACA,GAAA,EAAA,4BAAA,CAA4B,CAAC;OAC7B,GAAA,EAAA,kCAAA,CAAkC,GAAG;KACzC;KACA,aAAa;KACb,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAO;IACpD;IACA;KACI,IAAI;KACJ,MAAM;KACN,cAAc;IAClB;GACJ;EACJ,CACJ;EACA,KAAK,CAAC;CACV;AACJ"}

package/dist/settings/borderRadius.es.js

@@ -1,53 +1,50 @@
-/* empty css               */
-import { numericalOrPixelRule as t, appendUnit as n, minimumNumericalOrPixelRule as s, presetCustomValue as o } from "@frontify/sidebar-settings";
-import { Radius as a, radiusStyleMap as c } from "./types.es.js";
-const m = (e, l = a.None) => ({
-  id: e,
-  type: "segmentedControls",
-  defaultValue: l,
-  choices: [
-    {
-      value: a.None,
-      label: "None"
-    },
-    {
-      value: a.Small,
-      label: "S"
-    },
-    {
-      value: a.Medium,
-      label: "M"
-    },
-    {
-      value: a.Large,
-      label: "L"
-    }
-  ]
-}), p = (e) => {
-  const l = e?.id ? `hasRadius_${e.id}` : "hasRadius", u = e?.id ? `radiusValue_${e.id}` : "radiusValue", i = e?.id ? `radiusChoice_${e.id}` : "radiusChoice", r = e?.defaultRadius || a.None;
-  return {
-    id: l,
-    label: "Corner radius",
-    type: "switch",
-    switchLabel: "Custom",
-    defaultValue: !1,
-    info: "Determining how rounded the corners are.",
-    show: (d) => e?.dependentSettingId ? !!d.getBlock(e.dependentSettingId)?.value : !0,
-    onChange: (d) => o(d, i, u, e?.radiusStyleMap || c),
-    on: [
-      {
-        id: u,
-        type: "input",
-        placeholder: "e.g. 10px",
-        rules: [t, s(0)],
-        onChange: (d) => n(d, u)
-      }
-    ],
-    off: [m(i, r)]
-  };
+import { Radius as e, radiusStyleMap as t } from "./types.es.js";
+import { src_exports as n } from "../index.es.js";
+//#region src/settings/borderRadius.ts
+var r = (t, n = e.None) => ({
+	id: t,
+	type: "segmentedControls",
+	defaultValue: n,
+	choices: [
+		{
+			value: e.None,
+			label: "None"
+		},
+		{
+			value: e.Small,
+			label: "S"
+		},
+		{
+			value: e.Medium,
+			label: "M"
+		},
+		{
+			value: e.Large,
+			label: "L"
+		}
+	]
+}), i = (i) => {
+	let a = i?.id ? `hasRadius_${i.id}` : "hasRadius", o = i?.id ? `radiusValue_${i.id}` : "radiusValue", s = i?.id ? `radiusChoice_${i.id}` : "radiusChoice", c = i?.defaultRadius || e.None;
+	return {
+		id: a,
+		label: "Corner radius",
+		type: "switch",
+		switchLabel: "Custom",
+		defaultValue: !1,
+		info: "Determining how rounded the corners are.",
+		show: (e) => !i?.dependentSettingId || !!e.getBlock(i.dependentSettingId)?.value,
+		onChange: (e) => (0, n.presetCustomValue)(e, s, o, i?.radiusStyleMap || t),
+		on: [{
+			id: o,
+			type: "input",
+			placeholder: "e.g. 10px",
+			rules: [n.numericalOrPixelRule, (0, n.minimumNumericalOrPixelRule)(0)],
+			onChange: (e) => (0, n.appendUnit)(e, o)
+		}],
+		off: [r(s, c)]
+	};
 };
-export {
-  p as getBorderRadiusSettings,
-  m as getBorderRadiusSlider
-};
-//# sourceMappingURL=borderRadius.es.js.map
+//#endregion
+export { i as getBorderRadiusSettings, r as getBorderRadiusSlider };
+
+//# sourceMappingURL=borderRadius.es.js.map

package/dist/settings/borderRadius.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"borderRadius.es.js","sources":["../../src/settings/borderRadius.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type SettingBlock,\n    appendUnit,\n    minimumNumericalOrPixelRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\n\nimport { Radius, radiusStyleMap } from './types';\n\n/**\n * Returns border radius settings: border radius switch, radius slider, custom radius input\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.dependentSettingId Id of setting which the border radius is dependent on\n * @returns {SettingBlock} Returns border settings\n */\n\ntype BorderRadiusSettingsType = {\n    id?: string;\n    dependentSettingId?: string;\n    radiusStyleMap?: Record<Radius, string>;\n    defaultRadius?: Radius;\n};\n\nexport const getBorderRadiusSlider = (id: string, defaultValue: Radius = Radius.None): SettingBlock => ({\n    id,\n    type: 'segmentedControls',\n    defaultValue,\n    choices: [\n        {\n            value: Radius.None,\n            label: 'None',\n        },\n        {\n            value: Radius.Small,\n            label: 'S',\n        },\n        {\n            value: Radius.Medium,\n            label: 'M',\n        },\n        {\n            value: Radius.Large,\n            label: 'L',\n        },\n    ],\n});\n\nexport const getBorderRadiusSettings = (options?: BorderRadiusSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasRadius_${options.id}` : 'hasRadius';\n    const valueId = options?.id ? `radiusValue_${options.id}` : 'radiusValue';\n    const choiceId = options?.id ? `radiusChoice_${options.id}` : 'radiusChoice';\n    const defaultValue = options?.defaultRadius || Radius.None;\n\n    return {\n        id: hasId,\n        label: 'Corner radius',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'Determining how rounded the corners are.',\n        show: (bundle) => (options?.dependentSettingId ? !!bundle.getBlock(options.dependentSettingId)?.value : true),\n        onChange: (bundle) => presetCustomValue(bundle, choiceId, valueId, options?.radiusStyleMap || radiusStyleMap),\n        on: [\n            {\n                id: valueId,\n                type: 'input',\n                placeholder: 'e.g. 10px',\n                rules: [numericalOrPixelRule, minimumNumericalOrPixelRule(0)],\n                onChange: (bundle) => appendUnit(bundle, valueId),\n            },\n        ],\n        off: [getBorderRadiusSlider(choiceId, defaultValue)],\n    };\n};\n"],"names":["getBorderRadiusSlider","id","defaultValue","Radius","getBorderRadiusSettings","options","hasId","valueId","choiceId","bundle","presetCustomValue","radiusStyleMap","numericalOrPixelRule","minimumNumericalOrPixelRule","appendUnit"],"mappings":";;;AA4BO,MAAMA,IAAwB,CAACC,GAAYC,IAAuBC,EAAO,UAAwB;AAAA,EACpG,IAAAF;AAAA,EACA,MAAM;AAAA,EACN,cAAAC;AAAA,EACA,SAAS;AAAA,IACL;AAAA,MACI,OAAOC,EAAO;AAAA,MACd,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IAAA;AAAA,EACX;AAER,IAEaC,IAA0B,CAACC,MAAqD;AACzF,QAAMC,IAAQD,GAAS,KAAK,aAAaA,EAAQ,EAAE,KAAK,aAClDE,IAAUF,GAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDG,IAAWH,GAAS,KAAK,gBAAgBA,EAAQ,EAAE,KAAK,gBACxDH,IAAeG,GAAS,iBAAiBF,EAAO;AAEtD,SAAO;AAAA,IACH,IAAIG;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,MAAM,CAACG,MAAYJ,GAAS,qBAAqB,CAAC,CAACI,EAAO,SAASJ,EAAQ,kBAAkB,GAAG,QAAQ;AAAA,IACxG,UAAU,CAACI,MAAWC,EAAkBD,GAAQD,GAAUD,GAASF,GAAS,kBAAkBM,CAAc;AAAA,IAC5G,IAAI;AAAA,MACA;AAAA,QACI,IAAIJ;AAAA,QACJ,MAAM;AAAA,QACN,aAAa;AAAA,QACb,OAAO,CAACK,GAAsBC,EAA4B,CAAC,CAAC;AAAA,QAC5D,UAAU,CAACJ,MAAWK,EAAWL,GAAQF,CAAO;AAAA,MAAA;AAAA,IACpD;AAAA,IAEJ,KAAK,CAACP,EAAsBQ,GAAUN,CAAY,CAAC;AAAA,EAAA;AAE3D;"}
+{"version":3,"file":"borderRadius.es.js","names":[],"sources":["../../src/settings/borderRadius.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type SettingBlock,\n    appendUnit,\n    minimumNumericalOrPixelRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\n\nimport { Radius, radiusStyleMap } from './types';\n\n/**\n * Returns border radius settings: border radius switch, radius slider, custom radius input\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.dependentSettingId Id of setting which the border radius is dependent on\n * @returns {SettingBlock} Returns border settings\n */\n\ntype BorderRadiusSettingsType = {\n    id?: string;\n    dependentSettingId?: string;\n    radiusStyleMap?: Record<Radius, string>;\n    defaultRadius?: Radius;\n};\n\nexport const getBorderRadiusSlider = (id: string, defaultValue: Radius = Radius.None): SettingBlock => ({\n    id,\n    type: 'segmentedControls',\n    defaultValue,\n    choices: [\n        {\n            value: Radius.None,\n            label: 'None',\n        },\n        {\n            value: Radius.Small,\n            label: 'S',\n        },\n        {\n            value: Radius.Medium,\n            label: 'M',\n        },\n        {\n            value: Radius.Large,\n            label: 'L',\n        },\n    ],\n});\n\nexport const getBorderRadiusSettings = (options?: BorderRadiusSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasRadius_${options.id}` : 'hasRadius';\n    const valueId = options?.id ? `radiusValue_${options.id}` : 'radiusValue';\n    const choiceId = options?.id ? `radiusChoice_${options.id}` : 'radiusChoice';\n    const defaultValue = options?.defaultRadius || Radius.None;\n\n    return {\n        id: hasId,\n        label: 'Corner radius',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'Determining how rounded the corners are.',\n        show: (bundle) => (options?.dependentSettingId ? !!bundle.getBlock(options.dependentSettingId)?.value : true),\n        onChange: (bundle) => presetCustomValue(bundle, choiceId, valueId, options?.radiusStyleMap || radiusStyleMap),\n        on: [\n            {\n                id: valueId,\n                type: 'input',\n                placeholder: 'e.g. 10px',\n                rules: [numericalOrPixelRule, minimumNumericalOrPixelRule(0)],\n                onChange: (bundle) => appendUnit(bundle, valueId),\n            },\n        ],\n        off: [getBorderRadiusSlider(choiceId, defaultValue)],\n    };\n};\n"],"mappings":";;;AA4BA,IAAa,KAAyB,GAAY,IAAuB,EAAO,UAAwB;CACpG;CACA,MAAM;CACN;CACA,SAAS;EACL;GACI,OAAO,EAAO;GACd,OAAO;EACX;EACA;GACI,OAAO,EAAO;GACd,OAAO;EACX;EACA;GACI,OAAO,EAAO;GACd,OAAO;EACX;EACA;GACI,OAAO,EAAO;GACd,OAAO;EACX;CACJ;AACJ,IAEa,KAA2B,MAAqD;CACzF,IAAM,IAAQ,GAAS,KAAK,aAAa,EAAQ,OAAO,aAClD,IAAU,GAAS,KAAK,eAAe,EAAQ,OAAO,eACtD,IAAW,GAAS,KAAK,gBAAgB,EAAQ,OAAO,gBACxD,IAAe,GAAS,iBAAiB,EAAO;CAEtD,OAAO;EACH,IAAI;EACJ,OAAO;EACP,MAAM;EACN,aAAa;EACb,cAAc;EACd,MAAM;EACN,OAAO,MAAY,IAAS,sBAAqB,CAAC,CAAC,EAAO,SAAS,EAAQ,kBAAkB,CAAC,EAAE;EAChG,WAAW,OAAA,GAAW,EAAA,kBAAA,CAAkB,GAAQ,GAAU,GAAS,GAAS,kBAAkB,CAAc;EAC5G,IAAI,CACA;GACI,IAAI;GACJ,MAAM;GACN,aAAa;GACb,OAAO,CAAC,EAAA,uBAAA,GAAsB,EAAA,4BAAA,CAA4B,CAAC,CAAC;GAC5D,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAO;EACpD,CACJ;EACA,KAAK,CAAC,EAAsB,GAAU,CAAY,CAAC;CACvD;AACJ"}

package/dist/settings/borderRadiusExtended.es.js

@@ -1,61 +1,59 @@
-/* empty css               */
-import { numericalOrPixelRule as i, MultiInputLayout as m, appendUnit as a, presetCustomValue as u } from "@frontify/sidebar-settings";
-import { getBorderRadiusSlider as g } from "./borderRadius.es.js";
-import { radiusStyleMap as n } from "./types.es.js";
-const C = (e) => {
-  const R = e?.id ? `hasExtendedCustomRadius_${e.id}` : "hasExtendedCustomRadius", h = e?.id ? `extendedRadiusValue_${e.id}` : "extendedRadiusValue", d = e?.id ? `extendedRadiusChoice_${e.id}` : "extendedRadiusChoice", o = e?.id ? `extendedRadiusTopLeft_${e.id}` : "extendedRadiusTopLeft", l = e?.id ? `extendedRadiusTopRight_${e.id}` : "extendedRadiusTopRight", r = e?.id ? `extendedRadiusBottomLeft_${e.id}` : "extendedRadiusBottomLeft", s = e?.id ? `extendedRadiusBottomRight_${e.id}` : "extendedRadiusBottomRight";
-  return {
-    id: R,
-    label: "Corner radius",
-    type: "switch",
-    switchLabel: "Custom",
-    defaultValue: !1,
-    info: "Determining how rounded the corners are.",
-    show: (t) => e?.dependentSettingId ? !!t.getBlock(e.dependentSettingId)?.value : !0,
-    onChange: (t) => {
-      u(t, d, o, n), u(t, d, l, n), u(t, d, r, n), u(t, d, s, n);
-    },
-    on: [
-      {
-        id: h,
-        type: "multiInput",
-        layout: m.Columns,
-        blocks: [
-          {
-            id: o,
-            type: "input",
-            label: "Top Left",
-            rules: [i],
-            onChange: (t) => a(t, o)
-          },
-          {
-            id: l,
-            type: "input",
-            label: "Top Right",
-            rules: [i],
-            onChange: (t) => a(t, l)
-          },
-          {
-            id: r,
-            type: "input",
-            label: "Bottom Left",
-            rules: [i],
-            onChange: (t) => a(t, r)
-          },
-          {
-            id: s,
-            type: "input",
-            label: "Bottom Right",
-            rules: [i],
-            onChange: (t) => a(t, s)
-          }
-        ]
-      }
-    ],
-    off: [g(d, e?.defaultValue)]
-  };
+import { radiusStyleMap as e } from "./types.es.js";
+import { getBorderRadiusSlider as t } from "./borderRadius.es.js";
+import { src_exports as n } from "../index.es.js";
+//#region src/settings/borderRadiusExtended.ts
+var r = (r) => {
+	let i = r?.id ? `hasExtendedCustomRadius_${r.id}` : "hasExtendedCustomRadius", a = r?.id ? `extendedRadiusValue_${r.id}` : "extendedRadiusValue", o = r?.id ? `extendedRadiusChoice_${r.id}` : "extendedRadiusChoice", s = r?.id ? `extendedRadiusTopLeft_${r.id}` : "extendedRadiusTopLeft", c = r?.id ? `extendedRadiusTopRight_${r.id}` : "extendedRadiusTopRight", l = r?.id ? `extendedRadiusBottomLeft_${r.id}` : "extendedRadiusBottomLeft", u = r?.id ? `extendedRadiusBottomRight_${r.id}` : "extendedRadiusBottomRight";
+	return {
+		id: i,
+		label: "Corner radius",
+		type: "switch",
+		switchLabel: "Custom",
+		defaultValue: !1,
+		info: "Determining how rounded the corners are.",
+		show: (e) => !r?.dependentSettingId || !!e.getBlock(r.dependentSettingId)?.value,
+		onChange: (t) => {
+			(0, n.presetCustomValue)(t, o, s, e), (0, n.presetCustomValue)(t, o, c, e), (0, n.presetCustomValue)(t, o, l, e), (0, n.presetCustomValue)(t, o, u, e);
+		},
+		on: [{
+			id: a,
+			type: "multiInput",
+			layout: n.MultiInputLayout.Columns,
+			blocks: [
+				{
+					id: s,
+					type: "input",
+					label: "Top Left",
+					rules: [n.numericalOrPixelRule],
+					onChange: (e) => (0, n.appendUnit)(e, s)
+				},
+				{
+					id: c,
+					type: "input",
+					label: "Top Right",
+					rules: [n.numericalOrPixelRule],
+					onChange: (e) => (0, n.appendUnit)(e, c)
+				},
+				{
+					id: l,
+					type: "input",
+					label: "Bottom Left",
+					rules: [n.numericalOrPixelRule],
+					onChange: (e) => (0, n.appendUnit)(e, l)
+				},
+				{
+					id: u,
+					type: "input",
+					label: "Bottom Right",
+					rules: [n.numericalOrPixelRule],
+					onChange: (e) => (0, n.appendUnit)(e, u)
+				}
+			]
+		}],
+		off: [t(o, r?.defaultValue)]
+	};
 };
-export {
-  C as getExtendedBorderRadiusSettings
-};
-//# sourceMappingURL=borderRadiusExtended.es.js.map
+//#endregion
+export { r as getExtendedBorderRadiusSettings };
+
+//# sourceMappingURL=borderRadiusExtended.es.js.map

package/dist/settings/borderRadiusExtended.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"borderRadiusExtended.es.js","sources":["../../src/settings/borderRadiusExtended.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MultiInputLayout, type SettingBlock, appendUnit, numericalOrPixelRule, presetCustomValue } from '../';\n\nimport { getBorderRadiusSlider } from './borderRadius';\nimport { type Radius, radiusStyleMap } from './types';\n\n/**\n * Returns border radius settings: border radius switch, radius slider, custom radius inputs for every corner\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.dependentSettingId Id of setting which the border radius is dependent on\n * @returns {SettingBlock} Returns border settings\n */\n\ntype BorderRadiusSettingsType = {\n    id?: string;\n    dependentSettingId?: string;\n    defaultValue?: Radius;\n};\n\nexport const getExtendedBorderRadiusSettings = (options?: BorderRadiusSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasExtendedCustomRadius_${options.id}` : 'hasExtendedCustomRadius';\n    const valueId = options?.id ? `extendedRadiusValue_${options.id}` : 'extendedRadiusValue';\n    const choiceId = options?.id ? `extendedRadiusChoice_${options.id}` : 'extendedRadiusChoice';\n    const topLeftId = options?.id ? `extendedRadiusTopLeft_${options.id}` : 'extendedRadiusTopLeft';\n    const topRightId = options?.id ? `extendedRadiusTopRight_${options.id}` : 'extendedRadiusTopRight';\n    const bottomLeftId = options?.id ? `extendedRadiusBottomLeft_${options.id}` : 'extendedRadiusBottomLeft';\n    const bottomRightId = options?.id ? `extendedRadiusBottomRight_${options.id}` : 'extendedRadiusBottomRight';\n\n    return {\n        id: hasId,\n        label: 'Corner radius',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'Determining how rounded the corners are.',\n        show: (bundle) => (options?.dependentSettingId ? !!bundle.getBlock(options.dependentSettingId)?.value : true),\n        onChange: (bundle) => {\n            presetCustomValue(bundle, choiceId, topLeftId, radiusStyleMap);\n            presetCustomValue(bundle, choiceId, topRightId, radiusStyleMap);\n            presetCustomValue(bundle, choiceId, bottomLeftId, radiusStyleMap);\n            presetCustomValue(bundle, choiceId, bottomRightId, radiusStyleMap);\n        },\n        on: [\n            {\n                id: valueId,\n                type: 'multiInput',\n                layout: MultiInputLayout.Columns,\n                blocks: [\n                    {\n                        id: topLeftId,\n                        type: 'input',\n                        label: 'Top Left',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, topLeftId),\n                    },\n                    {\n                        id: topRightId,\n                        type: 'input',\n                        label: 'Top Right',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, topRightId),\n                    },\n                    {\n                        id: bottomLeftId,\n                        type: 'input',\n                        label: 'Bottom Left',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, bottomLeftId),\n                    },\n                    {\n                        id: bottomRightId,\n                        type: 'input',\n                        label: 'Bottom Right',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, bottomRightId),\n                    },\n                ],\n            },\n        ],\n        off: [getBorderRadiusSlider(choiceId, options?.defaultValue)],\n    };\n};\n"],"names":["getExtendedBorderRadiusSettings","options","hasId","valueId","choiceId","topLeftId","topRightId","bottomLeftId","bottomRightId","bundle","presetCustomValue","radiusStyleMap","MultiInputLayout","numericalOrPixelRule","appendUnit","getBorderRadiusSlider"],"mappings":";;;;AAsBO,MAAMA,IAAkC,CAACC,MAAqD;AACjG,QAAMC,IAAQD,GAAS,KAAK,2BAA2BA,EAAQ,EAAE,KAAK,2BAChEE,IAAUF,GAAS,KAAK,uBAAuBA,EAAQ,EAAE,KAAK,uBAC9DG,IAAWH,GAAS,KAAK,wBAAwBA,EAAQ,EAAE,KAAK,wBAChEI,IAAYJ,GAAS,KAAK,yBAAyBA,EAAQ,EAAE,KAAK,yBAClEK,IAAaL,GAAS,KAAK,0BAA0BA,EAAQ,EAAE,KAAK,0BACpEM,IAAeN,GAAS,KAAK,4BAA4BA,EAAQ,EAAE,KAAK,4BACxEO,IAAgBP,GAAS,KAAK,6BAA6BA,EAAQ,EAAE,KAAK;AAEhF,SAAO;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,MAAM,CAACO,MAAYR,GAAS,qBAAqB,CAAC,CAACQ,EAAO,SAASR,EAAQ,kBAAkB,GAAG,QAAQ;AAAA,IACxG,UAAU,CAACQ,MAAW;AAClB,MAAAC,EAAkBD,GAAQL,GAAUC,GAAWM,CAAc,GAC7DD,EAAkBD,GAAQL,GAAUE,GAAYK,CAAc,GAC9DD,EAAkBD,GAAQL,GAAUG,GAAcI,CAAc,GAChED,EAAkBD,GAAQL,GAAUI,GAAeG,CAAc;AAAA,IACrE;AAAA,IACA,IAAI;AAAA,MACA;AAAA,QACI,IAAIR;AAAA,QACJ,MAAM;AAAA,QACN,QAAQS,EAAiB;AAAA,QACzB,QAAQ;AAAA,UACJ;AAAA,YACI,IAAIP;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACQ,CAAoB;AAAA,YAC5B,UAAU,CAACJ,MAAWK,EAAWL,GAAQJ,CAAS;AAAA,UAAA;AAAA,UAEtD;AAAA,YACI,IAAIC;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACO,CAAoB;AAAA,YAC5B,UAAU,CAACJ,MAAWK,EAAWL,GAAQH,CAAU;AAAA,UAAA;AAAA,UAEvD;AAAA,YACI,IAAIC;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACM,CAAoB;AAAA,YAC5B,UAAU,CAACJ,MAAWK,EAAWL,GAAQF,CAAY;AAAA,UAAA;AAAA,UAEzD;AAAA,YACI,IAAIC;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACK,CAAoB;AAAA,YAC5B,UAAU,CAACJ,MAAWK,EAAWL,GAAQD,CAAa;AAAA,UAAA;AAAA,QAC1D;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,KAAK,CAACO,EAAsBX,GAAUH,GAAS,YAAY,CAAC;AAAA,EAAA;AAEpE;"}
+{"version":3,"file":"borderRadiusExtended.es.js","names":[],"sources":["../../src/settings/borderRadiusExtended.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { MultiInputLayout, type SettingBlock, appendUnit, numericalOrPixelRule, presetCustomValue } from '../';\n\nimport { getBorderRadiusSlider } from './borderRadius';\nimport { type Radius, radiusStyleMap } from './types';\n\n/**\n * Returns border radius settings: border radius switch, radius slider, custom radius inputs for every corner\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @param options.dependentSettingId Id of setting which the border radius is dependent on\n * @returns {SettingBlock} Returns border settings\n */\n\ntype BorderRadiusSettingsType = {\n    id?: string;\n    dependentSettingId?: string;\n    defaultValue?: Radius;\n};\n\nexport const getExtendedBorderRadiusSettings = (options?: BorderRadiusSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasExtendedCustomRadius_${options.id}` : 'hasExtendedCustomRadius';\n    const valueId = options?.id ? `extendedRadiusValue_${options.id}` : 'extendedRadiusValue';\n    const choiceId = options?.id ? `extendedRadiusChoice_${options.id}` : 'extendedRadiusChoice';\n    const topLeftId = options?.id ? `extendedRadiusTopLeft_${options.id}` : 'extendedRadiusTopLeft';\n    const topRightId = options?.id ? `extendedRadiusTopRight_${options.id}` : 'extendedRadiusTopRight';\n    const bottomLeftId = options?.id ? `extendedRadiusBottomLeft_${options.id}` : 'extendedRadiusBottomLeft';\n    const bottomRightId = options?.id ? `extendedRadiusBottomRight_${options.id}` : 'extendedRadiusBottomRight';\n\n    return {\n        id: hasId,\n        label: 'Corner radius',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'Determining how rounded the corners are.',\n        show: (bundle) => (options?.dependentSettingId ? !!bundle.getBlock(options.dependentSettingId)?.value : true),\n        onChange: (bundle) => {\n            presetCustomValue(bundle, choiceId, topLeftId, radiusStyleMap);\n            presetCustomValue(bundle, choiceId, topRightId, radiusStyleMap);\n            presetCustomValue(bundle, choiceId, bottomLeftId, radiusStyleMap);\n            presetCustomValue(bundle, choiceId, bottomRightId, radiusStyleMap);\n        },\n        on: [\n            {\n                id: valueId,\n                type: 'multiInput',\n                layout: MultiInputLayout.Columns,\n                blocks: [\n                    {\n                        id: topLeftId,\n                        type: 'input',\n                        label: 'Top Left',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, topLeftId),\n                    },\n                    {\n                        id: topRightId,\n                        type: 'input',\n                        label: 'Top Right',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, topRightId),\n                    },\n                    {\n                        id: bottomLeftId,\n                        type: 'input',\n                        label: 'Bottom Left',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, bottomLeftId),\n                    },\n                    {\n                        id: bottomRightId,\n                        type: 'input',\n                        label: 'Bottom Right',\n                        rules: [numericalOrPixelRule],\n                        onChange: (bundle) => appendUnit(bundle, bottomRightId),\n                    },\n                ],\n            },\n        ],\n        off: [getBorderRadiusSlider(choiceId, options?.defaultValue)],\n    };\n};\n"],"mappings":";;;;AAsBA,IAAa,KAAmC,MAAqD;CACjG,IAAM,IAAQ,GAAS,KAAK,2BAA2B,EAAQ,OAAO,2BAChE,IAAU,GAAS,KAAK,uBAAuB,EAAQ,OAAO,uBAC9D,IAAW,GAAS,KAAK,wBAAwB,EAAQ,OAAO,wBAChE,IAAY,GAAS,KAAK,yBAAyB,EAAQ,OAAO,yBAClE,IAAa,GAAS,KAAK,0BAA0B,EAAQ,OAAO,0BACpE,IAAe,GAAS,KAAK,4BAA4B,EAAQ,OAAO,4BACxE,IAAgB,GAAS,KAAK,6BAA6B,EAAQ,OAAO;CAEhF,OAAO;EACH,IAAI;EACJ,OAAO;EACP,MAAM;EACN,aAAa;EACb,cAAc;EACd,MAAM;EACN,OAAO,MAAY,IAAS,sBAAqB,CAAC,CAAC,EAAO,SAAS,EAAQ,kBAAkB,CAAC,EAAE;EAChG,WAAW,MAAW;GAIlB,CAHA,GAAA,EAAA,kBAAA,CAAkB,GAAQ,GAAU,GAAW,CAAc,IAC7D,GAAA,EAAA,kBAAA,CAAkB,GAAQ,GAAU,GAAY,CAAc,IAC9D,GAAA,EAAA,kBAAA,CAAkB,GAAQ,GAAU,GAAc,CAAc,IAChE,GAAA,EAAA,kBAAA,CAAkB,GAAQ,GAAU,GAAe,CAAc;EACrE;EACA,IAAI,CACA;GACI,IAAI;GACJ,MAAM;GACN,QAAQ,EAAA,iBAAiB;GACzB,QAAQ;IACJ;KACI,IAAI;KACJ,MAAM;KACN,OAAO;KACP,OAAO,CAAC,EAAA,oBAAoB;KAC5B,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAS;IACtD;IACA;KACI,IAAI;KACJ,MAAM;KACN,OAAO;KACP,OAAO,CAAC,EAAA,oBAAoB;KAC5B,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAU;IACvD;IACA;KACI,IAAI;KACJ,MAAM;KACN,OAAO;KACP,OAAO,CAAC,EAAA,oBAAoB;KAC5B,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAY;IACzD;IACA;KACI,IAAI;KACJ,MAAM;KACN,OAAO;KACP,OAAO,CAAC,EAAA,oBAAoB;KAC5B,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAa;IAC1D;GACJ;EACJ,CACJ;EACA,KAAK,CAAC,EAAsB,GAAU,GAAS,YAAY,CAAC;CAChE;AACJ"}

package/dist/settings/defaultValues.es.js

@@ -1,19 +1,16 @@
-const E = {
-  red: 241,
-  green: 241,
-  blue: 241,
-  alpha: 1
-}, L = {
-  red: 234,
-  green: 235,
-  blue: 235,
-  alpha: 1
-}, A = "1px", D = "24px", _ = "24px";
-export {
-  E as BACKGROUND_COLOR_DEFAULT_VALUE,
-  L as BORDER_COLOR_DEFAULT_VALUE,
-  A as BORDER_WIDTH_DEFAULT_VALUE,
-  _ as MARGIN_DEFAULT_PLACEHOLDER,
-  D as PADDING_DEFAULT_PLACEHOLDER
-};
-//# sourceMappingURL=defaultValues.es.js.map
+//#region src/settings/defaultValues.ts
+var e = {
+	red: 241,
+	green: 241,
+	blue: 241,
+	alpha: 1
+}, t = {
+	red: 234,
+	green: 235,
+	blue: 235,
+	alpha: 1
+}, n = "24px", r = "24px";
+//#endregion
+export { e as BACKGROUND_COLOR_DEFAULT_VALUE, t as BORDER_COLOR_DEFAULT_VALUE, r as MARGIN_DEFAULT_PLACEHOLDER, n as PADDING_DEFAULT_PLACEHOLDER };
+
+//# sourceMappingURL=defaultValues.es.js.map

package/dist/settings/defaultValues.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultValues.es.js","sources":["../../src/settings/defaultValues.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const BACKGROUND_COLOR_DEFAULT_VALUE = {\n    red: 241,\n    green: 241,\n    blue: 241,\n    alpha: 1,\n};\n\nexport const BORDER_COLOR_DEFAULT_VALUE = {\n    red: 234,\n    green: 235,\n    blue: 235,\n    alpha: 1,\n};\n\nexport const BORDER_WIDTH_DEFAULT_VALUE = '1px';\n\nexport const PADDING_DEFAULT_PLACEHOLDER = '24px';\n\nexport const MARGIN_DEFAULT_PLACEHOLDER = '24px';\n"],"names":["BACKGROUND_COLOR_DEFAULT_VALUE","BORDER_COLOR_DEFAULT_VALUE","BORDER_WIDTH_DEFAULT_VALUE","PADDING_DEFAULT_PLACEHOLDER","MARGIN_DEFAULT_PLACEHOLDER"],"mappings":"AAEO,MAAMA,IAAiC;AAAA,EAC1C,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AACX,GAEaC,IAA6B;AAAA,EACtC,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AACX,GAEaC,IAA6B,OAE7BC,IAA8B,QAE9BC,IAA6B;"}
+{"version":3,"file":"defaultValues.es.js","names":[],"sources":["../../src/settings/defaultValues.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const BACKGROUND_COLOR_DEFAULT_VALUE = {\n    red: 241,\n    green: 241,\n    blue: 241,\n    alpha: 1,\n};\n\nexport const BORDER_COLOR_DEFAULT_VALUE = {\n    red: 234,\n    green: 235,\n    blue: 235,\n    alpha: 1,\n};\n\nexport const BORDER_WIDTH_DEFAULT_VALUE = '1px';\n\nexport const PADDING_DEFAULT_PLACEHOLDER = '24px';\n\nexport const MARGIN_DEFAULT_PLACEHOLDER = '24px';\n"],"mappings":";AAEA,IAAa,IAAiC;CAC1C,KAAK;CACL,OAAO;CACP,MAAM;CACN,OAAO;AACX,GAEa,IAA6B;CACtC,KAAK;CACL,OAAO;CACP,MAAM;CACN,OAAO;AACX,GAIa,IAA8B,QAE9B,IAA6B"}