@frontify/guideline-blocks-settings 3.0.2 → 3.0.4

package/dist/settings/gutter.es.js

@@ -1,53 +1,49 @@
-/* empty css               */
-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: c,
-    type: "switch",
-    defaultValue: !1,
-    switchLabel: "Custom",
-    label: "Gutter",
-    info: "An official nerds term for ‘gap’",
-    onChange: (t) => g(t, u, l, o),
-    show: (t) => t.getBlock(i)?.value !== "1",
-    on: [
-      {
-        id: l,
-        type: "input",
-        rules: [d],
-        onChange: (t) => s(t, l)
-      }
-    ],
-    off: [
-      {
-        id: u,
-        type: "slider",
-        defaultValue: n,
-        choices: [
-          {
-            value: a.Auto,
-            label: "Auto"
-          },
-          {
-            value: a.S,
-            label: "S"
-          },
-          {
-            value: a.M,
-            label: "M"
-          },
-          {
-            value: a.L,
-            label: "L"
-          }
-        ]
-      }
-    ]
-  };
+import { GutterSpacing as e, gutterSpacingStyleMap as t } from "./types.es.js";
+import { src_exports as n } from "../index.es.js";
+//#region src/settings/gutter.ts
+var r = (r) => {
+	let i = r?.id ? r.id : "hasCustomSpacing", a = r?.dependentSettingId ? r.dependentSettingId : "columns", o = r?.spacingChoiceId ? r.spacingChoiceId : "spacingChoice", s = r?.spacingCustomId ? r.spacingCustomId : "spacingCustom", c = r?.defaultValueChoices ? r.defaultValueChoices : e.M;
+	return {
+		id: i,
+		type: "switch",
+		defaultValue: !1,
+		switchLabel: "Custom",
+		label: "Gutter",
+		info: "An official nerds term for ‘gap’",
+		onChange: (e) => (0, n.presetCustomValue)(e, o, s, t),
+		show: (e) => e.getBlock(a)?.value !== "1",
+		on: [{
+			id: s,
+			type: "input",
+			rules: [n.numericalOrPixelRule],
+			onChange: (e) => (0, n.appendUnit)(e, s)
+		}],
+		off: [{
+			id: o,
+			type: "slider",
+			defaultValue: c,
+			choices: [
+				{
+					value: e.Auto,
+					label: "Auto"
+				},
+				{
+					value: e.S,
+					label: "S"
+				},
+				{
+					value: e.M,
+					label: "M"
+				},
+				{
+					value: e.L,
+					label: "L"
+				}
+			]
+		}]
+	};
 };
-export {
-  m as getGutterSettings
-};
-//# sourceMappingURL=gutter.es.js.map
+//#endregion
+export { r 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","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;"}
+{"version":3,"file":"gutter.es.js","names":[],"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"],"mappings":";;;AAyBA,IAAa,KAAqB,MAA+C;CAC7E,IAAM,IAAK,GAAS,KAAK,EAAQ,KAAK,oBAChC,IAAqB,GAAS,qBAAqB,EAAQ,qBAAqB,WAChF,IAAkB,GAAS,kBAAkB,EAAQ,kBAAkB,iBACvE,IAAkB,GAAS,kBAAkB,EAAQ,kBAAkB,iBACvE,IAAsB,GAAS,sBAAsB,EAAQ,sBAAsB,EAAc;CAEvG,OAAO;EACH;EACA,MAAM;EACN,cAAc;EACd,aAAa;EACb,OAAO;EACP,MAAM;EACN,WAAW,OAAA,GAAW,EAAA,kBAAA,CAAkB,GAAQ,GAAiB,GAAiB,CAAqB;EACvG,OAAO,MAAW,EAAO,SAAS,CAAkB,CAAC,EAAE,UAAU;EACjE,IAAI,CACA;GACI,IAAI;GACJ,MAAM;GACN,OAAO,CAAC,EAAA,oBAAoB;GAC5B,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAe;EAC5D,CACJ;EACA,KAAK,CACD;GACI,IAAI;GACJ,MAAM;GACN,cAAc;GACd,SAAS;IACL;KACI,OAAO,EAAc;KACrB,OAAO;IACX;IACA;KACI,OAAO,EAAc;KACrB,OAAO;IACX;IACA;KACI,OAAO,EAAc;KACrB,OAAO;IACX;IACA;KACI,OAAO,EAAc;KACrB,OAAO;IACX;GACJ;EACJ,CACJ;CACJ;AACJ"}

package/dist/settings/margin.es.js

