@frontify/guideline-blocks-settings 1.0.2 → 1.0.4

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":";;;AAyBa,MAAAA,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;AAEhG,SAAA;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,MAC5D;AAAA,IACJ;AAAA,IACA,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,UACX;AAAA,UACA;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UACX;AAAA,UACA;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UACX;AAAA,UACA;AAAA,YACI,OAAOA,EAAc;AAAA,YACrB,OAAO;AAAA,UACX;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,EAAA;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","_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;"}

package/dist/settings/margin.es.js

@@ -1,5 +1,5 @@
 /* empty css               */
-import { presetCustomValue as g, numericalOrPixelRule as c, maximumNumericalOrPixelOrAutoRule as d, appendUnit as h } from "@frontify/sidebar-settings";
+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) => ({
@@ -33,14 +33,14 @@ const f = (e) => ({
     switchLabel: "Custom",
     defaultValue: !1,
     info: "The spacing around UI elements to create more space",
-    onChange: (r) => g(r, u, l, (e == null ? void 0 : e.marginStyleMap) || C),
+    onChange: (r) => h(r, u, l, (e == null ? void 0 : e.marginStyleMap) || C),
     on: [
       {
         id: l,
         type: "input",
         placeholder: M,
         rules: [c, d(500)],
-        onChange: (r) => h(r, l)
+        onChange: (r) => g(r, l)
       }
     ],
     off: [f(u)]

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":";;;;AAwBa,MAAAA,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,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAO;AAAA,MACd,OAAO;AAAA,IACX;AAAA,EACJ;AACJ,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;AAExD,SAAA;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,MACpD;AAAA,IACJ;AAAA,IACA,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,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;"}

package/dist/settings/marginExtended.es.js

@@ -1,5 +1,5 @@
 /* empty css               */
-import { presetCustomValue as r, MultiInputLayout as I, appendUnit as l, numericalOrPixelRule as g, maximumNumericalOrPixelOrAutoRule as u } from "@frontify/sidebar-settings";
+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";
@@ -13,7 +13,7 @@ const b = (e) => {
     defaultValue: !1,
     info: "The spacing around UI elements to create more negative space",
     onChange: (d) => {
-      r(d, a, h, c), r(d, a, M, c), r(d, a, x, c), r(d, a, f, c);
+      u(d, a, h, c), u(d, a, M, c), u(d, a, x, c), u(d, a, f, c);
     },
     on: [
       {
@@ -26,32 +26,32 @@ const b = (e) => {
             type: "input",
             label: "Top",
             placeholder: m,
-            onChange: (d) => l(d, h),
-            rules: [g, u(500)]
+            onChange: (d) => g(d, h),
+            rules: [r, l(500)]
           },
           {
             id: M,
             type: "input",
             label: "Left",
             placeholder: m,
-            onChange: (d) => l(d, M),
-            rules: [g, u(500)]
+            onChange: (d) => g(d, M),
+            rules: [r, l(500)]
           },
           {
             id: x,
             type: "input",
             label: "Right",
             placeholder: m,
-            onChange: (d) => l(d, x),
-            rules: [g, u(500)]
+            onChange: (d) => g(d, x),
+            rules: [r, l(500)]
           },
           {
             id: f,
             type: "input",
             label: "Bottom",
             placeholder: m,
-            onChange: (d) => l(d, f),
-            rules: [g, u(500)]
+            onChange: (d) => g(d, f),
+            rules: [r, l(500)]
           }
         ]
       }

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

@@ -1 +1 @@
-{"version":3,"file":"marginExtended.es.js","sources":["../../src/settings/marginExtended.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MultiInputLayout,\n    type SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\n\nimport { MARGIN_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { getMarginSlider } from './margin';\nimport { marginStyleMap } from './types';\n\ntype MarginSettingsType = {\n    id?: string;\n};\n\n/**\n * Returns margin settings: margin switch, margin slider, custom margin input for every direction\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns margin settings\n */\nexport const getMarginExtendedSettings = (options?: MarginSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasExtendedCustomMargin_${options?.id}` : 'hasExtendedCustomMargin';\n    const valueId = options?.id ? `extendedMarginValues_${options?.id}` : 'extendedMarginValues';\n    const choiceId = options?.id ? `extendedMarginChoice_${options?.id}` : 'extendedMarginChoice';\n    const topId = options?.id ? `extendedMarginTop_${options?.id}` : 'extendedMarginTop';\n    const leftId = options?.id ? `extendedMarginLeft_${options?.id}` : 'extendedMarginLeft';\n    const rightId = options?.id ? `extendedMarginRight_${options?.id}` : 'extendedMarginRight';\n    const bottomId = options?.id ? `extendedMarginBottom_${options?.id}` : 'extendedMarginBottom';\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 negative space',\n        onChange: (bundle) => {\n            presetCustomValue(bundle, choiceId, topId, marginStyleMap);\n            presetCustomValue(bundle, choiceId, leftId, marginStyleMap);\n            presetCustomValue(bundle, choiceId, rightId, marginStyleMap);\n            presetCustomValue(bundle, choiceId, bottomId, marginStyleMap);\n        },\n        on: [\n            {\n                id: valueId,\n                type: 'multiInput',\n                layout: MultiInputLayout.Spider,\n                blocks: [\n                    {\n                        id: topId,\n                        type: 'input',\n                        label: 'Top',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, topId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: leftId,\n                        type: 'input',\n                        label: 'Left',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, leftId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: rightId,\n                        type: 'input',\n                        label: 'Right',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, rightId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: bottomId,\n                        type: 'input',\n                        label: 'Bottom',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, bottomId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                ],\n            },\n        ],\n        off: [getMarginSlider(choiceId)],\n    };\n};\n"],"names":["getMarginExtendedSettings","options","hasId","valueId","choiceId","topId","leftId","rightId","bottomId","bundle","presetCustomValue","marginStyleMap","MultiInputLayout","MARGIN_DEFAULT_PLACEHOLDER","appendUnit","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","getMarginSlider"],"mappings":";;;;;AA0Ba,MAAAA,IAA4B,CAACC,MAA+C;AACrF,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,2BAA2BA,KAAA,gBAAAA,EAAS,EAAE,KAAK,2BACjEE,IAAUF,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,wBAChEG,IAAWH,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,wBACjEI,IAAQJ,KAAA,QAAAA,EAAS,KAAK,qBAAqBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,qBAC3DK,IAASL,KAAA,QAAAA,EAAS,KAAK,sBAAsBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,sBAC7DM,IAAUN,KAAA,QAAAA,EAAS,KAAK,uBAAuBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,uBAC/DO,IAAWP,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK;AAEhE,SAAA;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,UAAU,CAACO,MAAW;AACA,MAAAC,EAAAD,GAAQL,GAAUC,GAAOM,CAAc,GACvCD,EAAAD,GAAQL,GAAUE,GAAQK,CAAc,GACxCD,EAAAD,GAAQL,GAAUG,GAASI,CAAc,GACzCD,EAAAD,GAAQL,GAAUI,GAAUG,CAAc;AAAA,IAChE;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,aAAaQ;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQJ,CAAK;AAAA,YAC9C,OAAO,CAACU,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIV;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaO;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQH,CAAM;AAAA,YAC/C,OAAO,CAACS,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIT;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaM;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQF,CAAO;AAAA,YAChD,OAAO,CAACQ,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIR;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaK;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQD,CAAQ;AAAA,YACjD,OAAO,CAACO,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,KAAK,CAACC,EAAgBb,CAAQ,CAAC;AAAA,EAAA;AAEvC;"}
+{"version":3,"file":"marginExtended.es.js","sources":["../../src/settings/marginExtended.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MultiInputLayout,\n    type SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\n\nimport { MARGIN_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { getMarginSlider } from './margin';\nimport { marginStyleMap } from './types';\n\ntype MarginSettingsType = {\n    id?: string;\n};\n\n/**\n * Returns margin settings: margin switch, margin slider, custom margin input for every direction\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns margin settings\n */\nexport const getMarginExtendedSettings = (options?: MarginSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasExtendedCustomMargin_${options?.id}` : 'hasExtendedCustomMargin';\n    const valueId = options?.id ? `extendedMarginValues_${options?.id}` : 'extendedMarginValues';\n    const choiceId = options?.id ? `extendedMarginChoice_${options?.id}` : 'extendedMarginChoice';\n    const topId = options?.id ? `extendedMarginTop_${options?.id}` : 'extendedMarginTop';\n    const leftId = options?.id ? `extendedMarginLeft_${options?.id}` : 'extendedMarginLeft';\n    const rightId = options?.id ? `extendedMarginRight_${options?.id}` : 'extendedMarginRight';\n    const bottomId = options?.id ? `extendedMarginBottom_${options?.id}` : 'extendedMarginBottom';\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 negative space',\n        onChange: (bundle) => {\n            presetCustomValue(bundle, choiceId, topId, marginStyleMap);\n            presetCustomValue(bundle, choiceId, leftId, marginStyleMap);\n            presetCustomValue(bundle, choiceId, rightId, marginStyleMap);\n            presetCustomValue(bundle, choiceId, bottomId, marginStyleMap);\n        },\n        on: [\n            {\n                id: valueId,\n                type: 'multiInput',\n                layout: MultiInputLayout.Spider,\n                blocks: [\n                    {\n                        id: topId,\n                        type: 'input',\n                        label: 'Top',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, topId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: leftId,\n                        type: 'input',\n                        label: 'Left',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, leftId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: rightId,\n                        type: 'input',\n                        label: 'Right',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, rightId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: bottomId,\n                        type: 'input',\n                        label: 'Bottom',\n                        placeholder: MARGIN_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, bottomId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                ],\n            },\n        ],\n        off: [getMarginSlider(choiceId)],\n    };\n};\n"],"names":["getMarginExtendedSettings","options","hasId","valueId","choiceId","topId","leftId","rightId","bottomId","bundle","presetCustomValue","marginStyleMap","MultiInputLayout","MARGIN_DEFAULT_PLACEHOLDER","appendUnit","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","getMarginSlider"],"mappings":";;;;;AA0BO,MAAMA,IAA4B,CAACC,MAA+C;AACrF,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,2BAA2BA,KAAA,gBAAAA,EAAS,EAAE,KAAK,2BACjEE,IAAUF,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,wBAChEG,IAAWH,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,wBACjEI,IAAQJ,KAAA,QAAAA,EAAS,KAAK,qBAAqBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,qBAC3DK,IAASL,KAAA,QAAAA,EAAS,KAAK,sBAAsBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,sBAC7DM,IAAUN,KAAA,QAAAA,EAAS,KAAK,uBAAuBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,uBAC/DO,IAAWP,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK;AAEvE,SAAO;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,UAAU,CAACO,MAAW;AAClB,MAAAC,EAAkBD,GAAQL,GAAUC,GAAOM,CAAc,GACzDD,EAAkBD,GAAQL,GAAUE,GAAQK,CAAc,GAC1DD,EAAkBD,GAAQL,GAAUG,GAASI,CAAc,GAC3DD,EAAkBD,GAAQL,GAAUI,GAAUG,CAAc;AAAA,IAChE;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,aAAaQ;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQJ,CAAK;AAAA,YAC9C,OAAO,CAACU,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UAAA;AAAA,UAExE;AAAA,YACI,IAAIV;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaO;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQH,CAAM;AAAA,YAC/C,OAAO,CAACS,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UAAA;AAAA,UAExE;AAAA,YACI,IAAIT;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaM;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQF,CAAO;AAAA,YAChD,OAAO,CAACQ,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UAAA;AAAA,UAExE;AAAA,YACI,IAAIR;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaK;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQD,CAAQ;AAAA,YACjD,OAAO,CAACO,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UAAA;AAAA,QACxE;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,KAAK,CAACC,EAAgBb,CAAQ,CAAC;AAAA,EAAA;AAEvC;"}

package/dist/settings/padding.es.js

@@ -1,5 +1,5 @@
 /* empty css               */
-import { presetCustomValue as m, numericalOrPixelRule as g, maximumNumericalOrPixelOrAutoRule as c, appendUnit as h } from "@frontify/sidebar-settings";
+import { appendUnit as m, numericalOrPixelRule as g, maximumNumericalOrPixelOrAutoRule as c, presetCustomValue as h } from "@frontify/sidebar-settings";
 import { PADDING_DEFAULT_PLACEHOLDER as C } from "./defaultValues.es.js";
 import { Padding as a, paddingStyleMap as P } from "./types.es.js";
 const f = (e) => ({
@@ -33,14 +33,14 @@ const f = (e) => ({
     switchLabel: "Custom",
     defaultValue: !1,
     info: "The spacing around UI elements to create more negative space",
-    onChange: (d) => m(d, u, l, (e == null ? void 0 : e.paddingStyleMap) || P),
+    onChange: (d) => h(d, u, l, (e == null ? void 0 : e.paddingStyleMap) || P),
     on: [
       {
         id: l,
         type: "input",
         placeholder: C,
         rules: [g, c(500)],
-        onChange: (d) => h(d, l)
+        onChange: (d) => m(d, l)
       }
     ],
     off: [f(u)]

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

@@ -1 +1 @@
-{"version":3,"file":"padding.es.js","sources":["../../src/settings/padding.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 { PADDING_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { Padding, paddingStyleMap } from './types';\n\ntype PaddingSettingsType = {\n    id?: string;\n    paddingStyleMap?: Record<Padding, string>;\n};\n\n/**\n * Returns padding settings: padding switch, padding slider, custom padding input\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns padding settings\n */\nexport const getPaddingSlider = (id: string): SettingBlock => ({\n    id,\n    type: 'segmentedControls',\n    defaultValue: Padding.Small,\n    choices: [\n        {\n            value: Padding.None,\n            label: 'None',\n        },\n        {\n            value: Padding.Small,\n            label: 'S',\n        },\n        {\n            value: Padding.Medium,\n            label: 'M',\n        },\n        {\n            value: Padding.Large,\n            label: 'L',\n        },\n    ],\n});\n\nexport const getPaddingSettings = (options?: PaddingSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasCustomPaddingValue_${options?.id}` : 'hasCustomPaddingValue';\n    const valueId = options?.id ? `paddingValue_${options?.id}` : 'paddingValue';\n    const choiceId = options?.id ? `paddingChoice_${options?.id}` : 'paddingChoice';\n\n    return {\n        id: hasId,\n        label: 'Padding',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'The spacing around UI elements to create more negative space',\n        onChange: (bundle) => presetCustomValue(bundle, choiceId, valueId, options?.paddingStyleMap || paddingStyleMap),\n        on: [\n            {\n                id: valueId,\n                type: 'input',\n                placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                onChange: (bundle) => appendUnit(bundle, valueId),\n            },\n        ],\n        off: [getPaddingSlider(choiceId)],\n    };\n};\n"],"names":["getPaddingSlider","id","Padding","getPaddingSettings","options","hasId","valueId","choiceId","bundle","presetCustomValue","paddingStyleMap","PADDING_DEFAULT_PLACEHOLDER","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","appendUnit"],"mappings":";;;;AAyBa,MAAAA,IAAmB,CAACC,OAA8B;AAAA,EAC3D,IAAAA;AAAA,EACA,MAAM;AAAA,EACN,cAAcC,EAAQ;AAAA,EACtB,SAAS;AAAA,IACL;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IACX;AAAA,IACA;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IACX;AAAA,EACJ;AACJ,IAEaC,IAAqB,CAACC,MAAgD;AAC/E,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,yBAC/DE,IAAUF,KAAA,QAAAA,EAAS,KAAK,gBAAgBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,gBACxDG,IAAWH,KAAA,QAAAA,EAAS,KAAK,iBAAiBA,KAAA,gBAAAA,EAAS,EAAE,KAAK;AAEzD,SAAA;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,oBAAmBM,CAAe;AAAA,IAC9G,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,MACpD;AAAA,IACJ;AAAA,IACA,KAAK,CAACN,EAAiBO,CAAQ,CAAC;AAAA,EAAA;AAExC;"}
+{"version":3,"file":"padding.es.js","sources":["../../src/settings/padding.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 { PADDING_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { Padding, paddingStyleMap } from './types';\n\ntype PaddingSettingsType = {\n    id?: string;\n    paddingStyleMap?: Record<Padding, string>;\n};\n\n/**\n * Returns padding settings: padding switch, padding slider, custom padding input\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns padding settings\n */\nexport const getPaddingSlider = (id: string): SettingBlock => ({\n    id,\n    type: 'segmentedControls',\n    defaultValue: Padding.Small,\n    choices: [\n        {\n            value: Padding.None,\n            label: 'None',\n        },\n        {\n            value: Padding.Small,\n            label: 'S',\n        },\n        {\n            value: Padding.Medium,\n            label: 'M',\n        },\n        {\n            value: Padding.Large,\n            label: 'L',\n        },\n    ],\n});\n\nexport const getPaddingSettings = (options?: PaddingSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasCustomPaddingValue_${options?.id}` : 'hasCustomPaddingValue';\n    const valueId = options?.id ? `paddingValue_${options?.id}` : 'paddingValue';\n    const choiceId = options?.id ? `paddingChoice_${options?.id}` : 'paddingChoice';\n\n    return {\n        id: hasId,\n        label: 'Padding',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'The spacing around UI elements to create more negative space',\n        onChange: (bundle) => presetCustomValue(bundle, choiceId, valueId, options?.paddingStyleMap || paddingStyleMap),\n        on: [\n            {\n                id: valueId,\n                type: 'input',\n                placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                onChange: (bundle) => appendUnit(bundle, valueId),\n            },\n        ],\n        off: [getPaddingSlider(choiceId)],\n    };\n};\n"],"names":["getPaddingSlider","id","Padding","getPaddingSettings","options","hasId","valueId","choiceId","bundle","presetCustomValue","paddingStyleMap","PADDING_DEFAULT_PLACEHOLDER","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","appendUnit"],"mappings":";;;;AAyBO,MAAMA,IAAmB,CAACC,OAA8B;AAAA,EAC3D,IAAAA;AAAA,EACA,MAAM;AAAA,EACN,cAAcC,EAAQ;AAAA,EACtB,SAAS;AAAA,IACL;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,IAEX;AAAA,MACI,OAAOA,EAAQ;AAAA,MACf,OAAO;AAAA,IAAA;AAAA,EACX;AAER,IAEaC,IAAqB,CAACC,MAAgD;AAC/E,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,yBAC/DE,IAAUF,KAAA,QAAAA,EAAS,KAAK,gBAAgBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,gBACxDG,IAAWH,KAAA,QAAAA,EAAS,KAAK,iBAAiBA,KAAA,gBAAAA,EAAS,EAAE,KAAK;AAEhE,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,oBAAmBM,CAAe;AAAA,IAC9G,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,EAAiBO,CAAQ,CAAC;AAAA,EAAA;AAExC;"}

package/dist/settings/paddingExtended.es.js

@@ -1,5 +1,5 @@
 /* empty css               */
-import { presetCustomValue as l, MultiInputLayout as I, appendUnit as g, numericalOrPixelRule as r, maximumNumericalOrPixelOrAutoRule as u } from "@frontify/sidebar-settings";
+import { numericalOrPixelRule as l, maximumNumericalOrPixelOrAutoRule as g, appendUnit as r, MultiInputLayout as I, presetCustomValue as u } from "@frontify/sidebar-settings";
 import { PADDING_DEFAULT_PLACEHOLDER as m } from "./defaultValues.es.js";
 import { getPaddingSlider as y } from "./padding.es.js";
 import { paddingStyleMap as c } from "./types.es.js";
@@ -13,7 +13,7 @@ const b = (e) => {
     defaultValue: !1,
     info: "The spacing around UI elements to create more negative space",
     onChange: (d) => {
-      l(d, a, h, c), l(d, a, P, c), l(d, a, x, c), l(d, a, f, c);
+      u(d, a, h, c), u(d, a, P, c), u(d, a, x, c), u(d, a, f, c);
     },
     on: [
       {
@@ -26,32 +26,32 @@ const b = (e) => {
             type: "input",
             label: "Top",
             placeholder: m,
-            onChange: (d) => g(d, h),
-            rules: [r, u(500)]
+            onChange: (d) => r(d, h),
+            rules: [l, g(500)]
           },
           {
             id: P,
             type: "input",
             label: "Left",
             placeholder: m,
-            onChange: (d) => g(d, P),
-            rules: [r, u(500)]
+            onChange: (d) => r(d, P),
+            rules: [l, g(500)]
           },
           {
             id: x,
             type: "input",
             label: "Right",
             placeholder: m,
-            onChange: (d) => g(d, x),
-            rules: [r, u(500)]
+            onChange: (d) => r(d, x),
+            rules: [l, g(500)]
           },
           {
             id: f,
             type: "input",
             label: "Bottom",
             placeholder: m,
-            onChange: (d) => g(d, f),
-            rules: [r, u(500)]
+            onChange: (d) => r(d, f),
+            rules: [l, g(500)]
           }
         ]
       }

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

@@ -1 +1 @@
-{"version":3,"file":"paddingExtended.es.js","sources":["../../src/settings/paddingExtended.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MultiInputLayout,\n    type SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\n\nimport { PADDING_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { getPaddingSlider } from './padding';\nimport { paddingStyleMap } from './types';\n\ntype PaddingSettingsType = {\n    id?: string;\n};\n\n/**\n * Returns padding settings: padding switch, padding slider, custom padding input for every direction\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns padding settings\n */\nexport const getPaddingExtendedSettings = (options?: PaddingSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasExtendedCustomPadding_${options?.id}` : 'hasExtendedCustomPadding';\n    const valueId = options?.id ? `extendedPaddingValues_${options?.id}` : 'extendedPaddingValues';\n    const choiceId = options?.id ? `extendedPaddingChoice_${options?.id}` : 'extendedPaddingChoice';\n    const topId = options?.id ? `extendedPaddingTop_${options?.id}` : 'extendedPaddingTop';\n    const leftId = options?.id ? `extendedPaddingLeft_${options?.id}` : 'extendedPaddingLeft';\n    const rightId = options?.id ? `extendedPaddingRight_${options?.id}` : 'extendedPaddingRight';\n    const bottomId = options?.id ? `extendedPaddingBottom_${options?.id}` : 'extendedPaddingBottom';\n\n    return {\n        id: hasId,\n        label: 'Padding',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'The spacing around UI elements to create more negative space',\n        onChange: (bundle) => {\n            presetCustomValue(bundle, choiceId, topId, paddingStyleMap);\n            presetCustomValue(bundle, choiceId, leftId, paddingStyleMap);\n            presetCustomValue(bundle, choiceId, rightId, paddingStyleMap);\n            presetCustomValue(bundle, choiceId, bottomId, paddingStyleMap);\n        },\n        on: [\n            {\n                id: valueId,\n                type: 'multiInput',\n                layout: MultiInputLayout.Spider,\n                blocks: [\n                    {\n                        id: topId,\n                        type: 'input',\n                        label: 'Top',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, topId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: leftId,\n                        type: 'input',\n                        label: 'Left',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, leftId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: rightId,\n                        type: 'input',\n                        label: 'Right',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, rightId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: bottomId,\n                        type: 'input',\n                        label: 'Bottom',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, bottomId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                ],\n            },\n        ],\n        off: [getPaddingSlider(choiceId)],\n    };\n};\n"],"names":["getPaddingExtendedSettings","options","hasId","valueId","choiceId","topId","leftId","rightId","bottomId","bundle","presetCustomValue","paddingStyleMap","MultiInputLayout","PADDING_DEFAULT_PLACEHOLDER","appendUnit","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","getPaddingSlider"],"mappings":";;;;;AA0Ba,MAAAA,IAA6B,CAACC,MAAgD;AACvF,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,4BAA4BA,KAAA,gBAAAA,EAAS,EAAE,KAAK,4BAClEE,IAAUF,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,yBACjEG,IAAWH,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,yBAClEI,IAAQJ,KAAA,QAAAA,EAAS,KAAK,sBAAsBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,sBAC5DK,IAASL,KAAA,QAAAA,EAAS,KAAK,uBAAuBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,uBAC9DM,IAAUN,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,wBAChEO,IAAWP,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK;AAEjE,SAAA;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,UAAU,CAACO,MAAW;AACA,MAAAC,EAAAD,GAAQL,GAAUC,GAAOM,CAAe,GACxCD,EAAAD,GAAQL,GAAUE,GAAQK,CAAe,GACzCD,EAAAD,GAAQL,GAAUG,GAASI,CAAe,GAC1CD,EAAAD,GAAQL,GAAUI,GAAUG,CAAe;AAAA,IACjE;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,aAAaQ;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQJ,CAAK;AAAA,YAC9C,OAAO,CAACU,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIV;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaO;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQH,CAAM;AAAA,YAC/C,OAAO,CAACS,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIT;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaM;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQF,CAAO;AAAA,YAChD,OAAO,CAACQ,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,UACA;AAAA,YACI,IAAIR;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaK;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQD,CAAQ;AAAA,YACjD,OAAO,CAACO,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UACxE;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,KAAK,CAACC,EAAiBb,CAAQ,CAAC;AAAA,EAAA;AAExC;"}
+{"version":3,"file":"paddingExtended.es.js","sources":["../../src/settings/paddingExtended.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MultiInputLayout,\n    type SettingBlock,\n    appendUnit,\n    maximumNumericalOrPixelOrAutoRule,\n    numericalOrPixelRule,\n    presetCustomValue,\n} from '../';\n\nimport { PADDING_DEFAULT_PLACEHOLDER } from './defaultValues';\nimport { getPaddingSlider } from './padding';\nimport { paddingStyleMap } from './types';\n\ntype PaddingSettingsType = {\n    id?: string;\n};\n\n/**\n * Returns padding settings: padding switch, padding slider, custom padding input for every direction\n *\n * @param options Options for the settings\n * @param options.id Custom suffix for the setting ids\n * @returns {SettingBlock} Returns padding settings\n */\nexport const getPaddingExtendedSettings = (options?: PaddingSettingsType): SettingBlock => {\n    const hasId = options?.id ? `hasExtendedCustomPadding_${options?.id}` : 'hasExtendedCustomPadding';\n    const valueId = options?.id ? `extendedPaddingValues_${options?.id}` : 'extendedPaddingValues';\n    const choiceId = options?.id ? `extendedPaddingChoice_${options?.id}` : 'extendedPaddingChoice';\n    const topId = options?.id ? `extendedPaddingTop_${options?.id}` : 'extendedPaddingTop';\n    const leftId = options?.id ? `extendedPaddingLeft_${options?.id}` : 'extendedPaddingLeft';\n    const rightId = options?.id ? `extendedPaddingRight_${options?.id}` : 'extendedPaddingRight';\n    const bottomId = options?.id ? `extendedPaddingBottom_${options?.id}` : 'extendedPaddingBottom';\n\n    return {\n        id: hasId,\n        label: 'Padding',\n        type: 'switch',\n        switchLabel: 'Custom',\n        defaultValue: false,\n        info: 'The spacing around UI elements to create more negative space',\n        onChange: (bundle) => {\n            presetCustomValue(bundle, choiceId, topId, paddingStyleMap);\n            presetCustomValue(bundle, choiceId, leftId, paddingStyleMap);\n            presetCustomValue(bundle, choiceId, rightId, paddingStyleMap);\n            presetCustomValue(bundle, choiceId, bottomId, paddingStyleMap);\n        },\n        on: [\n            {\n                id: valueId,\n                type: 'multiInput',\n                layout: MultiInputLayout.Spider,\n                blocks: [\n                    {\n                        id: topId,\n                        type: 'input',\n                        label: 'Top',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, topId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: leftId,\n                        type: 'input',\n                        label: 'Left',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, leftId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: rightId,\n                        type: 'input',\n                        label: 'Right',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, rightId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                    {\n                        id: bottomId,\n                        type: 'input',\n                        label: 'Bottom',\n                        placeholder: PADDING_DEFAULT_PLACEHOLDER,\n                        onChange: (bundle) => appendUnit(bundle, bottomId),\n                        rules: [numericalOrPixelRule, maximumNumericalOrPixelOrAutoRule(500)],\n                    },\n                ],\n            },\n        ],\n        off: [getPaddingSlider(choiceId)],\n    };\n};\n"],"names":["getPaddingExtendedSettings","options","hasId","valueId","choiceId","topId","leftId","rightId","bottomId","bundle","presetCustomValue","paddingStyleMap","MultiInputLayout","PADDING_DEFAULT_PLACEHOLDER","appendUnit","numericalOrPixelRule","maximumNumericalOrPixelOrAutoRule","getPaddingSlider"],"mappings":";;;;;AA0BO,MAAMA,IAA6B,CAACC,MAAgD;AACvF,QAAMC,IAAQD,KAAA,QAAAA,EAAS,KAAK,4BAA4BA,KAAA,gBAAAA,EAAS,EAAE,KAAK,4BAClEE,IAAUF,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,yBACjEG,IAAWH,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,yBAClEI,IAAQJ,KAAA,QAAAA,EAAS,KAAK,sBAAsBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,sBAC5DK,IAASL,KAAA,QAAAA,EAAS,KAAK,uBAAuBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,uBAC9DM,IAAUN,KAAA,QAAAA,EAAS,KAAK,wBAAwBA,KAAA,gBAAAA,EAAS,EAAE,KAAK,wBAChEO,IAAWP,KAAA,QAAAA,EAAS,KAAK,yBAAyBA,KAAA,gBAAAA,EAAS,EAAE,KAAK;AAExE,SAAO;AAAA,IACH,IAAIC;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,MAAM;AAAA,IACN,UAAU,CAACO,MAAW;AAClB,MAAAC,EAAkBD,GAAQL,GAAUC,GAAOM,CAAe,GAC1DD,EAAkBD,GAAQL,GAAUE,GAAQK,CAAe,GAC3DD,EAAkBD,GAAQL,GAAUG,GAASI,CAAe,GAC5DD,EAAkBD,GAAQL,GAAUI,GAAUG,CAAe;AAAA,IACjE;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,aAAaQ;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQJ,CAAK;AAAA,YAC9C,OAAO,CAACU,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UAAA;AAAA,UAExE;AAAA,YACI,IAAIV;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaO;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQH,CAAM;AAAA,YAC/C,OAAO,CAACS,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UAAA;AAAA,UAExE;AAAA,YACI,IAAIT;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaM;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQF,CAAO;AAAA,YAChD,OAAO,CAACQ,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UAAA;AAAA,UAExE;AAAA,YACI,IAAIR;AAAA,YACJ,MAAM;AAAA,YACN,OAAO;AAAA,YACP,aAAaK;AAAA,YACb,UAAU,CAACJ,MAAWK,EAAWL,GAAQD,CAAQ;AAAA,YACjD,OAAO,CAACO,GAAsBC,EAAkC,GAAG,CAAC;AAAA,UAAA;AAAA,QACxE;AAAA,MACJ;AAAA,IACJ;AAAA,IAEJ,KAAK,CAACC,EAAiBb,CAAQ,CAAC;AAAA,EAAA;AAExC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"securityDownloadable.es.js","sources":["../../src/settings/securityDownloadable.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type SettingBlock } from '..';\n\nimport { Security } from './types';\n\n/**\n * Returns the downloadable security settings.\n *\n * @param {string} id custom id for the setting block\n * @param {string} globalControlId custom id for the global control setting block\n *\n * @returns {SettingBlock} Returns downloadable security settings.\n */\n\ntype SecurityDownloadableSettingType = {\n    id?: string;\n    globalControlId?: string;\n};\n\nexport const getSecurityDownloadableSetting = (options?: SecurityDownloadableSettingType): SettingBlock => {\n    const securityId = getSecurityGlobalControlId(options?.globalControlId);\n    return {\n        id: options?.id ? options.id : 'downloadable',\n        type: 'switch',\n        defaultValue: false,\n        label: 'Downloadable',\n        show: (bundle) => bundle.getBlock(securityId)?.value === Security.Custom,\n    };\n};\n\nexport const getSecurityGlobalControlId = (id?: string): string => {\n    return id || 'security';\n};\n"],"names":["getSecurityDownloadableSetting","options","securityId","getSecurityGlobalControlId","bundle","_a","Security","id"],"mappings":";AAoBa,MAAAA,IAAiC,CAACC,MAA4D;AACjG,QAAAC,IAAaC,EAA2BF,KAAA,gBAAAA,EAAS,eAAe;AAC/D,SAAA;AAAA,IACH,IAAIA,KAAA,QAAAA,EAAS,KAAKA,EAAQ,KAAK;AAAA,IAC/B,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,MAAM,CAACG,MAAW;;AAAA,eAAAC,IAAAD,EAAO,SAASF,CAAU,MAA1B,gBAAAG,EAA6B,WAAUC,EAAS;AAAA;AAAA,EAAA;AAE1E,GAEaH,IAA6B,CAACI,MAChCA,KAAM;"}
+{"version":3,"file":"securityDownloadable.es.js","sources":["../../src/settings/securityDownloadable.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type SettingBlock } from '..';\n\nimport { Security } from './types';\n\n/**\n * Returns the downloadable security settings.\n *\n * @param {string} id custom id for the setting block\n * @param {string} globalControlId custom id for the global control setting block\n *\n * @returns {SettingBlock} Returns downloadable security settings.\n */\n\ntype SecurityDownloadableSettingType = {\n    id?: string;\n    globalControlId?: string;\n};\n\nexport const getSecurityDownloadableSetting = (options?: SecurityDownloadableSettingType): SettingBlock => {\n    const securityId = getSecurityGlobalControlId(options?.globalControlId);\n    return {\n        id: options?.id ? options.id : 'downloadable',\n        type: 'switch',\n        defaultValue: false,\n        label: 'Downloadable',\n        show: (bundle) => bundle.getBlock(securityId)?.value === Security.Custom,\n    };\n};\n\nexport const getSecurityGlobalControlId = (id?: string): string => {\n    return id || 'security';\n};\n"],"names":["getSecurityDownloadableSetting","options","securityId","getSecurityGlobalControlId","bundle","_a","Security","id"],"mappings":";AAoBO,MAAMA,IAAiC,CAACC,MAA4D;AACvG,QAAMC,IAAaC,EAA2BF,KAAA,gBAAAA,EAAS,eAAe;AACtE,SAAO;AAAA,IACH,IAAIA,KAAA,QAAAA,EAAS,KAAKA,EAAQ,KAAK;AAAA,IAC/B,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,MAAM,CAACG;;AAAW,eAAAC,IAAAD,EAAO,SAASF,CAAU,MAA1B,gBAAAG,EAA6B,WAAUC,EAAS;AAAA;AAAA,EAAA;AAE1E,GAEaH,IAA6B,CAACI,MAChCA,KAAM;"}

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

@@ -1 +1 @@
-{"version":3,"file":"securityGlobalControl.es.js","sources":["../../src/settings/securityGlobalControl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type SettingBlock, createFooter } from '..';\n\nimport { getSecurityGlobalControlId } from './securityDownloadable';\nimport { Security } from './types';\n\n/**\n * Returns segment controls for global security settings.\n *\n * @param {string} id custom id for the setting block\n *\n * @returns {SettingBlock} Returns\n */\n\nexport const getSecurityGlobalControlSetting = (id?: string): SettingBlock[] => {\n    const securityId = getSecurityGlobalControlId(id);\n    return [\n        {\n            id: securityId,\n            type: 'segmentedControls',\n            defaultValue: Security.Global,\n            choices: [\n                {\n                    value: Security.Global,\n                    label: 'Global Settings',\n                },\n                {\n                    value: Security.Custom,\n                    label: 'Custom',\n                },\n            ],\n        },\n        {\n            id: 'globalSettingsInfo',\n            type: 'notification',\n            footer: createFooter({\n                label: 'Change global settings [here].',\n                replace: { here: { event: 'general-settings.open' } },\n            }),\n        },\n    ];\n};\n"],"names":["getSecurityGlobalControlSetting","id","getSecurityGlobalControlId","Security","createFooter"],"mappings":";;;;AAea,MAAAA,IAAkC,CAACC,MAErC;AAAA,EACH;AAAA,IACI,IAHWC,EAA2BD,CAAE;AAAA,IAIxC,MAAM;AAAA,IACN,cAAcE,EAAS;AAAA,IACvB,SAAS;AAAA,MACL;AAAA,QACI,OAAOA,EAAS;AAAA,QAChB,OAAO;AAAA,MACX;AAAA,MACA;AAAA,QACI,OAAOA,EAAS;AAAA,QAChB,OAAO;AAAA,MACX;AAAA,IACJ;AAAA,EACJ;AAAA,EACA;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,QAAQC,EAAa;AAAA,MACjB,OAAO;AAAA,MACP,SAAS,EAAE,MAAM,EAAE,OAAO,0BAA0B;AAAA,IAAA,CACvD;AAAA,EACL;AAAA;"}
+{"version":3,"file":"securityGlobalControl.es.js","sources":["../../src/settings/securityGlobalControl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type SettingBlock, createFooter } from '..';\n\nimport { getSecurityGlobalControlId } from './securityDownloadable';\nimport { Security } from './types';\n\n/**\n * Returns segment controls for global security settings.\n *\n * @param {string} id custom id for the setting block\n *\n * @returns {SettingBlock} Returns\n */\n\nexport const getSecurityGlobalControlSetting = (id?: string): SettingBlock[] => {\n    const securityId = getSecurityGlobalControlId(id);\n    return [\n        {\n            id: securityId,\n            type: 'segmentedControls',\n            defaultValue: Security.Global,\n            choices: [\n                {\n                    value: Security.Global,\n                    label: 'Global Settings',\n                },\n                {\n                    value: Security.Custom,\n                    label: 'Custom',\n                },\n            ],\n        },\n        {\n            id: 'globalSettingsInfo',\n            type: 'notification',\n            footer: createFooter({\n                label: 'Change global settings [here].',\n                replace: { here: { event: 'general-settings.open' } },\n            }),\n        },\n    ];\n};\n"],"names":["getSecurityGlobalControlSetting","id","getSecurityGlobalControlId","Security","createFooter"],"mappings":";;;;AAeO,MAAMA,IAAkC,CAACC,MAErC;AAAA,EACH;AAAA,IACI,IAHWC,EAA2BD,CAAE;AAAA,IAIxC,MAAM;AAAA,IACN,cAAcE,EAAS;AAAA,IACvB,SAAS;AAAA,MACL;AAAA,QACI,OAAOA,EAAS;AAAA,QAChB,OAAO;AAAA,MAAA;AAAA,MAEX;AAAA,QACI,OAAOA,EAAS;AAAA,QAChB,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,EACJ;AAAA,EAEJ;AAAA,IACI,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,QAAQC,EAAa;AAAA,MACjB,OAAO;AAAA,MACP,SAAS,EAAE,MAAM,EAAE,OAAO,0BAAwB;AAAA,IAAE,CACvD;AAAA,EAAA;AACL;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.es.js","sources":["../../src/settings/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\n\nexport enum BorderStyle {\n    Solid = 'Solid',\n    Dashed = 'Dashed',\n    Dotted = 'Dotted',\n}\n\nexport const borderStyleMap: Record<BorderStyle, string> = {\n    [BorderStyle.Solid]: 'solid',\n    [BorderStyle.Dotted]: 'dotted',\n    [BorderStyle.Dashed]: 'dashed',\n};\n\nexport enum Radius {\n    None = 'None',\n    Small = 'Small',\n    Medium = 'Medium',\n    Large = 'Large',\n}\n\nexport const radiusStyleMap: Record<Radius, string> = {\n    [Radius.None]: '0px',\n    [Radius.Small]: '2px',\n    [Radius.Medium]: '4px',\n    [Radius.Large]: '12px',\n};\n\nexport enum Padding {\n    None = 'None',\n    Small = 'Small',\n    Medium = 'Medium',\n    Large = 'Large',\n}\n\nexport const paddingStyleMap: Record<Padding, string> = {\n    [Padding.None]: '0px',\n    [Padding.Small]: '24px',\n    [Padding.Medium]: '36px',\n    [Padding.Large]: '60px',\n};\n\nexport type PaddingSettings = {\n    paddingChoice: Padding;\n    hasCustomPaddingValue: boolean;\n    paddingValue: string;\n};\n\nexport type PaddingExtendedSettings = {\n    hasExtendedCustomPadding: boolean;\n    extendedPaddingChoice: Padding;\n    extendedPaddingTop: string;\n    extendedPaddingRight: string;\n    extendedPaddingBottom: string;\n    extendedPaddingLeft: string;\n};\n\nexport type RadiusExtendedSettings = {\n    hasExtendedCustomRadius: boolean;\n    extendedRadiusChoice: Radius;\n    extendedRadiusTopLeft: string;\n    extendedRadiusTopRight: string;\n    extendedRadiusBottomLeft: string;\n    extendedRadiusBottomRight: string;\n};\n\nexport type BorderSettings = {\n    hasBorder: boolean;\n    borderStyle: BorderStyle;\n    borderWidth: string;\n    borderColor: Color;\n};\n\nexport type RadiusSettings = {\n    hasRadius: boolean;\n    radiusValue: string;\n    radiusChoice: Radius;\n};\n\nexport enum Margin {\n    None = 'None',\n    Small = 'Small',\n    Medium = 'Medium',\n    Large = 'Large',\n}\n\nexport const marginStyleMap: Record<Margin, string> = {\n    [Margin.None]: '0px',\n    [Margin.Small]: '24px',\n    [Margin.Medium]: '36px',\n    [Margin.Large]: '60px',\n};\n\nexport type MarginSettings = {\n    marginChoice: Margin;\n    hasCustomMarginValue: boolean;\n    marginValue: string;\n};\n\nexport type MarginExtendedSettings = {\n    hasExtendedCustomMargin: boolean;\n    extendedMarginChoice: Margin;\n    extendedMarginTop: string;\n    extendedMarginRight: string;\n    extendedMarginBottom: string;\n    extendedMarginLeft: string;\n};\n\nexport enum Security {\n    Global = 'Global',\n    Custom = 'Custom',\n}\n\nexport enum GutterSpacing {\n    Auto = 'Auto',\n    S = 'S',\n    M = 'M',\n    L = 'L',\n}\n\nexport const gutterSpacingStyleMap: Record<GutterSpacing, string> = {\n    [GutterSpacing.Auto]: '4px',\n    [GutterSpacing.S]: '10px',\n    [GutterSpacing.M]: '30px',\n    [GutterSpacing.L]: '50px',\n};\n"],"names":["BorderStyle","borderStyleMap","Radius","radiusStyleMap","Padding","paddingStyleMap","Margin","marginStyleMap","Security","GutterSpacing","gutterSpacingStyleMap"],"mappings":"AAIY,IAAAA,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,SAAS,UAHDA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAA8C;AAAA,EACtD,OAAoB;AAAA,EACpB,QAAqB;AAAA,EACrB,QAAqB;AAC1B;AAEY,IAAAC,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAJAA,IAAAA,KAAA,CAAA,CAAA;AAOL,MAAMC,IAAyC;AAAA,EACjD,MAAc;AAAA,EACd,OAAe;AAAA,EACf,QAAgB;AAAA,EAChB,OAAe;AACpB;AAEY,IAAAC,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAJAA,IAAAA,KAAA,CAAA,CAAA;AAOL,MAAMC,IAA2C;AAAA,EACnD,MAAe;AAAA,EACf,OAAgB;AAAA,EAChB,QAAiB;AAAA,EACjB,OAAgB;AACrB;AAuCY,IAAAC,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAJAA,IAAAA,KAAA,CAAA,CAAA;AAOL,MAAMC,IAAyC;AAAA,EACjD,MAAc;AAAA,EACd,OAAe;AAAA,EACf,QAAgB;AAAA,EAChB,OAAe;AACpB;AAiBY,IAAAC,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,SAAS,UAFDA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,IAAI,KAJIA,IAAAA,KAAA,CAAA,CAAA;AAOL,MAAMC,IAAuD;AAAA,EAC/D,MAAqB;AAAA,EACrB,GAAkB;AAAA,EAClB,GAAkB;AAAA,EAClB,GAAkB;AACvB;"}
+{"version":3,"file":"types.es.js","sources":["../../src/settings/types.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type Color } from '@frontify/sidebar-settings';\n\nexport enum BorderStyle {\n    Solid = 'Solid',\n    Dashed = 'Dashed',\n    Dotted = 'Dotted',\n}\n\nexport const borderStyleMap: Record<BorderStyle, string> = {\n    [BorderStyle.Solid]: 'solid',\n    [BorderStyle.Dotted]: 'dotted',\n    [BorderStyle.Dashed]: 'dashed',\n};\n\nexport enum Radius {\n    None = 'None',\n    Small = 'Small',\n    Medium = 'Medium',\n    Large = 'Large',\n}\n\nexport const radiusStyleMap: Record<Radius, string> = {\n    [Radius.None]: '0px',\n    [Radius.Small]: '2px',\n    [Radius.Medium]: '4px',\n    [Radius.Large]: '12px',\n};\n\nexport enum Padding {\n    None = 'None',\n    Small = 'Small',\n    Medium = 'Medium',\n    Large = 'Large',\n}\n\nexport const paddingStyleMap: Record<Padding, string> = {\n    [Padding.None]: '0px',\n    [Padding.Small]: '24px',\n    [Padding.Medium]: '36px',\n    [Padding.Large]: '60px',\n};\n\nexport type PaddingSettings = {\n    paddingChoice: Padding;\n    hasCustomPaddingValue: boolean;\n    paddingValue: string;\n};\n\nexport type PaddingExtendedSettings = {\n    hasExtendedCustomPadding: boolean;\n    extendedPaddingChoice: Padding;\n    extendedPaddingTop: string;\n    extendedPaddingRight: string;\n    extendedPaddingBottom: string;\n    extendedPaddingLeft: string;\n};\n\nexport type RadiusExtendedSettings = {\n    hasExtendedCustomRadius: boolean;\n    extendedRadiusChoice: Radius;\n    extendedRadiusTopLeft: string;\n    extendedRadiusTopRight: string;\n    extendedRadiusBottomLeft: string;\n    extendedRadiusBottomRight: string;\n};\n\nexport type BorderSettings = {\n    hasBorder: boolean;\n    borderStyle: BorderStyle;\n    borderWidth: string;\n    borderColor: Color;\n};\n\nexport type RadiusSettings = {\n    hasRadius: boolean;\n    radiusValue: string;\n    radiusChoice: Radius;\n};\n\nexport enum Margin {\n    None = 'None',\n    Small = 'Small',\n    Medium = 'Medium',\n    Large = 'Large',\n}\n\nexport const marginStyleMap: Record<Margin, string> = {\n    [Margin.None]: '0px',\n    [Margin.Small]: '24px',\n    [Margin.Medium]: '36px',\n    [Margin.Large]: '60px',\n};\n\nexport type MarginSettings = {\n    marginChoice: Margin;\n    hasCustomMarginValue: boolean;\n    marginValue: string;\n};\n\nexport type MarginExtendedSettings = {\n    hasExtendedCustomMargin: boolean;\n    extendedMarginChoice: Margin;\n    extendedMarginTop: string;\n    extendedMarginRight: string;\n    extendedMarginBottom: string;\n    extendedMarginLeft: string;\n};\n\nexport enum Security {\n    Global = 'Global',\n    Custom = 'Custom',\n}\n\nexport enum GutterSpacing {\n    Auto = 'Auto',\n    S = 'S',\n    M = 'M',\n    L = 'L',\n}\n\nexport const gutterSpacingStyleMap: Record<GutterSpacing, string> = {\n    [GutterSpacing.Auto]: '4px',\n    [GutterSpacing.S]: '10px',\n    [GutterSpacing.M]: '30px',\n    [GutterSpacing.L]: '50px',\n};\n"],"names":["BorderStyle","borderStyleMap","Radius","radiusStyleMap","Padding","paddingStyleMap","Margin","marginStyleMap","Security","GutterSpacing","gutterSpacingStyleMap"],"mappings":"AAIO,IAAKA,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,SAAS,UAHDA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAA8C;AAAA,EACtD,OAAoB;AAAA,EACpB,QAAqB;AAAA,EACrB,QAAqB;AAC1B;AAEO,IAAKC,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAJAA,IAAAA,KAAA,CAAA,CAAA;AAOL,MAAMC,IAAyC;AAAA,EACjD,MAAc;AAAA,EACd,OAAe;AAAA,EACf,QAAgB;AAAA,EAChB,OAAe;AACpB;AAEO,IAAKC,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAJAA,IAAAA,KAAA,CAAA,CAAA;AAOL,MAAMC,IAA2C;AAAA,EACnD,MAAe;AAAA,EACf,OAAgB;AAAA,EAChB,QAAiB;AAAA,EACjB,OAAgB;AACrB;AAuCO,IAAKC,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAJAA,IAAAA,KAAA,CAAA,CAAA;AAOL,MAAMC,IAAyC;AAAA,EACjD,MAAc;AAAA,EACd,OAAe;AAAA,EACf,QAAgB;AAAA,EAChB,OAAe;AACpB;AAiBO,IAAKC,sBAAAA,OACRA,EAAA,SAAS,UACTA,EAAA,SAAS,UAFDA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,IAAI,KAJIA,IAAAA,KAAA,CAAA,CAAA;AAOL,MAAMC,IAAuD;AAAA,EAC/D,MAAqB;AAAA,EACrB,GAAkB;AAAA,EAClB,GAAkB;AAAA,EAClB,GAAkB;AACvB;"}