@frontify/guideline-blocks-settings 2.0.0 → 2.0.1

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,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;"}
+{"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;"}

package/dist/settings/padding.es.js

@@ -1,8 +1,8 @@
 /* empty css               */
-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) => ({
+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,
@@ -24,30 +24,30 @@ const f = (e) => ({
       label: "L"
     }
   ]
-}), v = (e) => {
-  const r = e != null && e.id ? `hasCustomPaddingValue_${e == null ? void 0 : e.id}` : "hasCustomPaddingValue", l = e != null && e.id ? `paddingValue_${e == null ? void 0 : e.id}` : "paddingValue", u = e != null && e.id ? `paddingChoice_${e == null ? void 0 : e.id}` : "paddingChoice";
+}), 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: r,
+    id: t,
     label: "Padding",
     type: "switch",
     switchLabel: "Custom",
     defaultValue: !1,
     info: "The spacing around UI elements to create more negative space",
-    onChange: (d) => h(d, u, l, (e == null ? void 0 : e.paddingStyleMap) || P),
+    onChange: (d) => o(d, i, l, e?.paddingStyleMap || g),
     on: [
       {
         id: l,
         type: "input",
-        placeholder: C,
-        rules: [g, c(500)],
-        onChange: (d) => m(d, l)
+        placeholder: m,
+        rules: [n, r(500)],
+        onChange: (d) => u(d, l)
       }
     ],
