@frontify/guideline-blocks-settings 0.28.0 → 0.28.2

package/src/settings/borderRadiusExtended.spec.ts

@@ -20,19 +20,19 @@ describe('getBorderRadiusExtendedSettings', () => {
 
         expect((extendedBorderRadiusSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[0]).toHaveProperty(
             'id',
-            'extendedRadiusTopLeft'
+            'extendedRadiusTopLeft',
         );
         expect((extendedBorderRadiusSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[1]).toHaveProperty(
             'id',
-            'extendedRadiusTopRight'
+            'extendedRadiusTopRight',
         );
         expect((extendedBorderRadiusSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[2]).toHaveProperty(
             'id',
-            'extendedRadiusBottomLeft'
+            'extendedRadiusBottomLeft',
         );
         expect((extendedBorderRadiusSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[3]).toHaveProperty(
             'id',
-            'extendedRadiusBottomRight'
+            'extendedRadiusBottomRight',
         );
         expect(extendedBorderRadiusSettings.off?.[0]).toHaveProperty('id', 'extendedRadiusChoice');
         expect(extendedBorderRadiusSettings.off?.[0]).toHaveProperty('type', 'segmentedControls');

package/src/settings/marginExtended.spec.ts

@@ -20,19 +20,19 @@ describe('getMarginExtendedSettings', () => {
 
         expect((extendedMarginSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[0]).toHaveProperty(
             'id',
-            'extendedMarginTop'
+            'extendedMarginTop',
         );
         expect((extendedMarginSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[1]).toHaveProperty(
             'id',
-            'extendedMarginLeft'
+            'extendedMarginLeft',
         );
         expect((extendedMarginSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[2]).toHaveProperty(
             'id',
-            'extendedMarginRight'
+            'extendedMarginRight',
         );
         expect((extendedMarginSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[3]).toHaveProperty(
             'id',
-            'extendedMarginBottom'
+            'extendedMarginBottom',
         );
         expect(extendedMarginSettings.off?.[0]).toHaveProperty('id', 'extendedMarginChoice');
         expect(extendedMarginSettings.off?.[0]).toHaveProperty('type', 'segmentedControls');

package/src/settings/paddingExtended.spec.ts

@@ -20,19 +20,19 @@ describe('getPaddingExtendedSettings', () => {
 
         expect((extendedPaddingSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[0]).toHaveProperty(
             'id',
-            'extendedPaddingTop'
+            'extendedPaddingTop',
         );
         expect((extendedPaddingSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[1]).toHaveProperty(
             'id',
-            'extendedPaddingLeft'
+            'extendedPaddingLeft',
         );
         expect((extendedPaddingSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[2]).toHaveProperty(
             'id',
-            'extendedPaddingRight'
+            'extendedPaddingRight',
         );
         expect((extendedPaddingSettings.on?.[0] as MultiInputBlock<AppBridgeBlock>).blocks[3]).toHaveProperty(
             'id',
-            'extendedPaddingBottom'
+            'extendedPaddingBottom',
         );
         expect(extendedPaddingSettings.off?.[0]).toHaveProperty('id', 'extendedPaddingChoice');
         expect(extendedPaddingSettings.off?.[0]).toHaveProperty('type', 'segmentedControls');

package/src/styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/src/utilities/react/getBorderStyles.ts

@@ -11,7 +11,7 @@ import { toRgbaString } from '../color';
 export const getBorderStyles = (
     style = BorderStyle.Solid,
     borderWidth = '1px',
-    color = BORDER_COLOR_DEFAULT_VALUE as Color
+    color = BORDER_COLOR_DEFAULT_VALUE as Color,
 ): CSSProperties => {
     return {
         borderStyle: borderStyleMap[style],

package/vite.config.ts

@@ -1,11 +1,25 @@
 /* (c) Copyright Frontify Ltd., all rights reserved. */
 
 import { defineConfig } from 'vitest/config';
-import { dependencies as dependenciesMap } from './package.json';
+import { PreRenderedAsset } from 'rollup';
+import { dependencies as dependenciesMap, peerDependencies as peerDependenciesMap } from './package.json';
 import { resolve } from 'path';
 import dts from 'vite-plugin-dts';
 
 const dependencies = Object.keys(dependenciesMap);
+const peerDependencies = Object.keys(peerDependenciesMap);
+
+export const globals = {
+    react: 'React',
+    'react-dom': 'ReactDOM',
+};
+
+const assetFileNames = (chunkInfo: PreRenderedAsset): string => {
+    if (chunkInfo.name === 'style.css') {
+        return 'styles.css';
+    }
+    return chunkInfo.name ?? 'UnknownFileName';
+};
 
 export default defineConfig({
     plugins: [dts({ insertTypesEntry: true, rollupTypes: true })],
@@ -27,21 +41,27 @@ export default defineConfig({
         sourcemap: true,
         minify: true,
         rollupOptions: {
-            external: [...dependencies],
+            external: [...dependencies, ...peerDependencies],
             output: [
                 {
                     name: 'GuidelineBlocksSettings',
                     format: 'es',
                     preserveModules: true,
                     preserveModulesRoot: 'src',
+                    assetFileNames,
+                    globals,
                 },
                 {
                     name: 'GuidelineBlocksSettings',
                     format: 'umd',
+                    assetFileNames,
+                    globals,
                 },
                 {
                     name: 'GuidelineBlocksSettings',
                     format: 'cjs',
+                    assetFileNames,
+                    globals,
                 },
             ],
         },