@frontify/guideline-blocks-settings 0.13.0 → 0.15.1

package/README.md

@@ -6,7 +6,7 @@ Provides the block settings types for the guideline-blocks.
 
 ```ts
 import { Bundle, BlockSettings } from '@frontify/guideline-blocks-settings';
-import { IconEnum } from '@frontify/arcade';
+import { IconEnum } from '@frontify/fondue';
 
 const Settings: BlockSettings = {
     main: [

package/dist/blocks/choices.d.ts

@@ -1,4 +1,4 @@
-import { IconEnum } from '@frontify/arcade';
+import { IconEnum } from '@frontify/fondue';
 import { BaseBlock } from './base';
 export declare type Choice = {
     label?: string | number;

package/dist/blocks/colorInput.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '@frontify/arcade';
+import { Color } from '@frontify/fondue';
 import { BaseBlock } from './base';
 export declare type ColorInputBlock = {
     type: 'colorInput';

package/dist/blocks/dropdown.d.ts

@@ -1,4 +1,4 @@
-import { DropdownSize } from '@frontify/arcade';
+import { DropdownSize } from '@frontify/fondue';
 import { ChoicesType } from './choices';
 export declare type DropdownBlock = {
     type: 'dropdown';

package/dist/blocks/index.d.ts

@@ -11,6 +11,7 @@ import { SectionHeadingBlock } from './sectionHeading';
 import { SliderBlock } from './slider';
 import { SwitchBlock } from './switch';
 import { TemplateInputBlock } from './templateInput';
+import { TextareaBlock } from './textarea';
 export * from './assetInput';
 export * from './checklist';
 export * from './choices';
@@ -25,7 +26,8 @@ export * from './sectionHeading';
 export * from './slider';
 export * from './switch';
 export * from './templateInput';
-export declare type SimpleSettingBlock = AssetInputBlock | ChecklistBlock | ColorInputBlock | DropdownBlock | InputBlock | LegacyAssetInputBlock | MultiInputBlock | SectionHeadingBlock | SliderBlock | SwitchBlock | TemplateInputBlock | NotificationBlock | LinkChooserBlock;
+export * from './textarea';
+export declare type SimpleSettingBlock = AssetInputBlock | ChecklistBlock | ColorInputBlock | DropdownBlock | InputBlock | LegacyAssetInputBlock | LinkChooserBlock | MultiInputBlock | NotificationBlock | SectionHeadingBlock | SliderBlock | SwitchBlock | TemplateInputBlock | TextareaBlock;
 export declare type DynamicSupportedBlock = InputBlock | ColorInputBlock | DropdownBlock;
 export declare type DynamicSettingBlock<T extends DynamicSupportedBlock = DynamicSupportedBlock> = Omit<T, 'value'> & {
     value?: DynamicSupportedBlock['value'][];

package/dist/blocks/index.es.js

@@ -0,0 +1,13 @@
+var AssetInputSource = /* @__PURE__ */ ((AssetInputSource2) => {
+  AssetInputSource2["Library"] = "Library";
+  AssetInputSource2["Upload"] = "Upload";
+  return AssetInputSource2;
+})(AssetInputSource || {});
+var AssetInputMode = /* @__PURE__ */ ((AssetInputMode2) => {
+  AssetInputMode2["BrowseAndUpload"] = "BrowseAndUpload";
+  AssetInputMode2["UploadOnly"] = "UploadOnly";
+  AssetInputMode2["BrowseOnly"] = "BrowseOnly";
+  return AssetInputMode2;
+})(AssetInputMode || {});
+export { AssetInputMode, AssetInputSource };
+//# sourceMappingURL=index.es.js.map

package/dist/blocks/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../types/blocks/assetInput.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AssetChooserObjectType, AssetChooserProjectType, FileExtension } from '@frontify/app-bridge';\nimport { BaseBlock } from './base';\n\nexport enum AssetInputSource {\n    Library = 'Library',\n    Upload = 'Upload',\n}\n\nexport enum AssetInputMode {\n    BrowseAndUpload = 'BrowseAndUpload',\n    UploadOnly = 'UploadOnly',\n    BrowseOnly = 'BrowseOnly',\n}\n\nexport type AssetInputValue = {\n    source: AssetInputSource;\n    value: number;\n};\n\nexport type AssetInputBlock = {\n    type: 'assetInput';\n    multiSelection?: boolean;\n    extensions?: (FileExtension | string)[];\n    projectTypes?: AssetChooserProjectType[];\n    objectTypes?: AssetChooserObjectType[];\n    mode?: AssetInputMode;\n} & BaseBlock<AssetInputValue | AssetInputValue['value']>;\n"],"names":[],"mappings":"AAKY,IAAA,qCAAA,sBAAL;AACO,oBAAA,aAAA;AACD,oBAAA,YAAA;AAFD,SAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAKA,IAAA,mCAAA,oBAAL;AACe,kBAAA,qBAAA;AACL,kBAAA,gBAAA;AACA,kBAAA,gBAAA;AAHL,SAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;;"}

package/dist/blocks/index.es2.js

@@ -0,0 +1,13 @@
+var LegacyAssetInputSource = /* @__PURE__ */ ((LegacyAssetInputSource2) => {
+  LegacyAssetInputSource2["Library"] = "Library";
+  LegacyAssetInputSource2["Upload"] = "Upload";
+  return LegacyAssetInputSource2;
+})(LegacyAssetInputSource || {});
+var LegacyAssetInputMode = /* @__PURE__ */ ((LegacyAssetInputMode2) => {
+  LegacyAssetInputMode2["BrowseAndUpload"] = "BrowseAndUpload";
+  LegacyAssetInputMode2["UploadOnly"] = "UploadOnly";
+  LegacyAssetInputMode2["BrowseOnly"] = "BrowseOnly";
+  return LegacyAssetInputMode2;
+})(LegacyAssetInputMode || {});
+export { LegacyAssetInputMode, LegacyAssetInputSource };
+//# sourceMappingURL=index.es2.js.map

package/dist/blocks/index.es2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es2.js","sources":["../../types/blocks/legacyAssetInput.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AssetChooserObjectType, AssetChooserProjectType, FileExtension } from '@frontify/app-bridge';\nimport { BaseBlock } from './base';\n\nexport enum LegacyAssetInputSource {\n    Library = 'Library',\n    Upload = 'Upload',\n}\n\nexport enum LegacyAssetInputMode {\n    BrowseAndUpload = 'BrowseAndUpload',\n    UploadOnly = 'UploadOnly',\n    BrowseOnly = 'BrowseOnly',\n}\n\nexport type LegacyAssetInputValue = {\n    source: LegacyAssetInputSource;\n    value: number;\n};\n\nexport type LegacyAssetInputBlock = {\n    type: 'legacyAssetInput';\n    multiSelection?: boolean;\n    extensions?: (FileExtension | string)[];\n    projectTypes?: AssetChooserProjectType[];\n    objectTypes?: AssetChooserObjectType[];\n    mode?: LegacyAssetInputMode;\n} & BaseBlock<LegacyAssetInputValue | LegacyAssetInputValue['value']>;\n"],"names":[],"mappings":"AAKY,IAAA,2CAAA,4BAAL;AACO,0BAAA,aAAA;AACD,0BAAA,YAAA;AAFD,SAAA;AAAA,GAAA,0BAAA,CAAA,CAAA;AAKA,IAAA,yCAAA,0BAAL;AACe,wBAAA,qBAAA;AACL,wBAAA,gBAAA;AACA,wBAAA,gBAAA;AAHL,SAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;;"}

package/dist/blocks/index.es3.js

@@ -0,0 +1,16 @@
+var NotificationStyleType = /* @__PURE__ */ ((NotificationStyleType2) => {
+  NotificationStyleType2["Warning"] = "Warning";
+  NotificationStyleType2["Negative"] = "Negative";
+  NotificationStyleType2["Positive"] = "Positive";
+  NotificationStyleType2["Info"] = "Info";
+  return NotificationStyleType2;
+})(NotificationStyleType || {});
+var NotificationBlockDividerPosition = /* @__PURE__ */ ((NotificationBlockDividerPosition2) => {
+  NotificationBlockDividerPosition2["Top"] = "Top";
+  NotificationBlockDividerPosition2["Bottom"] = "Bottom";
+  NotificationBlockDividerPosition2["Both"] = "Both";
+  NotificationBlockDividerPosition2["None"] = "None";
+  return NotificationBlockDividerPosition2;
+})(NotificationBlockDividerPosition || {});
+export { NotificationBlockDividerPosition, NotificationStyleType };
+//# sourceMappingURL=index.es3.js.map

package/dist/blocks/index.es3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es3.js","sources":["../../types/blocks/notification.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { BaseBlock } from './base';\n\nexport enum NotificationStyleType {\n    Warning = 'Warning',\n    Negative = 'Negative',\n    Positive = 'Positive',\n    Info = 'Info',\n}\n\nexport type Link = {\n    label?: string;\n    href: string;\n    target?: '_self' | '_blank';\n};\n\nexport enum NotificationBlockDividerPosition {\n    Top = 'Top',\n    Bottom = 'Bottom',\n    Both = 'Both',\n    None = 'None',\n}\n\nexport type NotificationBlock = {\n    type: 'notification';\n    title?: string;\n    text?: string;\n    link?: Link;\n    styles: {\n        type: NotificationStyleType;\n        icon?: boolean;\n        divider?: NotificationBlockDividerPosition;\n    };\n} & BaseBlock;\n"],"names":[],"mappings":"AAIY,IAAA,0CAAA,2BAAL;AACO,yBAAA,aAAA;AACC,yBAAA,cAAA;AACA,yBAAA,cAAA;AACJ,yBAAA,UAAA;AAJC,SAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAaA,IAAA,qDAAA,sCAAL;AACG,oCAAA,SAAA;AACG,oCAAA,YAAA;AACF,oCAAA,UAAA;AACA,oCAAA,UAAA;AAJC,SAAA;AAAA,GAAA,oCAAA,CAAA,CAAA;;"}

package/dist/blocks/input.d.ts

@@ -1,4 +1,4 @@
-import { TextInputType } from '@frontify/arcade';
+import { TextInputType } from '@frontify/fondue';
 import { Rule } from '../validation';
 import { BaseBlock } from './base';
 export declare type InputBlock = {

package/dist/blocks/linkChooser.d.ts

@@ -1,4 +1,4 @@
-import { SearchResult, Validation } from '@frontify/arcade';
+import { SearchResult, Validation } from '@frontify/fondue';
 import { BaseBlock } from './base';
 export declare type LinkChooserBlock = {
     type: 'linkChooser';

package/dist/blocks/multiInput.d.ts

@@ -1,4 +1,4 @@
-import { MultiInputLayout } from '@frontify/arcade';
+import { MultiInputLayout } from '@frontify/fondue';
 import { BaseBlock } from './base';
 import { ColorInputBlock } from './colorInput';
 import { DropdownBlock } from './dropdown';

package/dist/blocks/textarea.d.ts

@@ -0,0 +1,7 @@
+import { Rule } from '../validation';
+import { BaseBlock } from './base';
+export declare type TextareaBlock = {
+    type: 'textarea';
+    placeholder?: string;
+    rules?: Rule<string>[];
+} & BaseBlock<string>;

package/dist/index.es.js

@@ -1,39 +1,6 @@
-var AssetInputSource = /* @__PURE__ */ ((AssetInputSource2) => {
-  AssetInputSource2["Library"] = "Library";
-  AssetInputSource2["Upload"] = "Upload";
-  return AssetInputSource2;
-})(AssetInputSource || {});
-var AssetInputMode = /* @__PURE__ */ ((AssetInputMode2) => {
-  AssetInputMode2["BrowseAndUpload"] = "BrowseAndUpload";
-  AssetInputMode2["UploadOnly"] = "UploadOnly";
-  AssetInputMode2["BrowseOnly"] = "BrowseOnly";
-  return AssetInputMode2;
-})(AssetInputMode || {});
-var LegacyAssetInputSource = /* @__PURE__ */ ((LegacyAssetInputSource2) => {
-  LegacyAssetInputSource2["Library"] = "Library";
-  LegacyAssetInputSource2["Upload"] = "Upload";
-  return LegacyAssetInputSource2;
-})(LegacyAssetInputSource || {});
-var LegacyAssetInputMode = /* @__PURE__ */ ((LegacyAssetInputMode2) => {
-  LegacyAssetInputMode2["BrowseAndUpload"] = "BrowseAndUpload";
-  LegacyAssetInputMode2["UploadOnly"] = "UploadOnly";
-  LegacyAssetInputMode2["BrowseOnly"] = "BrowseOnly";
-  return LegacyAssetInputMode2;
-})(LegacyAssetInputMode || {});
-var NotificationStyleType = /* @__PURE__ */ ((NotificationStyleType2) => {
-  NotificationStyleType2["Warning"] = "Warning";
-  NotificationStyleType2["Negative"] = "Negative";
-  NotificationStyleType2["Positive"] = "Positive";
-  NotificationStyleType2["Info"] = "Info";
-  return NotificationStyleType2;
-})(NotificationStyleType || {});
-var NotificationBlockDividerPosition = /* @__PURE__ */ ((NotificationBlockDividerPosition2) => {
-  NotificationBlockDividerPosition2["Top"] = "Top";
-  NotificationBlockDividerPosition2["Bottom"] = "Bottom";
-  NotificationBlockDividerPosition2["Both"] = "Both";
-  NotificationBlockDividerPosition2["None"] = "None";
-  return NotificationBlockDividerPosition2;
-})(NotificationBlockDividerPosition || {});
+export { AssetInputMode, AssetInputSource } from "./blocks/index.es.js";
+export { LegacyAssetInputMode, LegacyAssetInputSource } from "./blocks/index.es2.js";
+export { NotificationBlockDividerPosition, NotificationStyleType } from "./blocks/index.es3.js";
 var Sections = /* @__PURE__ */ ((Sections2) => {
   Sections2["Main"] = "main";
   Sections2["Content"] = "content";
@@ -43,5 +10,5 @@ var Sections = /* @__PURE__ */ ((Sections2) => {
   Sections2["Targets"] = "targets";
   return Sections2;
 })(Sections || {});
-export { AssetInputMode, AssetInputSource, LegacyAssetInputMode, LegacyAssetInputSource, NotificationBlockDividerPosition, NotificationStyleType, Sections };
+export { Sections };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../types/blocks/assetInput.ts","../types/blocks/legacyAssetInput.ts","../types/blocks/notification.ts","../types/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AssetChooserObjectType, AssetChooserProjectType, FileExtension } from '@frontify/app-bridge';\nimport { BaseBlock } from './base';\n\nexport enum AssetInputSource {\n    Library = 'Library',\n    Upload = 'Upload',\n}\n\nexport enum AssetInputMode {\n    BrowseAndUpload = 'BrowseAndUpload',\n    UploadOnly = 'UploadOnly',\n    BrowseOnly = 'BrowseOnly',\n}\n\nexport type AssetInputValue = {\n    source: AssetInputSource;\n    value: number;\n};\n\nexport type AssetInputBlock = {\n    type: 'assetInput';\n    multiSelection?: boolean;\n    extensions?: (FileExtension | string)[];\n    projectTypes?: AssetChooserProjectType[];\n    objectTypes?: AssetChooserObjectType[];\n    mode?: AssetInputMode;\n} & BaseBlock<AssetInputValue | AssetInputValue['value']>;\n","/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AssetChooserObjectType, AssetChooserProjectType, FileExtension } from '@frontify/app-bridge';\nimport { BaseBlock } from './base';\n\nexport enum LegacyAssetInputSource {\n    Library = 'Library',\n    Upload = 'Upload',\n}\n\nexport enum LegacyAssetInputMode {\n    BrowseAndUpload = 'BrowseAndUpload',\n    UploadOnly = 'UploadOnly',\n    BrowseOnly = 'BrowseOnly',\n}\n\nexport type LegacyAssetInputValue = {\n    source: LegacyAssetInputSource;\n    value: number;\n};\n\nexport type LegacyAssetInputBlock = {\n    type: 'legacyAssetInput';\n    multiSelection?: boolean;\n    extensions?: (FileExtension | string)[];\n    projectTypes?: AssetChooserProjectType[];\n    objectTypes?: AssetChooserObjectType[];\n    mode?: LegacyAssetInputMode;\n} & BaseBlock<LegacyAssetInputValue | LegacyAssetInputValue['value']>;\n","/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { BaseBlock } from './base';\n\nexport enum NotificationStyleType {\n    Warning = 'Warning',\n    Negative = 'Negative',\n    Positive = 'Positive',\n    Info = 'Info',\n}\n\nexport type Link = {\n    label?: string;\n    href: string;\n    target?: '_self' | '_blank';\n};\n\nexport enum NotificationBlockDividerPosition {\n    Top = 'Top',\n    Bottom = 'Bottom',\n    Both = 'Both',\n    None = 'None',\n}\n\nexport type NotificationBlock = {\n    type: 'notification';\n    title?: string;\n    text?: string;\n    link?: Link;\n    styles: {\n        type: NotificationStyleType;\n        icon?: boolean;\n        divider?: NotificationBlockDividerPosition;\n    };\n} & BaseBlock;\n","/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { SettingBlock } from './blocks';\n\nexport * from './blocks';\nexport type { BaseBlock } from './blocks/base';\nexport type { Bundle, SettingValue } from './bundle';\nexport type { Rule } from './validation';\n\nexport enum Sections {\n    Main = 'main',\n    Content = 'content',\n    Layout = 'layout',\n    Style = 'style',\n    Security = 'security',\n    Targets = 'targets',\n}\n\nexport type BlockSettings = {\n    [Sections.Main]?: SettingBlock[];\n    [Sections.Content]?: SettingBlock[];\n    [Sections.Layout]?: SettingBlock[];\n    [Sections.Style]?: SettingBlock[];\n    [Sections.Security]?: SettingBlock[];\n};\n"],"names":[],"mappings":"AAKY,IAAA,qCAAA,sBAAL;AACO,oBAAA,aAAA;AACD,oBAAA,YAAA;AAFD,SAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAKA,IAAA,mCAAA,oBAAL;AACe,kBAAA,qBAAA;AACL,kBAAA,gBAAA;AACA,kBAAA,gBAAA;AAHL,SAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;ACLA,IAAA,2CAAA,4BAAL;AACO,0BAAA,aAAA;AACD,0BAAA,YAAA;AAFD,SAAA;AAAA,GAAA,0BAAA,CAAA,CAAA;AAKA,IAAA,yCAAA,0BAAL;AACe,wBAAA,qBAAA;AACL,wBAAA,gBAAA;AACA,wBAAA,gBAAA;AAHL,SAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;ACNA,IAAA,0CAAA,2BAAL;AACO,yBAAA,aAAA;AACC,yBAAA,cAAA;AACA,yBAAA,cAAA;AACJ,yBAAA,UAAA;AAJC,SAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAaA,IAAA,qDAAA,sCAAL;AACG,oCAAA,SAAA;AACG,oCAAA,YAAA;AACF,oCAAA,UAAA;AACA,oCAAA,UAAA;AAJC,SAAA;AAAA,GAAA,oCAAA,CAAA,CAAA;ACRA,IAAA,6BAAA,cAAL;AACI,YAAA,UAAA;AACG,YAAA,aAAA;AACD,YAAA,YAAA;AACD,YAAA,WAAA;AACG,YAAA,cAAA;AACD,YAAA,aAAA;AANF,SAAA;AAAA,GAAA,YAAA,CAAA,CAAA;;"}
+{"version":3,"file":"index.es.js","sources":["../types/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { SettingBlock } from './blocks';\n\nexport * from './blocks';\nexport type { BaseBlock } from './blocks/base';\nexport type { Bundle, SettingValue } from './bundle';\nexport type { Rule } from './validation';\n\nexport enum Sections {\n    Main = 'main',\n    Content = 'content',\n    Layout = 'layout',\n    Style = 'style',\n    Security = 'security',\n    Targets = 'targets',\n}\n\nexport type BlockSettings = {\n    [Sections.Main]?: SettingBlock[];\n    [Sections.Content]?: SettingBlock[];\n    [Sections.Layout]?: SettingBlock[];\n    [Sections.Style]?: SettingBlock[];\n    [Sections.Security]?: SettingBlock[];\n};\n"],"names":[],"mappings":";;;AASY,IAAA,6BAAA,cAAL;AACI,YAAA,UAAA;AACG,YAAA,aAAA;AACD,YAAA,YAAA;AACD,YAAA,WAAA;AACG,YAAA,cAAA;AACD,YAAA,aAAA;AANF,SAAA;AAAA,GAAA,YAAA,CAAA,CAAA;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontify/guideline-blocks-settings",
-  "version": "0.13.0",
+  "version": "0.15.1",
   "description": "Provides the types for the block settings",
   "sideEffects": false,
   "main": "dist/index.umd.js",
@@ -14,24 +14,24 @@
   "author": "Frontify Developers <developers@frontify.com>",
   "devDependencies": {
     "@frontify/eslint-config-typescript": "0.15.2",
-    "eslint": "8.14.0",
+    "eslint": "8.15.0",
     "prettier": "2.6.2",
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "typescript": "4.6.4",
-    "vite": "2.9.7",
-    "vite-plugin-dts": "1.1.1"
+    "vite": "2.9.9",
+    "vite-plugin-dts": "1.2.0"
   },
   "dependencies": {
     "@frontify/app-bridge": "*",
-    "@frontify/arcade": "*"
+    "@frontify/fondue": "*"
   },
   "scripts": {
     "build": "vite build",
-    "lint": "eslint src",
-    "lint:fix": "eslint --fix src",
-    "prettier": "prettier --check src",
-    "prettier:fix": "prettier --write src",
+    "lint": "eslint types",
+    "lint:fix": "eslint --fix types",
+    "prettier": "prettier --check types",
+    "prettier:fix": "prettier --write types",
     "typecheck": "tsc --noEmit"
   }
 }

package/types/blocks/choices.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { IconEnum } from '@frontify/arcade';
+import { IconEnum } from '@frontify/fondue';
 import { BaseBlock } from './base';
 
 export type Choice = {

package/types/blocks/colorInput.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { Color } from '@frontify/arcade';
+import { Color } from '@frontify/fondue';
 import { BaseBlock } from './base';
 
 export type ColorInputBlock = {

package/types/blocks/dropdown.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { DropdownSize } from '@frontify/arcade';
+import { DropdownSize } from '@frontify/fondue';
 import { ChoicesType } from './choices';
 
 export type DropdownBlock = {

package/types/blocks/index.ts

@@ -13,6 +13,7 @@ import { SectionHeadingBlock } from './sectionHeading';
 import { SliderBlock } from './slider';
 import { SwitchBlock } from './switch';
 import { TemplateInputBlock } from './templateInput';
+import { TextareaBlock } from './textarea';
 
 export * from './assetInput';
 export * from './checklist';
@@ -28,6 +29,7 @@ export * from './sectionHeading';
 export * from './slider';
 export * from './switch';
 export * from './templateInput';
+export * from './textarea';
 
 export type SimpleSettingBlock =
     | AssetInputBlock
@@ -36,13 +38,14 @@ export type SimpleSettingBlock =
     | DropdownBlock
     | InputBlock
     | LegacyAssetInputBlock
+    | LinkChooserBlock
     | MultiInputBlock
+    | NotificationBlock
     | SectionHeadingBlock
     | SliderBlock
     | SwitchBlock
     | TemplateInputBlock
-    | NotificationBlock
-    | LinkChooserBlock;
+    | TextareaBlock;
 
 export type DynamicSupportedBlock = InputBlock | ColorInputBlock | DropdownBlock;
 

package/types/blocks/input.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { TextInputType } from '@frontify/arcade';
+import { TextInputType } from '@frontify/fondue';
 import { Rule } from '../validation';
 import { BaseBlock } from './base';
 

package/types/blocks/linkChooser.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { SearchResult, Validation } from '@frontify/arcade';
+import { SearchResult, Validation } from '@frontify/fondue';
 import { BaseBlock } from './base';
 
 export type LinkChooserBlock = {

package/types/blocks/multiInput.ts

@@ -1,6 +1,6 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
-import { MultiInputLayout } from '@frontify/arcade';
+import { MultiInputLayout } from '@frontify/fondue';
 import { BaseBlock } from './base';
 import { ColorInputBlock } from './colorInput';
 import { DropdownBlock } from './dropdown';

package/types/blocks/textarea.ts

@@ -0,0 +1,10 @@
+/* (c) Copyright Frontify Ltd., all rights reserved. */
+
+import { Rule } from '../validation';
+import { BaseBlock } from './base';
+
+export type TextareaBlock = {
+    type: 'textarea';
+    placeholder?: string;
+    rules?: Rule<string>[];
+} & BaseBlock<string>;

package/vite.config.ts

@@ -13,13 +13,25 @@ export default defineConfig({
         lib: {
             entry: resolve(__dirname, 'types/index.ts'),
             fileName: (format: string) => `index.${format}.js`,
-            formats: ['es', 'umd', 'cjs'],
             name: 'GuidelineBlocksSettings',
         },
         sourcemap: true,
         minify: true,
         rollupOptions: {
             external: [...dependencies],
+            output: [
+                {
+                    format: 'es',
+                    preserveModules: true,
+                    preserveModulesRoot: 'src',
+                },
+                {
+                    format: 'umd',
+                },
+                {
+                    format: 'cjs',
+                },
+            ],
         },
     },
 });