@frontify/guideline-blocks-settings 2.0.0 → 2.0.2

package/dist/settings/background.es.js

@@ -1,12 +1,12 @@
 import { BACKGROUND_COLOR_DEFAULT_VALUE as u } from "./defaultValues.es.js";
-const g = (l) => {
-  const a = l != null && l.id ? `hasBackground${l.id}` : "hasBackground", e = l != null && l.id ? `backgroundColor${l.id}` : "backgroundColor", d = l != null && l.preventDefaultColor ? void 0 : (l == null ? void 0 : l.defaultColor) || u, r = l != null && l.label ? l.label : "Background", c = l != null && l.switchLabel ? l.switchLabel : void 0;
+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 != null && l.defaultValue),
+    defaultValue: !!l?.defaultValue,
     on: [
       {
         id: e,
@@ -17,6 +17,6 @@ const g = (l) => {
   };
 };
 export {
-  g as getBackgroundSettings
+  o 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/fondue';\n\nimport { type SettingBlock } from '../';\n\nimport { BACKGROUND_COLOR_DEFAULT_VALUE } from './defaultValues';\n\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":";AA8BO,MAAMA,IAAwB,CAACC,MAAmD;AACrF,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,gBAAgBA,EAAQ,EAAE,KAAK,iBACrDE,IAAUF,KAAA,QAAAA,EAAS,KAAK,kBAAkBA,EAAQ,EAAE,KAAK,mBACzDG,IAAeH,KAAA,QAAAA,EAAS,sBACxB,UACAA,KAAA,gBAAAA,EAAS,iBAAgBI,GACzBC,IAAQL,KAAA,QAAAA,EAAS,QAAQA,EAAQ,QAAQ,cACzCM,IAAcN,KAAA,QAAAA,EAAS,cAAcA,EAAQ,cAAc;AAEjE,SAAO;AAAA,IACH,IAAIC;AAAA,IACJ,OAAAI;AAAA,IACA,MAAM;AAAA,IACN,aAAAC;AAAA,IACA,cAAc,CAAC,EAACN,KAAA,QAAAA,EAAS;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","sources":["../../src/settings/background.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/fondue';\n\nimport { type SettingBlock } from '../';\n\nimport { BACKGROUND_COLOR_DEFAULT_VALUE } from './defaultValues';\n\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":";AA8BO,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;"}

package/dist/settings/border.es.js

@@ -1,24 +1,24 @@
 /* empty css               */
-import { appendUnit as t, numericalOrPixelRule as f, minimumNumericalOrPixelRule as y, maximumNumericalOrPixelOrAutoRule as _, MultiInputLayout as I } from "@frontify/sidebar-settings";
-import { BORDER_COLOR_DEFAULT_VALUE as D, BORDER_WIDTH_DEFAULT_VALUE as L } from "./defaultValues.es.js";
+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 C = (e) => {
-  const r = e != null && e.id ? `hasBorder_${e.id}` : "hasBorder", a = e != null && e.id ? `borderSelection_${e.id}` : "borderSelection", u = e != null && e.id ? `borderStyle_${e.id}` : "borderStyle", d = e != null && e.id ? `borderWidth_${e.id}` : "borderWidth", c = e != null && e.id ? `borderColor_${e.id}` : "borderColor", m = (e == null ? void 0 : e.defaultColor) || D, b = e != null && e.switchLabel ? e.switchLabel : void 0;
+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: b,
-    defaultValue: !!(e != null && e.defaultValue),
+    switchLabel: o,
+    defaultValue: !!e?.defaultValue,
     on: [
       {
-        id: a,
+        id: t,
         type: "multiInput",
-        layout: I.Columns,
+        layout: b.Columns,
         lastItemFullWidth: !0,
         blocks: [
           {
-            id: u,
+            id: a,
             type: "dropdown",
             defaultValue: l.Solid,
             choices: [
@@ -39,19 +39,19 @@ const C = (e) => {
           {
             id: d,
             type: "input",
-            defaultValue: L,
+            defaultValue: y,
             rules: [
-              f,
-              y(0),
-              _(500)
+              m,
+              n(0),
+              f(500)
             ],
             placeholder: "e.g. 3px",
-            onChange: (h) => t(h, d)
+            onChange: (c) => h(c, d)
           },
           {
-            id: c,
+            id: u,
             type: "colorInput",
-            defaultValue: m
+            defaultValue: i
           }
         ]
       }
@@ -60,6 +60,6 @@ const C = (e) => {
   };
 };
 export {
-  C as getBorderSettings
+  S 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,KAAA,QAAAA,EAAS,KAAK,aAAaA,EAAQ,EAAE,KAAK,aAClDE,IAAcF,KAAA,QAAAA,EAAS,KAAK,mBAAmBA,EAAQ,EAAE,KAAK,mBAC9DG,IAAUH,KAAA,QAAAA,EAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDI,IAAUJ,KAAA,QAAAA,EAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDK,IAAUL,KAAA,QAAAA,EAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDM,KAAeN,KAAA,gBAAAA,EAAS,iBAAgBO,GACxCC,IAAcR,KAAA,QAAAA,EAAS,cAAcA,EAAQ,cAAc;AAEjE,SAAO;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAAO;AAAA,IACA,cAAc,CAAC,EAACR,KAAA,QAAAA,EAAS;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","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;"}

package/dist/settings/borderRadius.es.js

@@ -1,7 +1,7 @@
 /* empty css               */
-import { appendUnit as g, numericalOrPixelRule as m, presetCustomValue as f } from "@frontify/sidebar-settings";
-import { Radius as a, radiusStyleMap as i } from "./types.es.js";
-const t = (e, l = a.None) => ({
+import { numericalOrPixelRule as t, appendUnit as n, presetCustomValue as s } from "@frontify/sidebar-settings";
+import { Radius as a, radiusStyleMap as o } from "./types.es.js";
+const c = (e, l = a.None) => ({
   id: e,
   type: "segmentedControls",
   defaultValue: l,
@@ -23,8 +23,8 @@ const t = (e, l = a.None) => ({
       label: "L"
     }
   ]
-}), b = (e) => {
-  const l = e != null && e.id ? `hasRadius_${e.id}` : "hasRadius", u = e != null && e.id ? `radiusValue_${e.id}` : "radiusValue", r = e != null && e.id ? `radiusChoice_${e.id}` : "radiusChoice", h = (e == null ? void 0 : e.defaultRadius) || a.None;
+}), f = (e) => {
+  const l = e?.id ? `hasRadius_${e.id}` : "hasRadius", u = e?.id ? `radiusValue_${e.id}` : "radiusValue", r = e?.id ? `radiusChoice_${e.id}` : "radiusChoice", i = e?.defaultRadius || a.None;
   return {
     id: l,
     label: "Corner radius",
@@ -32,25 +32,22 @@ const t = (e, l = a.None) => ({
     switchLabel: "Custom",
     defaultValue: !1,
     info: "Determining how rounded the corners are.",
-    show: (d) => {
-      var c;
-      return e != null && e.dependentSettingId ? !!((c = d.getBlock(e.dependentSettingId)) != null && c.value) : !0;
-    },
-    onChange: (d) => f(d, r, u, (e == null ? void 0 : e.radiusStyleMap) || i),
+    show: (d) => e?.dependentSettingId ? !!d.getBlock(e.dependentSettingId)?.value : !0,
+    onChange: (d) => s(d, r, u, e?.radiusStyleMap || o),
     on: [
       {
         id: u,
         type: "input",
         placeholder: "e.g. 10px",
-        rules: [m],
-        onChange: (d) => g(d, u)
+        rules: [t],
+        onChange: (d) => n(d, u)
       }
     ],
-    off: [t(r, h)]
+    off: [c(r, i)]
   };
 };
 export {
-  b as getBorderRadiusSettings,
-  t as getBorderRadiusSlider
+  f as getBorderRadiusSettings,
+  c 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 { type SettingBlock, appendUnit, numericalOrPixelRule, presetCustomValue } 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],\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","_a","presetCustomValue","radiusStyleMap","numericalOrPixelRule","appendUnit"],"mappings":";;;AAsBO,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,KAAA,QAAAA,EAAS,KAAK,aAAaA,EAAQ,EAAE,KAAK,aAClDE,IAAUF,KAAA,QAAAA,EAAS,KAAK,eAAeA,EAAQ,EAAE,KAAK,eACtDG,IAAWH,KAAA,QAAAA,EAAS,KAAK,gBAAgBA,EAAQ,EAAE,KAAK,gBACxDH,KAAeG,KAAA,gBAAAA,EAAS,kBAAiBF,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;;AAAY,aAAAJ,KAAA,QAAAA,EAAS,qBAAqB,CAAC,GAACK,IAAAD,EAAO,SAASJ,EAAQ,kBAAkB,MAA1C,QAAAK,EAA6C,SAAQ;AAAA;AAAA,IACxG,UAAU,CAACD,MAAWE,EAAkBF,GAAQD,GAAUD,IAASF,KAAA,gBAAAA,EAAS,mBAAkBO,CAAc;AAAA,IAC5G,IAAI;AAAA,MACA;AAAA,QACI,IAAIL;AAAA,QACJ,MAAM;AAAA,QACN,aAAa;AAAA,QACb,OAAO,CAACM,CAAoB;AAAA,QAC5B,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","sources":["../../src/settings/borderRadius.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type SettingBlock, appendUnit, numericalOrPixelRule, presetCustomValue } 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],\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","appendUnit"],"mappings":";;;AAsBO,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,CAAoB;AAAA,QAC5B,UAAU,CAACH,MAAWI,EAAWJ,GAAQF,CAAO;AAAA,MAAA;AAAA,IACpD;AAAA,IAEJ,KAAK,CAACP,EAAsBQ,GAAUN,CAAY,CAAC;AAAA,EAAA;AAE3D;"}

package/dist/settings/borderRadiusExtended.es.js

@@ -1,64 +1,61 @@
 /* empty css               */
-import { appendUnit as a, numericalOrPixelRule as u, MultiInputLayout as x, presetCustomValue as l } from "@frontify/sidebar-settings";
-import { getBorderRadiusSlider as C } from "./borderRadius.es.js";
-import { radiusStyleMap as r } from "./types.es.js";
-const _ = (e) => {
-  const c = e != null && e.id ? `hasExtendedCustomRadius_${e.id}` : "hasExtendedCustomRadius", f = e != null && e.id ? `extendedRadiusValue_${e.id}` : "extendedRadiusValue", t = e != null && e.id ? `extendedRadiusChoice_${e.id}` : "extendedRadiusChoice", R = e != null && e.id ? `extendedRadiusTopLeft_${e.id}` : "extendedRadiusTopLeft", h = e != null && e.id ? `extendedRadiusTopRight_${e.id}` : "extendedRadiusTopRight", m = e != null && e.id ? `extendedRadiusBottomLeft_${e.id}` : "extendedRadiusBottomLeft", g = e != null && e.id ? `extendedRadiusBottomRight_${e.id}` : "extendedRadiusBottomRight";
+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: c,
+    id: R,
     label: "Corner radius",
     type: "switch",
     switchLabel: "Custom",
     defaultValue: !1,
     info: "Determining how rounded the corners are.",
-    show: (d) => {
-      var i;
-      return e != null && e.dependentSettingId ? !!((i = d.getBlock(e.dependentSettingId)) != null && i.value) : !0;
-    },
-    onChange: (d) => {
-      l(d, t, R, r), l(d, t, h, r), l(d, t, m, r), l(d, t, g, r);
+    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: f,
+        id: h,
         type: "multiInput",
-        layout: x.Columns,
+        layout: m.Columns,
         blocks: [
           {
-            id: R,
+            id: o,
             type: "input",
             label: "Top Left",
-            rules: [u],
-            onChange: (d) => a(d, R)
+            rules: [i],
+            onChange: (t) => a(t, o)
           },
           {
-            id: h,
+            id: l,
             type: "input",
             label: "Top Right",
-            rules: [u],
-            onChange: (d) => a(d, h)
+            rules: [i],
+            onChange: (t) => a(t, l)
           },
           {
-            id: m,
+            id: r,
             type: "input",
             label: "Bottom Left",
-            rules: [u],
-            onChange: (d) => a(d, m)
+            rules: [i],
+            onChange: (t) => a(t, r)
           },
           {
-            id: g,
+            id: s,
             type: "input",
             label: "Bottom Right",
-            rules: [u],
-            onChange: (d) => a(d, g)
+            rules: [i],
+            onChange: (t) => a(t, s)
           }
         ]
       }
     ],
-    off: [C(t, e == null ? void 0 : e.defaultValue)]
+    off: [g(d, e?.defaultValue)]
   };
 };
 export {
-  _ as getExtendedBorderRadiusSettings
+  C 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","_a","presetCustomValue","radiusStyleMap","MultiInputLayout","numericalOrPixelRule","appendUnit","getBorderRadiusSlider"],"mappings":";;;;AAsBO,MAAMA,IAAkC,CAACC,MAAqD;AACjG,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,2BAA2BA,EAAQ,EAAE,KAAK,2BAChEE,IAAUF,KAAA,QAAAA,EAAS,KAAK,uBAAuBA,EAAQ,EAAE,KAAK,uBAC9DG,IAAWH,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,EAAQ,EAAE,KAAK,wBAChEI,IAAYJ,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,EAAQ,EAAE,KAAK,yBAClEK,IAAaL,KAAA,QAAAA,EAAS,KAAK,0BAA0BA,EAAQ,EAAE,KAAK,0BACpEM,IAAeN,KAAA,QAAAA,EAAS,KAAK,4BAA4BA,EAAQ,EAAE,KAAK,4BACxEO,IAAgBP,KAAA,QAAAA,EAAS,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;;AAAY,aAAAR,KAAA,QAAAA,EAAS,qBAAqB,CAAC,GAACS,IAAAD,EAAO,SAASR,EAAQ,kBAAkB,MAA1C,QAAAS,EAA6C,SAAQ;AAAA;AAAA,IACxG,UAAU,CAACD,MAAW;AAClB,MAAAE,EAAkBF,GAAQL,GAAUC,GAAWO,CAAc,GAC7DD,EAAkBF,GAAQL,GAAUE,GAAYM,CAAc,GAC9DD,EAAkBF,GAAQL,GAAUG,GAAcK,CAAc,GAChED,EAAkBF,GAAQL,GAAUI,GAAeI,CAAc;AAAA,IACrE;AAAA,IACA,IAAI;AAAA,MACA;AAAA,QACI,IAAIT;AAAA,QACJ,MAAM;AAAA,QACN,QAAQU,EAAiB;AAAA,QACzB,QAAQ;AAAA,UACJ;AAAA,YACI,IAAIR;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACS,CAAoB;AAAA,YAC5B,UAAU,CAACL,MAAWM,EAAWN,GAAQJ,CAAS;AAAA,UAAA;AAAA,UAEtD;AAAA,YACI,IAAIC;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACQ,CAAoB;AAAA,YAC5B,UAAU,CAACL,MAAWM,EAAWN,GAAQH,CAAU;AAAA,UAAA;AAAA,UAEvD;AAAA,YACI,IAAIC;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACO,CAAoB;AAAA,YAC5B,UAAU,CAACL,MAAWM,EAAWN,GAAQF,CAAY;AAAA,UAAA;AAAA,UAEzD;AAAA,YACI,IAAIC;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,OAAO,CAACM,CAAoB;AAAA,YAC5B,UAAU,CAACL,MAAWM,EAAWN,GAAQD,CAAa;AAAA,UAAA;AAAA,QAC1D;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,KAAK,CAACQ,EAAsBZ,GAAUH,KAAA,gBAAAA,EAAS,YAAY,CAAC;AAAA,EAAA;AAEpE;"}
+{"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;"}

package/dist/settings/gutter.es.js

@@ -1,48 +1,45 @@
 /* empty css               */
-import { appendUnit as C, numericalOrPixelRule as m, presetCustomValue as f } from "@frontify/sidebar-settings";
-import { GutterSpacing as l, gutterSpacingStyleMap as h } from "./types.es.js";
-const I = (e) => {
-  const t = e != null && e.id ? e.id : "hasCustomSpacing", g = e != null && e.dependentSettingId ? e.dependentSettingId : "columns", c = e != null && e.spacingChoiceId ? e.spacingChoiceId : "spacingChoice", u = e != null && e.spacingCustomId ? e.spacingCustomId : "spacingCustom", r = e != null && e.defaultValueChoices ? e.defaultValueChoices : l.M;
+import { numericalOrPixelRule as d, appendUnit as s, presetCustomValue as g } from "@frontify/sidebar-settings";
+import { GutterSpacing as a, gutterSpacingStyleMap as o } from "./types.es.js";
+const m = (e) => {
+  const c = e?.id ? e.id : "hasCustomSpacing", i = e?.dependentSettingId ? e.dependentSettingId : "columns", u = e?.spacingChoiceId ? e.spacingChoiceId : "spacingChoice", l = e?.spacingCustomId ? e.spacingCustomId : "spacingCustom", n = e?.defaultValueChoices ? e.defaultValueChoices : a.M;
   return {
-    id: t,
+    id: c,
     type: "switch",
     defaultValue: !1,
     switchLabel: "Custom",
     label: "Gutter",
     info: "An official nerds term for ‘gap’",
-    onChange: (a) => f(a, c, u, h),
-    show: (a) => {
-      var d;
-      return ((d = a.getBlock(g)) == null ? void 0 : d.value) !== "1";
-    },
+    onChange: (t) => g(t, u, l, o),
+    show: (t) => t.getBlock(i)?.value !== "1",
     on: [
       {
-        id: u,
+        id: l,
         type: "input",
-        rules: [m],
-        onChange: (a) => C(a, u)
+        rules: [d],
+        onChange: (t) => s(t, l)
       }
     ],
     off: [
       {
-        id: c,
+        id: u,
         type: "slider",
-        defaultValue: r,
+        defaultValue: n,
         choices: [
           {
-            value: l.Auto,
+            value: a.Auto,
             label: "Auto"
           },
           {
-            value: l.S,
+            value: a.S,
             label: "S"
           },
           {
-            value: l.M,
+            value: a.M,
             label: "M"
           },
           {
-            value: l.L,
+            value: a.L,
             label: "L"
           }
         ]
@@ -51,6 +48,6 @@ const I = (e) => {
   };
 };
 export {
-  I as getGutterSettings
+  m as getGutterSettings
 };
 //# sourceMappingURL=gutter.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"gutter.es.js","sources":["../../src/settings/gutter.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type SettingBlock, appendUnit, numericalOrPixelRule, presetCustomValue } from '../';\n\nimport { GutterSpacing, gutterSpacingStyleMap } from './types';\n\n/**\n * Returns gutter settings: gutter switch, gutter choices or gutter custom input\n *\n * @param options Options for the settings\n * @param options.id Custom id for the gutters switch\n * @param options.dependentSettingId Id of the dependent setting\n * @param options.spacingChoiceId Id of the spacing choice\n * @param options.defaultValueChoices Default value for the spacing choice\n * @returns {SettingBlock} Returns the gutter settings\n */\n\ntype GutterSettingsType = {\n    id?: string;\n    dependentSettingId?: string;\n    spacingChoiceId?: string;\n    spacingCustomId?: string;\n    defaultValueChoices?: GutterSpacing;\n};\n\nexport const getGutterSettings = (options?: GutterSettingsType): SettingBlock => {\n    const id = options?.id ? options.id : 'hasCustomSpacing';\n    const dependentSettingId = options?.dependentSettingId ? options.dependentSettingId : 'columns';\n    const spacingChoiceId = options?.spacingChoiceId ? options.spacingChoiceId : 'spacingChoice';\n    const spacingCustomId = options?.spacingCustomId ? options.spacingCustomId : 'spacingCustom';\n    const defaultValueChoices = options?.defaultValueChoices ? options.defaultValueChoices : GutterSpacing.M;\n\n    return {\n        id,\n        type: 'switch',\n        defaultValue: false,\n        switchLabel: 'Custom',\n        label: 'Gutter',\n        info: 'An official nerds term for ‘gap’',\n        onChange: (bundle) => presetCustomValue(bundle, spacingChoiceId, spacingCustomId, gutterSpacingStyleMap),\n        show: (bundle) => bundle.getBlock(dependentSettingId)?.value !== '1',\n        on: [\n            {\n                id: spacingCustomId,\n                type: 'input',\n                rules: [numericalOrPixelRule],\n                onChange: (bundle) => appendUnit(bundle, spacingCustomId),\n            },\n        ],\n        off: [\n            {\n                id: spacingChoiceId,\n                type: 'slider',\n                defaultValue: defaultValueChoices,\n                choices: [\n                    {\n                        value: GutterSpacing.Auto,\n                        label: 'Auto',\n                    },\n                    {\n                        value: GutterSpacing.S,\n                        label: 'S',\n                    },\n                    {\n                        value: GutterSpacing.M,\n                        label: 'M',\n                    },\n                    {\n                        value: GutterSpacing.L,\n                        label: 'L',\n                    },\n                ],\n            },\n        ],\n    };\n};\n"],"names":["getGutterSettings","options","id","dependentSettingId","spacingChoiceId","spacingCustomId","defaultValueChoices","GutterSpacing","bundle","presetCustomValue","gutterSpacingStyleMap","_a","numericalOrPixelRule","appendUnit"],"mappings":";;;AAyBO,MAAMA,IAAoB,CAACC,MAA+C;AAC7E,QAAMC,IAAKD,KAAA,QAAAA,EAAS,KAAKA,EAAQ,KAAK,oBAChCE,IAAqBF,KAAA,QAAAA,EAAS,qBAAqBA,EAAQ,qBAAqB,WAChFG,IAAkBH,KAAA,QAAAA,EAAS,kBAAkBA,EAAQ,kBAAkB,iBACvEI,IAAkBJ,KAAA,QAAAA,EAAS,kBAAkBA,EAAQ,kBAAkB,iBACvEK,IAAsBL,KAAA,QAAAA,EAAS,sBAAsBA,EAAQ,sBAAsBM,EAAc;AAEvG,SAAO;AAAA,IACH,IAAAL;AAAA,IACA,MAAM;AAAA,IACN,cAAc;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU,CAACM,MAAWC,EAAkBD,GAAQJ,GAAiBC,GAAiBK,CAAqB;AAAA,IACvG,MAAM,CAACF;;AAAW,eAAAG,IAAAH,EAAO,SAASL,CAAkB,MAAlC,gBAAAQ,EAAqC,WAAU;AAAA;AAAA,IACjE,IAAI;AAAA,MACA;AAAA,QACI,IAAIN;AAAA,QACJ,MAAM;AAAA,QACN,OAAO,CAACO,CAAoB;AAAA,QAC5B,UAAU,CAACJ,MAAWK,EAAWL,GAAQH,CAAe;AAAA,MAAA;AAAA,IAC5D;AAAA,IAEJ,KAAK;AAAA,MACD;AAAA,QACI,IAAID;AAAA,QACJ,MAAM;AAAA,QACN,cAAcE;AAAA,QACd,SAAS;AAAA,UACL;AAAA,YACI,OAAOC,EAAc;AAAA,YACrB,OAAO;AAAA,UAAA;AAAA,UAEX;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UAAA;AAAA,UAEX;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UAAA;AAAA,UAEX;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UAAA;AAAA,QACX;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAER;"}
+{"version":3,"file":"gutter.es.js","sources":["../../src/settings/gutter.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type SettingBlock, appendUnit, numericalOrPixelRule, presetCustomValue } from '../';\n\nimport { GutterSpacing, gutterSpacingStyleMap } from './types';\n\n/**\n * Returns gutter settings: gutter switch, gutter choices or gutter custom input\n *\n * @param options Options for the settings\n * @param options.id Custom id for the gutters switch\n * @param options.dependentSettingId Id of the dependent setting\n * @param options.spacingChoiceId Id of the spacing choice\n * @param options.defaultValueChoices Default value for the spacing choice\n * @returns {SettingBlock} Returns the gutter settings\n */\n\ntype GutterSettingsType = {\n    id?: string;\n    dependentSettingId?: string;\n    spacingChoiceId?: string;\n    spacingCustomId?: string;\n    defaultValueChoices?: GutterSpacing;\n};\n\nexport const getGutterSettings = (options?: GutterSettingsType): SettingBlock => {\n    const id = options?.id ? options.id : 'hasCustomSpacing';\n    const dependentSettingId = options?.dependentSettingId ? options.dependentSettingId : 'columns';\n    const spacingChoiceId = options?.spacingChoiceId ? options.spacingChoiceId : 'spacingChoice';\n    const spacingCustomId = options?.spacingCustomId ? options.spacingCustomId : 'spacingCustom';\n    const defaultValueChoices = options?.defaultValueChoices ? options.defaultValueChoices : GutterSpacing.M;\n\n    return {\n        id,\n        type: 'switch',\n        defaultValue: false,\n        switchLabel: 'Custom',\n        label: 'Gutter',\n        info: 'An official nerds term for ‘gap’',\n        onChange: (bundle) => presetCustomValue(bundle, spacingChoiceId, spacingCustomId, gutterSpacingStyleMap),\n        show: (bundle) => bundle.getBlock(dependentSettingId)?.value !== '1',\n        on: [\n            {\n                id: spacingCustomId,\n                type: 'input',\n                rules: [numericalOrPixelRule],\n                onChange: (bundle) => appendUnit(bundle, spacingCustomId),\n            },\n        ],\n        off: [\n            {\n                id: spacingChoiceId,\n                type: 'slider',\n                defaultValue: defaultValueChoices,\n                choices: [\n                    {\n                        value: GutterSpacing.Auto,\n                        label: 'Auto',\n                    },\n                    {\n                        value: GutterSpacing.S,\n                        label: 'S',\n                    },\n                    {\n                        value: GutterSpacing.M,\n                        label: 'M',\n                    },\n                    {\n                        value: GutterSpacing.L,\n                        label: 'L',\n                    },\n                ],\n            },\n        ],\n    };\n};\n"],"names":["getGutterSettings","options","id","dependentSettingId","spacingChoiceId","spacingCustomId","defaultValueChoices","GutterSpacing","bundle","presetCustomValue","gutterSpacingStyleMap","numericalOrPixelRule","appendUnit"],"mappings":";;;AAyBO,MAAMA,IAAoB,CAACC,MAA+C;AAC7E,QAAMC,IAAKD,GAAS,KAAKA,EAAQ,KAAK,oBAChCE,IAAqBF,GAAS,qBAAqBA,EAAQ,qBAAqB,WAChFG,IAAkBH,GAAS,kBAAkBA,EAAQ,kBAAkB,iBACvEI,IAAkBJ,GAAS,kBAAkBA,EAAQ,kBAAkB,iBACvEK,IAAsBL,GAAS,sBAAsBA,EAAQ,sBAAsBM,EAAc;AAEvG,SAAO;AAAA,IACH,IAAAL;AAAA,IACA,MAAM;AAAA,IACN,cAAc;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU,CAACM,MAAWC,EAAkBD,GAAQJ,GAAiBC,GAAiBK,CAAqB;AAAA,IACvG,MAAM,CAACF,MAAWA,EAAO,SAASL,CAAkB,GAAG,UAAU;AAAA,IACjE,IAAI;AAAA,MACA;AAAA,QACI,IAAIE;AAAA,QACJ,MAAM;AAAA,QACN,OAAO,CAACM,CAAoB;AAAA,QAC5B,UAAU,CAACH,MAAWI,EAAWJ,GAAQH,CAAe;AAAA,MAAA;AAAA,IAC5D;AAAA,IAEJ,KAAK;AAAA,MACD;AAAA,QACI,IAAID;AAAA,QACJ,MAAM;AAAA,QACN,cAAcE;AAAA,QACd,SAAS;AAAA,UACL;AAAA,YACI,OAAOC,EAAc;AAAA,YACrB,OAAO;AAAA,UAAA;AAAA,UAEX;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UAAA;AAAA,UAEX;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UAAA;AAAA,UAEX;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UAAA;AAAA,QACX;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AAER;"}

package/dist/settings/margin.es.js

@@ -1,8 +1,8 @@
 /* empty css               */
-import { appendUnit as g, numericalOrPixelRule as c, maximumNumericalOrPixelOrAutoRule as d, presetCustomValue as h } from "@frontify/sidebar-settings";
-import { MARGIN_DEFAULT_PLACEHOLDER as M } from "./defaultValues.es.js";
-import { Margin as a, marginStyleMap as C } from "./types.es.js";
-const f = (e) => ({
+import { numericalOrPixelRule as t, appendUnit as u, maximumNumericalOrPixelOrAutoRule as m, presetCustomValue as o } from "@frontify/sidebar-settings";
+import { MARGIN_DEFAULT_PLACEHOLDER as g } from "./defaultValues.es.js";
+import { Margin as a, marginStyleMap as c } from "./types.es.js";
+const d = (e) => ({
   id: e,
   type: "segmentedControls",
   defaultValue: a.None,
@@ -24,30 +24,30 @@ const f = (e) => ({
       label: "L"
     }
   ]
-}), S = (e) => {
-  const m = e != null && e.id ? `hasCustomMarginValue_${e == null ? void 0 : e.id}` : "hasCustomMarginValue", l = e != null && e.id ? `marginValue_${e == null ? void 0 : e.id}` : "marginValue", u = e != null && e.id ? `marginChoice_${e == null ? void 0 : e.id}` : "marginChoice";
+}), C = (e) => {
+  const n = e?.id ? `hasCustomMarginValue_${e?.id}` : "hasCustomMarginValue", l = e?.id ? `marginValue_${e?.id}` : "marginValue", r = e?.id ? `marginChoice_${e?.id}` : "marginChoice";
   return {
-    id: m,
+    id: n,
     label: "Margin",
     type: "switch",
     switchLabel: "Custom",
     defaultValue: !1,
     info: "The spacing around UI elements to create more space",
-    onChange: (r) => h(r, u, l, (e == null ? void 0 : e.marginStyleMap) || C),
+    onChange: (i) => o(i, r, l, e?.marginStyleMap || c),
     on: [
       {
         id: l,
         type: "input",
-        placeholder: M,
-        rules: [c, d(500)],
-        onChange: (r) => g(r, l)
+        placeholder: g,
+        rules: [t, m(500)],
+        onChange: (i) => u(i, l)
       }
     ],
-    off: [f(u)]
+    off: [d(r)]
   };
 };
 export {
-  S as getMarginSettings,
-  f as getMarginSlider
+  C as getMarginSettings,
+  d as getMarginSlider
 };
 //# sourceMappingURL=margin.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"margin.es.js","sources":["../../src/settings/margin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\n\nimport { MARGIN_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { Margin, marginStyleMap } from './types';\n\ntype MarginSettingsType = {\n    id?: string;\n    marginStyleMap?: Record<Margin, string>;\n};\n\n/**\n * Returns margin settings: margin switch, margin slider, custom margin input\n *\n * @param {string} id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns margin settings\n */\nexport const getMarginSlider = (id: string): SettingBlock => ({\n    id,\n    type: 'segmentedControls',\n    defaultValue: Margin.None,\n    choices: [\n        {\n            value: Margin.None,\n            label: 'None',\n        },\n        {\n            value: Margin.Small,\n            label: 'S',\n        },\n        {\n            value: Margin.Medium,\n            label: 'M',\n        },\n        {\n            value: Margin.Large,\n            label: 'L',\n        },\n    ],\n});\n\nexport const getMarginSettings = (options?: MarginSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasCustomMarginValue_${options?.id}` : 'hasCustomMarginValue';\n    const valueId = options?.id ? `marginValue_${options?.id}` : 'marginValue';\n    const choiceId = options?.id ? `marginChoice_${options?.id}` : 'marginChoice';\n\n    return {\n        id: hasId,\n        label: 'Margin',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'The spacing around UI elements to create more space',\n        onChange: (bundle) => presetCustomValue(bundle, choiceId, valueId, options?.marginStyleMap || marginStyleMap),\n        on: [\n            {\n                id: valueId,\n                type: 'input',\n                placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                onChange: (bundle) => appendUnit(bundle, valueId),\n            },\n        ],\n        off: [getMarginSlider(choiceId)],\n    };\n};\n"],"names":["getMarginSlider","id","Margin","getMarginSettings","options","hasId","valueId","choiceId","bundle","presetCustomValue","marginStyleMap","MARGIN_DEFAULT_PLACEHOLDER","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","appendUnit"],"mappings":";;;;AAwBO,MAAMA,IAAkB,CAACC,OAA8B;AAAA,EAC1D,IAAAA;AAAA,EACA,MAAM;AAAA,EACN,cAAcC,EAAO;AAAA,EACrB,SAAS;AAAA,IACL;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,IAEX;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IAAA;AAAA,EACX;AAER,IAEaC,IAAoB,CAACC,MAA+C;AAC7E,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,wBAC9DE,IAAUF,KAAA,QAAAA,EAAS,KAAK,eAAeA,KAAA,gBAAAA,EAAS,EAAE,KAAK,eACvDG,IAAWH,KAAA,QAAAA,EAAS,KAAK,gBAAgBA,KAAA,gBAAAA,EAAS,EAAE,KAAK;AAE/D,SAAO;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,UAAU,CAACG,MAAWC,EAAkBD,GAAQD,GAAUD,IAASF,KAAA,gBAAAA,EAAS,mBAAkBM,CAAc;AAAA,IAC5G,IAAI;AAAA,MACA;AAAA,QACI,IAAIJ;AAAA,QACJ,MAAM;AAAA,QACN,aAAaK;AAAA,QACb,OAAO,CAACC,GAAsBC,EAAkC,GAAG,CAAC;AAAA,QACpE,UAAU,CAACL,MAAWM,EAAWN,GAAQF,CAAO;AAAA,MAAA;AAAA,IACpD;AAAA,IAEJ,KAAK,CAACN,EAAgBO,CAAQ,CAAC;AAAA,EAAA;AAEvC;"}
+{"version":3,"file":"margin.es.js","sources":["../../src/settings/margin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\n\nimport { MARGIN_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { Margin, marginStyleMap } from './types';\n\ntype MarginSettingsType = {\n    id?: string;\n    marginStyleMap?: Record<Margin, string>;\n};\n\n/**\n * Returns margin settings: margin switch, margin slider, custom margin input\n *\n * @param {string} id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns margin settings\n */\nexport const getMarginSlider = (id: string): SettingBlock => ({\n    id,\n    type: 'segmentedControls',\n    defaultValue: Margin.None,\n    choices: [\n        {\n            value: Margin.None,\n            label: 'None',\n        },\n        {\n            value: Margin.Small,\n            label: 'S',\n        },\n        {\n            value: Margin.Medium,\n            label: 'M',\n        },\n        {\n            value: Margin.Large,\n            label: 'L',\n        },\n    ],\n});\n\nexport const getMarginSettings = (options?: MarginSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasCustomMarginValue_${options?.id}` : 'hasCustomMarginValue';\n    const valueId = options?.id ? `marginValue_${options?.id}` : 'marginValue';\n    const choiceId = options?.id ? `marginChoice_${options?.id}` : 'marginChoice';\n\n    return {\n        id: hasId,\n        label: 'Margin',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'The spacing around UI elements to create more space',\n        onChange: (bundle) => presetCustomValue(bundle, choiceId, valueId, options?.marginStyleMap || marginStyleMap),\n        on: [\n            {\n                id: valueId,\n                type: 'input',\n                placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                onChange: (bundle) => appendUnit(bundle, valueId),\n            },\n        ],\n        off: [getMarginSlider(choiceId)],\n    };\n};\n"],"names":["getMarginSlider","id","Margin","getMarginSettings","options","hasId","valueId","choiceId","bundle","presetCustomValue","marginStyleMap","MARGIN_DEFAULT_PLACEHOLDER","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","appendUnit"],"mappings":";;;;AAwBO,MAAMA,IAAkB,CAACC,OAA8B;AAAA,EAC1D,IAAAA;AAAA,EACA,MAAM;AAAA,EACN,cAAcC,EAAO;AAAA,EACrB,SAAS;AAAA,IACL;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,IAEX;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IAAA;AAAA,EACX;AAER,IAEaC,IAAoB,CAACC,MAA+C;AAC7E,QAAMC,IAAQD,GAAS,KAAK,wBAAwBA,GAAS,EAAE,KAAK,wBAC9DE,IAAUF,GAAS,KAAK,eAAeA,GAAS,EAAE,KAAK,eACvDG,IAAWH,GAAS,KAAK,gBAAgBA,GAAS,EAAE,KAAK;AAE/D,SAAO;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,UAAU,CAACG,MAAWC,EAAkBD,GAAQD,GAAUD,GAASF,GAAS,kBAAkBM,CAAc;AAAA,IAC5G,IAAI;AAAA,MACA;AAAA,QACI,IAAIJ;AAAA,QACJ,MAAM;AAAA,QACN,aAAaK;AAAA,QACb,OAAO,CAACC,GAAsBC,EAAkC,GAAG,CAAC;AAAA,QACpE,UAAU,CAACL,MAAWM,EAAWN,GAAQF,CAAO;AAAA,MAAA;AAAA,IACpD;AAAA,IAEJ,KAAK,CAACN,EAAgBO,CAAQ,CAAC;AAAA,EAAA;AAEvC;"}

package/dist/settings/marginExtended.es.js

@@ -1,65 +1,65 @@
 /* empty css               */
-import { numericalOrPixelRule as r, maximumNumericalOrPixelOrAutoRule as l, appendUnit as g, MultiInputLayout as I, presetCustomValue as u } from "@frontify/sidebar-settings";
-import { MARGIN_DEFAULT_PLACEHOLDER as m } from "./defaultValues.es.js";
-import { getMarginSlider as y } from "./margin.es.js";
-import { marginStyleMap as c } from "./types.es.js";
-const b = (e) => {
-  const t = e != null && e.id ? `hasExtendedCustomMargin_${e == null ? void 0 : e.id}` : "hasExtendedCustomMargin", C = e != null && e.id ? `extendedMarginValues_${e == null ? void 0 : e.id}` : "extendedMarginValues", a = e != null && e.id ? `extendedMarginChoice_${e == null ? void 0 : e.id}` : "extendedMarginChoice", h = e != null && e.id ? `extendedMarginTop_${e == null ? void 0 : e.id}` : "extendedMarginTop", M = e != null && e.id ? `extendedMarginLeft_${e == null ? void 0 : e.id}` : "extendedMarginLeft", x = e != null && e.id ? `extendedMarginRight_${e == null ? void 0 : e.id}` : "extendedMarginRight", f = e != null && e.id ? `extendedMarginBottom_${e == null ? void 0 : e.id}` : "extendedMarginBottom";
+import { numericalOrPixelRule as i, MultiInputLayout as M, maximumNumericalOrPixelOrAutoRule as a, appendUnit as n, presetCustomValue as r } from "@frontify/sidebar-settings";
+import { MARGIN_DEFAULT_PLACEHOLDER as l } from "./defaultValues.es.js";
+import { getMarginSlider as x } from "./margin.es.js";
+import { marginStyleMap as g } from "./types.es.js";
+const _ = (e) => {
+  const h = e?.id ? `hasExtendedCustomMargin_${e?.id}` : "hasExtendedCustomMargin", p = e?.id ? `extendedMarginValues_${e?.id}` : "extendedMarginValues", d = e?.id ? `extendedMarginChoice_${e?.id}` : "extendedMarginChoice", o = e?.id ? `extendedMarginTop_${e?.id}` : "extendedMarginTop", u = e?.id ? `extendedMarginLeft_${e?.id}` : "extendedMarginLeft", m = e?.id ? `extendedMarginRight_${e?.id}` : "extendedMarginRight", c = e?.id ? `extendedMarginBottom_${e?.id}` : "extendedMarginBottom";
   return {
-    id: t,
+    id: h,
     label: "Margin",
     type: "switch",
     switchLabel: "Custom",
     defaultValue: !1,
     info: "The spacing around UI elements to create more negative space",
-    onChange: (d) => {
-      u(d, a, h, c), u(d, a, M, c), u(d, a, x, c), u(d, a, f, c);
+    onChange: (t) => {
+      r(t, d, o, g), r(t, d, u, g), r(t, d, m, g), r(t, d, c, g);
     },
     on: [
       {
-        id: C,
+        id: p,
         type: "multiInput",
-        layout: I.Spider,
+        layout: M.Spider,
         blocks: [
           {
-            id: h,
+            id: o,
             type: "input",
             label: "Top",
-            placeholder: m,
-            onChange: (d) => g(d, h),
-            rules: [r, l(500)]
+            placeholder: l,
+            onChange: (t) => n(t, o),
+            rules: [i, a(500)]
           },
           {
-            id: M,
+            id: u,
             type: "input",
             label: "Left",
-            placeholder: m,
-            onChange: (d) => g(d, M),
-            rules: [r, l(500)]
+            placeholder: l,
+            onChange: (t) => n(t, u),
+            rules: [i, a(500)]
           },
           {
-            id: x,
+            id: m,
             type: "input",
             label: "Right",
-            placeholder: m,
-            onChange: (d) => g(d, x),
-            rules: [r, l(500)]
+            placeholder: l,
+            onChange: (t) => n(t, m),
+            rules: [i, a(500)]
           },
           {
-            id: f,
+            id: c,
             type: "input",
             label: "Bottom",
-            placeholder: m,
-            onChange: (d) => g(d, f),
-            rules: [r, l(500)]
+            placeholder: l,
+            onChange: (t) => n(t, c),
+            rules: [i, a(500)]
           }
         ]
       }
     ],
-    off: [y(a)]
+    off: [x(d)]
   };
 };
 export {
-  b as getMarginExtendedSettings
+  _ as getMarginExtendedSettings
 };
 //# sourceMappingURL=marginExtended.es.js.map