-    off: [f(u)]
+    off: [c(i)]
   };
 };
 export {
-  v as getPaddingSettings,
-  f as getPaddingSlider
+  P as getPaddingSettings,
+  c 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,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;"}
+{"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;"}

package/dist/settings/paddingExtended.es.js

@@ -1,65 +1,65 @@
 /* empty css               */
-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";
-const b = (e) => {
-  const t = e != null && e.id ? `hasExtendedCustomPadding_${e == null ? void 0 : e.id}` : "hasExtendedCustomPadding", C = e != null && e.id ? `extendedPaddingValues_${e == null ? void 0 : e.id}` : "extendedPaddingValues", a = e != null && e.id ? `extendedPaddingChoice_${e == null ? void 0 : e.id}` : "extendedPaddingChoice", h = e != null && e.id ? `extendedPaddingTop_${e == null ? void 0 : e.id}` : "extendedPaddingTop", P = e != null && e.id ? `extendedPaddingLeft_${e == null ? void 0 : e.id}` : "extendedPaddingLeft", x = e != null && e.id ? `extendedPaddingRight_${e == null ? void 0 : e.id}` : "extendedPaddingRight", f = e != null && e.id ? `extendedPaddingBottom_${e == null ? void 0 : e.id}` : "extendedPaddingBottom";
+import { numericalOrPixelRule as i, MultiInputLayout as P, maximumNumericalOrPixelOrAutoRule as a, appendUnit as n, presetCustomValue as l } from "@frontify/sidebar-settings";
+import { PADDING_DEFAULT_PLACEHOLDER as g } from "./defaultValues.es.js";
+import { getPaddingSlider as x } from "./padding.es.js";
+import { paddingStyleMap as r } from "./types.es.js";
+const _ = (e) => {
+  const h = e?.id ? `hasExtendedCustomPadding_${e?.id}` : "hasExtendedCustomPadding", p = e?.id ? `extendedPaddingValues_${e?.id}` : "extendedPaddingValues", t = e?.id ? `extendedPaddingChoice_${e?.id}` : "extendedPaddingChoice", o = e?.id ? `extendedPaddingTop_${e?.id}` : "extendedPaddingTop", u = e?.id ? `extendedPaddingLeft_${e?.id}` : "extendedPaddingLeft", m = e?.id ? `extendedPaddingRight_${e?.id}` : "extendedPaddingRight", c = e?.id ? `extendedPaddingBottom_${e?.id}` : "extendedPaddingBottom";
   return {
-    id: t,
+    id: h,
     label: "Padding",
     type: "switch",
     switchLabel: "Custom",
     defaultValue: !1,
     info: "The spacing around UI elements to create more negative space",
     onChange: (d) => {
-      u(d, a, h, c), u(d, a, P, c), u(d, a, x, c), u(d, a, f, c);
+      l(d, t, o, r), l(d, t, u, r), l(d, t, m, r), l(d, t, c, r);
     },
     on: [
       {
-        id: C,
+        id: p,
         type: "multiInput",
-        layout: I.Spider,
+        layout: P.Spider,
         blocks: [
           {
-            id: h,
+            id: o,
             type: "input",
             label: "Top",
-            placeholder: m,
-            onChange: (d) => r(d, h),
-            rules: [l, g(500)]
+            placeholder: g,
+            onChange: (d) => n(d, o),
+            rules: [i, a(500)]
           },
           {
-            id: P,
+            id: u,
             type: "input",
             label: "Left",
-            placeholder: m,
-            onChange: (d) => r(d, P),
-            rules: [l, g(500)]
+            placeholder: g,
+            onChange: (d) => n(d, u),
+            rules: [i, a(500)]
           },
           {
-            id: x,
+            id: m,
             type: "input",
             label: "Right",
-            placeholder: m,
-            onChange: (d) => r(d, x),
-            rules: [l, g(500)]
+            placeholder: g,
+            onChange: (d) => n(d, m),
+            rules: [i, a(500)]
           },
           {
-            id: f,
+            id: c,
             type: "input",
             label: "Bottom",
-            placeholder: m,
-            onChange: (d) => r(d, f),
-            rules: [l, g(500)]
+            placeholder: g,
+            onChange: (d) => n(d, c),
+            rules: [i, a(500)]
           }
         ]
       }
     ],
-    off: [y(a)]
+    off: [x(t)]
   };
 };
 export {
-  b as getPaddingExtendedSettings
+  _ as getPaddingExtendedSettings
 };
 //# sourceMappingURL=paddingExtended.es.js.map

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":";;;;;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;"}
+{"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,GAAS,KAAK,4BAA4BA,GAAS,EAAE,KAAK,4BAClEE,IAAUF,GAAS,KAAK,yBAAyBA,GAAS,EAAE,KAAK,yBACjEG,IAAWH,GAAS,KAAK,yBAAyBA,GAAS,EAAE,KAAK,yBAClEI,IAAQJ,GAAS,KAAK,sBAAsBA,GAAS,EAAE,KAAK,sBAC5DK,IAASL,GAAS,KAAK,uBAAuBA,GAAS,EAAE,KAAK,uBAC9DM,IAAUN,GAAS,KAAK,wBAAwBA,GAAS,EAAE,KAAK,wBAChEO,IAAWP,GAAS,KAAK,yBAAyBA,GAAS,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

@@ -1,19 +1,16 @@
-import { Security as t } from "./types.es.js";
-const c = (e) => {
-  const r = d(e == null ? void 0 : e.globalControlId);
+import { Security as o } from "./types.es.js";
+const d = (e) => {
+  const t = r(e?.globalControlId);
   return {
-    id: e != null && e.id ? e.id : "downloadable",
+    id: e?.id ? e.id : "downloadable",
     type: "switch",
     defaultValue: !1,
     label: "Downloadable",
-    show: (a) => {
-      var l;
-      return ((l = a.getBlock(r)) == null ? void 0 : l.value) === t.Custom;
-    }
+    show: (l) => l.getBlock(t)?.value === o.Custom
   };
-}, d = (e) => e || "security";
+}, r = (e) => e || "security";
 export {
-  c as getSecurityDownloadableSetting,
-  d as getSecurityGlobalControlId
+  d as getSecurityDownloadableSetting,
+  r as getSecurityGlobalControlId
 };
 //# sourceMappingURL=securityDownloadable.es.js.map

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":";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;"}
+{"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","Security","id"],"mappings":";AAoBO,MAAMA,IAAiC,CAACC,MAA4D;AACvG,QAAMC,IAAaC,EAA2BF,GAAS,eAAe;AACtE,SAAO;AAAA,IACH,IAAIA,GAAS,KAAKA,EAAQ,KAAK;AAAA,IAC/B,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,MAAM,CAACG,MAAWA,EAAO,SAASF,CAAU,GAAG,UAAUG,EAAS;AAAA,EAAA;AAE1E,GAEaF,IAA6B,CAACG,MAChCA,KAAM;"}

package/dist/utilities/color/getReadableColor.es.js

@@ -1,14 +1,14 @@
-import { TinyColor as n, readability as c } from "@ctrl/tinycolor";
+import { TinyColor as n, readability as d } from "@ctrl/tinycolor";
 import { toShortRgba as i } from "./toShortRgba.es.js";
-const s = (r) => typeof r == "object" && ["red", "green", "blue"].every((t) => r == null ? void 0 : r.hasOwnProperty(t)), a = (r, e) => {
-  const t = s(r) ? i(r) : r, p = s(e) ? i(e) : e;
+const s = (e) => typeof e == "object" && ["red", "green", "blue"].every((t) => e?.hasOwnProperty(t)), y = (e, r) => {
+  const t = s(e) ? i(e) : e, a = s(r) ? i(r) : r;
   let o = new n(t);
-  const d = new n(p);
-  for (; c(o, d) < 4.5; )
+  const p = new n(a);
+  for (; d(o, p) < 4.5; )
     o = o.darken(1);
   return o.toRgbString();
 };
 export {
-  a as getReadableColor
+  y as getReadableColor
 };
 //# sourceMappingURL=getReadableColor.es.js.map

package/dist/utilities/color/getReadableColor.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getReadableColor.es.js","sources":["../../../src/utilities/color/getReadableColor.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorInput, TinyColor, readability } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Returns darkened text color for a given background color, so that it is readable and has enough contrast (above 4.5)\n *\n * @param {Object} textColor Object of RGBA values\n * @param {Object} backgroundColor Object of RGBA values\n * @returns {string} To be used as css value\n */\n\nconst isRgbaLongFormat = (value: unknown): value is Color => {\n    const requiredKeys = ['red', 'green', 'blue'];\n    return typeof value === 'object' && requiredKeys.every((i) => value?.hasOwnProperty(i));\n};\n\nexport const getReadableColor = (textColor: unknown, backgroundColor: unknown): string => {\n    const inputTextColor = isRgbaLongFormat(textColor) ? toShortRgba(textColor) : (textColor as ColorInput);\n    const inputBackgroundColor = isRgbaLongFormat(backgroundColor)\n        ? toShortRgba(backgroundColor)\n        : (backgroundColor as ColorInput);\n    let parsedTextColor = new TinyColor(inputTextColor);\n    const parsedBackgroundColor = new TinyColor(inputBackgroundColor);\n\n    // darken the text color until readability is good\n    while (readability(parsedTextColor, parsedBackgroundColor) < 4.5) {\n        parsedTextColor = parsedTextColor.darken(1);\n    }\n\n    return parsedTextColor.toRgbString();\n};\n"],"names":["isRgbaLongFormat","value","i","getReadableColor","textColor","backgroundColor","inputTextColor","toShortRgba","inputBackgroundColor","parsedTextColor","TinyColor","parsedBackgroundColor","readability"],"mappings":";;AAeA,MAAMA,IAAmB,CAACC,MAEf,OAAOA,KAAU,YADH,CAAC,OAAO,SAAS,MAAM,EACK,MAAM,CAACC,MAAMD,KAAA,gBAAAA,EAAO,eAAeC,EAAE,GAG7EC,IAAmB,CAACC,GAAoBC,MAAqC;AACtF,QAAMC,IAAiBN,EAAiBI,CAAS,IAAIG,EAAYH,CAAS,IAAKA,GACzEI,IAAuBR,EAAiBK,CAAe,IACvDE,EAAYF,CAAe,IAC1BA;AACP,MAAII,IAAkB,IAAIC,EAAUJ,CAAc;AAClD,QAAMK,IAAwB,IAAID,EAAUF,CAAoB;AAGhE,SAAOI,EAAYH,GAAiBE,CAAqB,IAAI;AACzD,IAAAF,IAAkBA,EAAgB,OAAO,CAAC;AAG9C,SAAOA,EAAgB,YAAA;AAC3B;"}
+{"version":3,"file":"getReadableColor.es.js","sources":["../../../src/utilities/color/getReadableColor.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorInput, TinyColor, readability } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Returns darkened text color for a given background color, so that it is readable and has enough contrast (above 4.5)\n *\n * @param {Object} textColor Object of RGBA values\n * @param {Object} backgroundColor Object of RGBA values\n * @returns {string} To be used as css value\n */\n\nconst isRgbaLongFormat = (value: unknown): value is Color => {\n    const requiredKeys = ['red', 'green', 'blue'];\n    return typeof value === 'object' && requiredKeys.every((i) => value?.hasOwnProperty(i));\n};\n\nexport const getReadableColor = (textColor: unknown, backgroundColor: unknown): string => {\n    const inputTextColor = isRgbaLongFormat(textColor) ? toShortRgba(textColor) : (textColor as ColorInput);\n    const inputBackgroundColor = isRgbaLongFormat(backgroundColor)\n        ? toShortRgba(backgroundColor)\n        : (backgroundColor as ColorInput);\n    let parsedTextColor = new TinyColor(inputTextColor);\n    const parsedBackgroundColor = new TinyColor(inputBackgroundColor);\n\n    // darken the text color until readability is good\n    while (readability(parsedTextColor, parsedBackgroundColor) < 4.5) {\n        parsedTextColor = parsedTextColor.darken(1);\n    }\n\n    return parsedTextColor.toRgbString();\n};\n"],"names":["isRgbaLongFormat","value","i","getReadableColor","textColor","backgroundColor","inputTextColor","toShortRgba","inputBackgroundColor","parsedTextColor","TinyColor","parsedBackgroundColor","readability"],"mappings":";;AAeA,MAAMA,IAAmB,CAACC,MAEf,OAAOA,KAAU,YADH,CAAC,OAAO,SAAS,MAAM,EACK,MAAM,CAACC,MAAMD,GAAO,eAAeC,CAAC,CAAC,GAG7EC,IAAmB,CAACC,GAAoBC,MAAqC;AACtF,QAAMC,IAAiBN,EAAiBI,CAAS,IAAIG,EAAYH,CAAS,IAAKA,GACzEI,IAAuBR,EAAiBK,CAAe,IACvDE,EAAYF,CAAe,IAC1BA;AACP,MAAII,IAAkB,IAAIC,EAAUJ,CAAc;AAClD,QAAMK,IAAwB,IAAID,EAAUF,CAAoB;AAGhE,SAAOI,EAAYH,GAAiBE,CAAqB,IAAI;AACzD,IAAAF,IAAkBA,EAAgB,OAAO,CAAC;AAG9C,SAAOA,EAAgB,YAAA;AAC3B;"}

package/dist/utilities/color/isDark.es.js

@@ -1,10 +1,10 @@
 import { TinyColor as n } from "@ctrl/tinycolor";
 import { toShortRgba as s } from "./toShortRgba.es.js";
-const i = (r) => typeof r == "object" && ["red", "green", "blue"].every((o) => r == null ? void 0 : r.hasOwnProperty(o)), y = (r, e) => {
-  const o = i(r) ? s(r) : r, t = new n(o);
-  return e ? t.getBrightness() < e : t.isDark() || t.getAlpha() > 0.25 && t.getAlpha() < 1;
+const i = (r) => typeof r == "object" && ["red", "green", "blue"].every((o) => r?.hasOwnProperty(o)), g = (r, t) => {
+  const o = i(r) ? s(r) : r, e = new n(o);
+  return t ? e.getBrightness() < t : e.isDark() || e.getAlpha() > 0.25 && e.getAlpha() < 1;
 };
 export {
-  y as isDark
+  g as isDark
 };
 //# sourceMappingURL=isDark.es.js.map

package/dist/utilities/color/isDark.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"isDark.es.js","sources":["../../../src/utilities/color/isDark.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorInput, TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Calculates if text should be in a light color depending on color (e.g. background-color)\n *\n * @param {Object} value Object of RGBA values\n * @param {Number|undefined} threshold Threshold for the brightness\n * @returns {Boolean} Return if the color is dark\n */\n\nconst isRgbaLongFormat = (value: unknown): value is Color => {\n    const requiredKeys = ['red', 'green', 'blue'];\n    return typeof value === 'object' && requiredKeys.every((i) => value?.hasOwnProperty(i));\n};\n\nexport const isDark = (color: unknown, threshold?: number): boolean => {\n    const inputColor = isRgbaLongFormat(color) ? toShortRgba(color) : (color as ColorInput);\n    const parsedColor = new TinyColor(inputColor);\n\n    if (threshold) {\n        return parsedColor.getBrightness() < threshold;\n    }\n\n    return parsedColor.isDark() || (parsedColor.getAlpha() > 0.25 && parsedColor.getAlpha() < 1);\n};\n"],"names":["isRgbaLongFormat","value","i","isDark","color","threshold","inputColor","toShortRgba","parsedColor","TinyColor"],"mappings":";;AAeA,MAAMA,IAAmB,CAACC,MAEf,OAAOA,KAAU,YADH,CAAC,OAAO,SAAS,MAAM,EACK,MAAM,CAACC,MAAMD,KAAA,gBAAAA,EAAO,eAAeC,EAAE,GAG7EC,IAAS,CAACC,GAAgBC,MAAgC;AACnE,QAAMC,IAAaN,EAAiBI,CAAK,IAAIG,EAAYH,CAAK,IAAKA,GAC7DI,IAAc,IAAIC,EAAUH,CAAU;AAE5C,SAAID,IACOG,EAAY,kBAAkBH,IAGlCG,EAAY,YAAaA,EAAY,aAAa,QAAQA,EAAY,SAAA,IAAa;AAC9F;"}
+{"version":3,"file":"isDark.es.js","sources":["../../../src/utilities/color/isDark.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type ColorInput, TinyColor } from '@ctrl/tinycolor';\nimport { type Color } from '@frontify/sidebar-settings';\n\nimport { toShortRgba } from './toShortRgba';\n\n/**\n * Calculates if text should be in a light color depending on color (e.g. background-color)\n *\n * @param {Object} value Object of RGBA values\n * @param {Number|undefined} threshold Threshold for the brightness\n * @returns {Boolean} Return if the color is dark\n */\n\nconst isRgbaLongFormat = (value: unknown): value is Color => {\n    const requiredKeys = ['red', 'green', 'blue'];\n    return typeof value === 'object' && requiredKeys.every((i) => value?.hasOwnProperty(i));\n};\n\nexport const isDark = (color: unknown, threshold?: number): boolean => {\n    const inputColor = isRgbaLongFormat(color) ? toShortRgba(color) : (color as ColorInput);\n    const parsedColor = new TinyColor(inputColor);\n\n    if (threshold) {\n        return parsedColor.getBrightness() < threshold;\n    }\n\n    return parsedColor.isDark() || (parsedColor.getAlpha() > 0.25 && parsedColor.getAlpha() < 1);\n};\n"],"names":["isRgbaLongFormat","value","i","isDark","color","threshold","inputColor","toShortRgba","parsedColor","TinyColor"],"mappings":";;AAeA,MAAMA,IAAmB,CAACC,MAEf,OAAOA,KAAU,YADH,CAAC,OAAO,SAAS,MAAM,EACK,MAAM,CAACC,MAAMD,GAAO,eAAeC,CAAC,CAAC,GAG7EC,IAAS,CAACC,GAAgBC,MAAgC;AACnE,QAAMC,IAAaN,EAAiBI,CAAK,IAAIG,EAAYH,CAAK,IAAKA,GAC7DI,IAAc,IAAIC,EAAUH,CAAU;AAE5C,SAAID,IACOG,EAAY,kBAAkBH,IAGlCG,EAAY,YAAaA,EAAY,aAAa,QAAQA,EAAY,SAAA,IAAa;AAC9F;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frontify/guideline-blocks-settings",
   "type": "module",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Provides types and helpers for the guideline block development",
   "author": "Frontify Developers <developers@frontify.com>",
   "repository": {
@@ -42,41 +42,41 @@
     "@react-aria/focus": "^3.21.3",
     "@react-stately/overlays": "^3.6.21",
     "@tailwindcss/container-queries": "^0.1.1",
-    "@frontify/sidebar-settings": "^0.10.8"
+    "@frontify/sidebar-settings": "^0.10.9"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.5",
+    "@babel/core": "^7.29.0",
     "@frontify/eslint-config-react": "1.0.8",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/node": "^24.10.1",
     "@types/react": "^18.3.27",
     "@types/react-dom": "^18.3.7",
     "@types/sinon": "^21.0.0",
-    "@vitejs/plugin-react": "^5.1.1",
-    "@vitest/ui": "^3.2.4",
-    "autoprefixer": "^10.4.22",
-    "cypress": "^15.7.1",
+    "@vitejs/plugin-react": "^5.1.3",
+    "@vitest/ui": "^4.0.18",
+    "autoprefixer": "^10.4.24",
+    "cypress": "^15.9.0",
     "cypress-real-events": "^1.15.0",
-    "eslint": "^9.39.1",
+    "eslint": "^9.39.2",
     "eslint-plugin-notice": "^1.0.0",
-    "happy-dom": "^20.0.11",
+    "happy-dom": "^20.5.0",
     "mitt": "^3.0.1",
-    "msw": "^1.3.5",
+    "msw": "^2.12.7",
     "postcss": "^8.5.6",
     "prettier": "^3.7.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rollup": "^4.53.3",
-    "sinon": "21.0.0",
+    "rollup": "^4.57.1",
+    "sinon": "21.0.1",
     "tailwindcss": "^3.4.18",
     "typescript": "^5.9.3",
-    "vite": "^5.4.21",
-    "vite-plugin-dts": "^3.9.1",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-externalize-deps": "^0.10.0",
     "vite-plugin-externals": "^0.6.2",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.18"
   },
   "scripts": {
     "build": "vite build",