@frontify/guideline-blocks-settings 0.33.4 → 0.34.0

package/src/utilities/react/getBorderStyles.spec.ts

@@ -1,39 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { BorderStyle } from '../../settings/types';
-import { getBorderStyles } from './getBorderStyles';
-import { describe, expect, it } from 'vitest';
-
-describe('getBorderStyles', () => {
-    it('should return the default border styles', () => {
-        expect(getBorderStyles()).toEqual({
-            borderStyle: 'solid',
-            borderWidth: '1px',
-            borderColor: 'rgb(234, 235, 235)',
-        });
-    });
-
-    it('should return a dashed border style', () => {
-        expect(getBorderStyles(BorderStyle.Dashed)).toEqual({
-            borderStyle: 'dashed',
-            borderWidth: '1px',
-            borderColor: 'rgb(234, 235, 235)',
-        });
-    });
-
-    it('should return a border width of 5px', () => {
-        expect(getBorderStyles(BorderStyle.Solid, '5px')).toEqual({
-            borderStyle: 'solid',
-            borderWidth: '5px',
-            borderColor: 'rgb(234, 235, 235)',
-        });
-    });
-
-    it('should return a border color of rgba(255, 0, 0, 0.5)', () => {
-        expect(getBorderStyles(BorderStyle.Solid, '1px', { red: 255, green: 0, blue: 0, alpha: 0.5 })).toEqual({
-            borderStyle: 'solid',
-            borderWidth: '1px',
-            borderColor: 'rgba(255, 0, 0, 0.5)',
-        });
-    });
-});

package/src/utilities/react/getBorderStyles.ts

@@ -1,20 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import type { CSSProperties } from 'react';
-import type { Color } from '@frontify/fondue';
-
-import { BorderStyle, borderStyleMap } from '../../settings/types';
-import { BORDER_COLOR_DEFAULT_VALUE } from '../../settings/defaultValues';
-import { toRgbaString } from '../color';
-
-export const getBorderStyles = (
-    style = BorderStyle.Solid,
-    borderWidth = '1px',
-    color = BORDER_COLOR_DEFAULT_VALUE as Color,
-): CSSProperties => {
-    return {
-        borderStyle: borderStyleMap[style],
-        borderWidth,
-        borderColor: toRgbaString(color),
-    };
-};

package/src/utilities/react/getRadiusStyles.spec.ts

@@ -1,25 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { Radius } from '../../settings/types';
-import { getRadiusStyles } from './getRadiusStyles';
-import { describe, expect, it } from 'vitest';
-
-describe('getRadiusStyles', () => {
-    it('should return border radius 0px', () => {
-        expect(getRadiusStyles(Radius.None, false)).toEqual({
-            borderRadius: '0px',
-        });
-    });
-
-    it('should return border radius 4px', () => {
-        expect(getRadiusStyles(Radius.Medium, false)).toEqual({
-            borderRadius: '4px',
-        });
-    });
-
-    it('should return custom radius of 20px', () => {
-        expect(getRadiusStyles(Radius.None, true, 20)).toEqual({
-            borderRadius: 20,
-        });
-    });
-});

package/src/utilities/react/getRadiusStyles.ts

@@ -1,8 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import type { CSSProperties } from 'react';
-import { Radius, radiusStyleMap } from '../../settings/types';
-
-export const getRadiusStyles = (radiusChoice: Radius, hasRadius = false, radiusValue?: number): CSSProperties => ({
-    borderRadius: hasRadius ? radiusValue : radiusStyleMap[radiusChoice],
-});

package/src/utilities/react/index.ts

@@ -1,6 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-export * from './getBackgroundColorStyles';
-export * from './getBorderStyles';
-export * from './getRadiusStyles';
-export * from './joinClassNames';

package/src/utilities/react/joinClassNames.spec.ts

@@ -1,18 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { joinClassNames } from './joinClassNames';
-import { describe, expect, test } from 'vitest';
-
-describe('joinClassNames', () => {
-    const data = [
-        { classes: ['lorem', undefined, false], expected: 'lorem' },
-        { classes: ['lorem', 'ipsum'], expected: 'lorem ipsum' },
-        { classes: ['lorem', ''], expected: 'lorem' },
-        { classes: ['lorem', ' '], expected: 'lorem  ' },
-        { classes: [], expected: '' },
-    ];
-
-    test.each(data)('validate correctly values', ({ classes, expected }) => {
-        expect(joinClassNames(classes)).toBe(expected);
-    });
-});