@@ -1,53 +1,50 @@
-/* empty css               */
-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,
-  choices: [
-    {
-      value: a.None,
-      label: "None"
-    },
-    {
-      value: a.Small,
-      label: "S"
-    },
-    {
-      value: a.Medium,
-      label: "M"
-    },
-    {
-      value: a.Large,
-      label: "L"
-    }
-  ]
-}), 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: n,
-    label: "Margin",
-    type: "switch",
-    switchLabel: "Custom",
-    defaultValue: !1,
-    info: "The spacing around UI elements to create more space",
-    onChange: (i) => o(i, r, l, e?.marginStyleMap || c),
-    on: [
-      {
-        id: l,
-        type: "input",
-        placeholder: g,
-        rules: [t, m(500)],
-        onChange: (i) => u(i, l)
-      }
-    ],
-    off: [d(r)]
-  };
+import { MARGIN_DEFAULT_PLACEHOLDER as e } from "./defaultValues.es.js";
+import { Margin as t, marginStyleMap as n } from "./types.es.js";
+import { src_exports as r } from "../index.es.js";
+//#region src/settings/margin.ts
+var i = (e) => ({
+	id: e,
+	type: "segmentedControls",
+	defaultValue: t.None,
+	choices: [
+		{
+			value: t.None,
+			label: "None"
+		},
+		{
+			value: t.Small,
+			label: "S"
+		},
+		{
+			value: t.Medium,
+			label: "M"
+		},
+		{
+			value: t.Large,
+			label: "L"
+		}
+	]
+}), a = (t) => {
+	let a = t?.id ? `hasCustomMarginValue_${t?.id}` : "hasCustomMarginValue", o = t?.id ? `marginValue_${t?.id}` : "marginValue", s = t?.id ? `marginChoice_${t?.id}` : "marginChoice";
+	return {
+		id: a,
+		label: "Margin",
+		type: "switch",
+		switchLabel: "Custom",
+		defaultValue: !1,
+		info: "The spacing around UI elements to create more space",
+		onChange: (e) => (0, r.presetCustomValue)(e, s, o, t?.marginStyleMap || n),
+		on: [{
+			id: o,
+			type: "input",
+			placeholder: e,
+			rules: [r.numericalOrPixelRule, (0, r.maximumNumericalOrPixelOrAutoRule)(500)],
+			onChange: (e) => (0, r.appendUnit)(e, o)
+		}],
+		off: [i(s)]
+	};
 };
-export {
-  C as getMarginSettings,
-  d as getMarginSlider
-};
-//# sourceMappingURL=margin.es.js.map
+//#endregion
+export { a as getMarginSettings, i 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,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;"}
+{"version":3,"file":"margin.es.js","names":[],"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"],"mappings":";;;;AAwBA,IAAa,KAAmB,OAA8B;CAC1D;CACA,MAAM;CACN,cAAc,EAAO;CACrB,SAAS;EACL;GACI,OAAO,EAAO;GACd,OAAO;EACX;EACA;GACI,OAAO,EAAO;GACd,OAAO;EACX;EACA;GACI,OAAO,EAAO;GACd,OAAO;EACX;EACA;GACI,OAAO,EAAO;GACd,OAAO;EACX;CACJ;AACJ,IAEa,KAAqB,MAA+C;CAC7E,IAAM,IAAQ,GAAS,KAAK,wBAAwB,GAAS,OAAO,wBAC9D,IAAU,GAAS,KAAK,eAAe,GAAS,OAAO,eACvD,IAAW,GAAS,KAAK,gBAAgB,GAAS,OAAO;CAE/D,OAAO;EACH,IAAI;EACJ,OAAO;EACP,MAAM;EACN,aAAa;EACb,cAAc;EACd,MAAM;EACN,WAAW,OAAA,GAAW,EAAA,kBAAA,CAAkB,GAAQ,GAAU,GAAS,GAAS,kBAAkB,CAAc;EAC5G,IAAI,CACA;GACI,IAAI;GACJ,MAAM;GACN,aAAa;GACb,OAAO,CAAC,EAAA,uBAAA,GAAsB,EAAA,kCAAA,CAAkC,GAAG,CAAC;GACpE,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAO;EACpD,CACJ;EACA,KAAK,CAAC,EAAgB,CAAQ,CAAC;CACnC;AACJ"}