package/src/utilities/react/joinClassNames.ts

@@ -1,10 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-/**
- * Cleans and joins an array of inputs with possible undefined or boolean values.
- *
- * @param {Array} classNames Array of class names
- * @returns Clean string to be used for class name.
- */
-export const joinClassNames = (classNames: (string | undefined | boolean)[]): string =>
-    classNames.filter(Boolean).join(' ');

package/tailwind.config.ts

@@ -1,27 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-module.exports = {
-    presets: [require('@frontify/fondue/tailwind')],
-    content: ['src/**/*.{ts,tsx}'],
-    corePlugins: {
-        preflight: false,
-    },
-    theme: {
-        extend: {
-            colors: {
-                'blank-state-weak': '#ABADAD',
-                'blank-state-weak-inverse': '#FFFFFF',
-                'blank-state-shaded': '#727474',
-                'blank-state-shaded-inverse': '#FAFAFA',
-                'blank-state-weighted': '#696B6B',
-                'blank-state-weighted-inverse': '#F1F1F1',
-                'blank-state-hover': '#1A1C1C',
-                'blank-state-hover-inverse': '#FFFFFF',
-                'blank-state-pressed': '#080808',
-                'blank-state-pressed-inverse': '#F1F1F1',
-                'blank-state-line': '#A3A5A5',
-                'blank-state-line-hover': '#1A1C1C',
-            },
-        },
-    },
-};

package/tsconfig.json

@@ -1,24 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "ES2021",
-        "useDefineForClassFields": true,
-        "lib": ["ES2021", "DOM", "DOM.Iterable"],
-        "module": "ESNext",
-        "skipLibCheck": true,
-        "moduleResolution": "bundler",
-        "allowImportingTsExtensions": true,
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "noEmit": true,
-        "jsx": "react-jsx",
-        "strict": true,
-        "noUncheckedIndexedAccess": false,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true,
-        "noFallthroughCasesInSwitch": true,
-        "baseUrl": ".",
-        "types": ["@testing-library/jest-dom", "cypress", "cypress-real-events", "node"]
-    },
-    "include": ["src", "setupTests.ts"],
-    "references": [{ "path": "./tsconfig.node.json" }]
-}

package/tsconfig.node.json

@@ -1,12 +0,0 @@
-{
-    "compilerOptions": {
-        "composite": true,
-        "module": "ESNext",
-        "moduleResolution": "Node",
-        "allowSyntheticDefaultImports": true,
-        "resolveJsonModule": true,
-        "lib": ["ESNext"],
-        "target": "ESNext"
-    },
-    "include": [".eslintrc.cjs", "tailwind.config.ts", "vite.config.ts", "package.json"]
-}

package/vite.config.ts

@@ -1,71 +0,0 @@
-/* (c) Copyright Frontify Ltd., all rights reserved. */
-
-import { defineConfig } from 'vitest/config';
-import react from '@vitejs/plugin-react';
-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',
-    'react-dom/client': '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 }), react()],
-    resolve: {
-        mainFields: ['module', 'main'],
-    },
-    test: {
-        environment: 'happy-dom',
-        deps: {
-            inline: ['clsx', '@juggle/resize-observer'],
-        },
-        setupFiles: ['setupTests.ts'],
-    },
-    build: {
-        lib: {
-            entry: resolve(__dirname, 'src/index.ts'),
-            fileName: (format: string) => `[name].${format}.js`,
-        },
-        sourcemap: true,
-        minify: true,
-        rollupOptions: {
-            external: [...dependencies, ...peerDependencies, 'react-dom/client', 'react/jsx-runtime'],
-            output: [
-                {
-                    name: 'GuidelineBlocksSettings',
-                    format: 'es',
-                    preserveModules: true,
-                    preserveModulesRoot: 'src',
-                    assetFileNames,
-                    globals,
-                },
-                {
-                    name: 'GuidelineBlocksSettings',
-                    format: 'umd',
-                    assetFileNames,
-                    globals,
-                },
-                {
-                    name: 'GuidelineBlocksSettings',
-                    format: 'cjs',
-                    assetFileNames,
-                    globals,
-                },
-            ],
-        },
-    },
-});