package/dist/settings/marginExtended.es.js

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

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":";;;;;AA0BO,MAAMA,IAA4B,CAACC,MAA+C;AACrF,QAAMC,IAAQD,GAAS,KAAK,2BAA2BA,GAAS,EAAE,KAAK,2BACjEE,IAAUF,GAAS,KAAK,wBAAwBA,GAAS,EAAE,KAAK,wBAChEG,IAAWH,GAAS,KAAK,wBAAwBA,GAAS,EAAE,KAAK,wBACjEI,IAAQJ,GAAS,KAAK,qBAAqBA,GAAS,EAAE,KAAK,qBAC3DK,IAASL,GAAS,KAAK,sBAAsBA,GAAS,EAAE,KAAK,sBAC7DM,IAAUN,GAAS,KAAK,uBAAuBA,GAAS,EAAE,KAAK,uBAC/DO,IAAWP,GAAS,KAAK,wBAAwBA,GAAS,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;"}
+{"version":3,"file":"marginExtended.es.js","names":[],"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"],"mappings":";;;;;AA0BA,IAAa,KAA6B,MAA+C;CACrF,IAAM,IAAQ,GAAS,KAAK,2BAA2B,GAAS,OAAO,2BACjE,IAAU,GAAS,KAAK,wBAAwB,GAAS,OAAO,wBAChE,IAAW,GAAS,KAAK,wBAAwB,GAAS,OAAO,wBACjE,IAAQ,GAAS,KAAK,qBAAqB,GAAS,OAAO,qBAC3D,IAAS,GAAS,KAAK,sBAAsB,GAAS,OAAO,sBAC7D,IAAU,GAAS,KAAK,uBAAuB,GAAS,OAAO,uBAC/D,IAAW,GAAS,KAAK,wBAAwB,GAAS,OAAO;CAEvE,OAAO;EACH,IAAI;EACJ,OAAO;EACP,MAAM;EACN,aAAa;EACb,cAAc;EACd,MAAM;EACN,WAAW,MAAW;GAIlB,CAHA,GAAA,EAAA,kBAAA,CAAkB,GAAQ,GAAU,GAAO,CAAc,IACzD,GAAA,EAAA,kBAAA,CAAkB,GAAQ,GAAU,GAAQ,CAAc,IAC1D,GAAA,EAAA,kBAAA,CAAkB,GAAQ,GAAU,GAAS,CAAc,IAC3D,GAAA,EAAA,kBAAA,CAAkB,GAAQ,GAAU,GAAU,CAAc;EAChE;EACA,IAAI,CACA;GACI,IAAI;GACJ,MAAM;GACN,QAAQ,EAAA,iBAAiB;GACzB,QAAQ;IACJ;KACI,IAAI;KACJ,MAAM;KACN,OAAO;KACP,aAAa;KACb,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAK;KAC9C,OAAO,CAAC,EAAA,uBAAA,GAAsB,EAAA,kCAAA,CAAkC,GAAG,CAAC;IACxE;IACA;KACI,IAAI;KACJ,MAAM;KACN,OAAO;KACP,aAAa;KACb,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAM;KAC/C,OAAO,CAAC,EAAA,uBAAA,GAAsB,EAAA,kCAAA,CAAkC,GAAG,CAAC;IACxE;IACA;KACI,IAAI;KACJ,MAAM;KACN,OAAO;KACP,aAAa;KACb,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAO;KAChD,OAAO,CAAC,EAAA,uBAAA,GAAsB,EAAA,kCAAA,CAAkC,GAAG,CAAC;IACxE;IACA;KACI,IAAI;KACJ,MAAM;KACN,OAAO;KACP,aAAa;KACb,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAQ;KACjD,OAAO,CAAC,EAAA,uBAAA,GAAsB,EAAA,kCAAA,CAAkC,GAAG,CAAC;IACxE;GACJ;EACJ,CACJ;EACA,KAAK,CAAC,EAAgB,CAAQ,CAAC;CACnC;AACJ"}

package/dist/settings/padding.es.js

@@ -1,53 +1,50 @@
-/* empty css               */
-import { numericalOrPixelRule as n, appendUnit as u, maximumNumericalOrPixelOrAutoRule as r, presetCustomValue as o } from "@frontify/sidebar-settings";
-import { PADDING_DEFAULT_PLACEHOLDER as m } from "./defaultValues.es.js";
-import { Padding as a, paddingStyleMap as g } from "./types.es.js";
-const c = (e) => ({
-  id: e,
-  type: "segmentedControls",
-  defaultValue: a.Small,
-  choices: [
-    {
-      value: a.None,
-      label: "None"
-    },
-    {
-      value: a.Small,
-      label: "S"
-    },
-    {
-      value: a.Medium,
-      label: "M"
-    },
-    {
-      value: a.Large,
-      label: "L"
-    }
-  ]
-}), P = (e) => {
-  const t = e?.id ? `hasCustomPaddingValue_${e?.id}` : "hasCustomPaddingValue", l = e?.id ? `paddingValue_${e?.id}` : "paddingValue", i = e?.id ? `paddingChoice_${e?.id}` : "paddingChoice";
-  return {
-    id: t,
-    label: "Padding",
-    type: "switch",
-    switchLabel: "Custom",
-    defaultValue: !1,
-    info: "The spacing around UI elements to create more negative space",
-    onChange: (d) => o(d, i, l, e?.paddingStyleMap || g),
-    on: [
-      {
-        id: l,
-        type: "input",
-        placeholder: m,
-        rules: [n, r(500)],
-        onChange: (d) => u(d, l)
-      }
-    ],
-    off: [c(i)]
-  };
+import { PADDING_DEFAULT_PLACEHOLDER as e } from "./defaultValues.es.js";
+import { Padding as t, paddingStyleMap as n } from "./types.es.js";
+import { src_exports as r } from "../index.es.js";
+//#region src/settings/padding.ts
+var i = (e) => ({
+	id: e,
+	type: "segmentedControls",
+	defaultValue: t.Small,
+	choices: [
+		{
+			value: t.None,
+			label: "None"
+		},
+		{
+			value: t.Small,
+			label: "S"
+		},
+		{
+			value: t.Medium,
+			label: "M"
+		},
+		{
+			value: t.Large,
+			label: "L"
+		}
+	]
+}), a = (t) => {
+	let a = t?.id ? `hasCustomPaddingValue_${t?.id}` : "hasCustomPaddingValue", o = t?.id ? `paddingValue_${t?.id}` : "paddingValue", s = t?.id ? `paddingChoice_${t?.id}` : "paddingChoice";
+	return {
+		id: a,
+		label: "Padding",
+		type: "switch",
+		switchLabel: "Custom",
+		defaultValue: !1,
+		info: "The spacing around UI elements to create more negative space",
+		onChange: (e) => (0, r.presetCustomValue)(e, s, o, t?.paddingStyleMap || n),
+		on: [{
+			id: o,
+			type: "input",
+			placeholder: e,
+			rules: [r.numericalOrPixelRule, (0, r.maximumNumericalOrPixelOrAutoRule)(500)],
+			onChange: (e) => (0, r.appendUnit)(e, o)
+		}],
+		off: [i(s)]
+	};
 };
-export {
-  P as getPaddingSettings,
-  c as getPaddingSlider
-};
-//# sourceMappingURL=padding.es.js.map
+//#endregion
+export { a as getPaddingSettings, i as getPaddingSlider };
+
+//# sourceMappingURL=padding.es.js.map

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":";;;;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,GAAS,KAAK,yBAAyBA,GAAS,EAAE,KAAK,yBAC/DE,IAAUF,GAAS,KAAK,gBAAgBA,GAAS,EAAE,KAAK,gBACxDG,IAAWH,GAAS,KAAK,iBAAiBA,GAAS,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,GAASF,GAAS,mBAAmBM,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;"}
+{"version":3,"file":"padding.es.js","names":[],"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"],"mappings":";;;;AAyBA,IAAa,KAAoB,OAA8B;CAC3D;CACA,MAAM;CACN,cAAc,EAAQ;CACtB,SAAS;EACL;GACI,OAAO,EAAQ;GACf,OAAO;EACX;EACA;GACI,OAAO,EAAQ;GACf,OAAO;EACX;EACA;GACI,OAAO,EAAQ;GACf,OAAO;EACX;EACA;GACI,OAAO,EAAQ;GACf,OAAO;EACX;CACJ;AACJ,IAEa,KAAsB,MAAgD;CAC/E,IAAM,IAAQ,GAAS,KAAK,yBAAyB,GAAS,OAAO,yBAC/D,IAAU,GAAS,KAAK,gBAAgB,GAAS,OAAO,gBACxD,IAAW,GAAS,KAAK,iBAAiB,GAAS,OAAO;CAEhE,OAAO;EACH,IAAI;EACJ,OAAO;EACP,MAAM;EACN,aAAa;EACb,cAAc;EACd,MAAM;EACN,WAAW,OAAA,GAAW,EAAA,kBAAA,CAAkB,GAAQ,GAAU,GAAS,GAAS,mBAAmB,CAAe;EAC9G,IAAI,CACA;GACI,IAAI;GACJ,MAAM;GACN,aAAa;GACb,OAAO,CAAC,EAAA,uBAAA,GAAsB,EAAA,kCAAA,CAAkC,GAAG,CAAC;GACpE,WAAW,OAAA,GAAW,EAAA,WAAA,CAAW,GAAQ,CAAO;EACpD,CACJ;EACA,KAAK,CAAC,EAAiB,CAAQ,CAAC;CACpC;AACJ"}