@sqrzro/admin 2.1.0-bz.1 → 2.1.0-bz.11

package/src/styles/config.ts

@@ -1,95 +0,0 @@
-'use client';
-
-import clsx from 'clsx';
-import type { RegisteredClassNames } from '@sqrzro/components';
-
-const classNames: RegisteredClassNames = {
-    button: (props) => ({
-        root: {
-            danger: 'bg-red-500 border-red-500 text-white',
-            default: clsx(
-                'bg-white h-10 px-5 rounded-md text-md text-slate-600 border border-slate-300',
-                props?.isFullWidth ? 'w-full' : null
-            ),
-            primary:
-                'bg-primary font-semibold text-white border-none shadow-[inset_rgba(255,255,255,0.1)_0_20px]',
-        },
-    }),
-    calendar: () => ({
-        root: 'text-sm text-slate-600 p-4 pb-3',
-        head: 'text-xs text-center pb-2 text-slate-400',
-        month: 'w-full table-fixed',
-        day: {
-            default: 'h-10 border border-gray-200',
-            highlighted: 'bg-red-300',
-            selected: 'bg-blue-400',
-        },
-    }),
-    calendarNavigation: () => ({
-        root: 'flex justify-between items-center mb-6',
-        title: 'font-semibold text-base',
-        control: 'h-6 w-6 bg-red-300',
-        previous: '-order-1',
-    }),
-    emptyMessage: () => ({
-        root: 'text-center text-slate-500 my-24',
-        title: 'text-2xl font-semibold mb-2',
-    }),
-    dropdown: () => ({
-        item: { default: 'text-gray-700 block px-3 py-2 text-sm', selected: 'bg-red-400' },
-    }),
-    fieldset: (props) => ({
-        root: clsx(
-            'bg-white p-8 shadow rounded-md',
-            props?.isEditable ? 'grid grid-cols-[30%_1fr]' : ''
-        ),
-        title: 'mb-8 text-xl font-semibold leading-none text-gray-700',
-    }),
-    formField: (props) => ({
-        root: {
-            default: props?.isEditable
-                ? 'grid grid-cols-[25%_1fr] border-t border-slate-200 py-4'
-                : 'mb-6',
-        },
-        label: clsx('font-semibold', props?.isEditable ? 'flex items-center' : 'block mb-2'),
-        optional: 'pl-2 text-base text-grey-dark font-normal',
-        error: 'flex gap-2 items-center mt-2 text-red-700 before:h-4 before:w-4 before:bg-[url(/images/icons/error.svg)] before:rounded-full',
-    }),
-    inputPanel: () => ({
-        root: 'bg-white border border-slate-300 shadow-md',
-    }),
-    modal: () => ({
-        root: {
-            default:
-                'bg-white rounded-lg w-full max-w-2xl backdrop:bg-slate-800/60 backdrop:backdrop-blur-sm transition-opacity opacity-0 open:opacity-100 duration-200',
-        },
-        title: 'text-2xl font-semibold text-center p-4 border-b border-slate-200 text-slate-700',
-        content: 'p-4',
-        actions: 'flex justify-end p-4 border-t border-slate-200',
-    }),
-    staticTextInput: () => ({
-        root: { default: 'bg-white border border-gray-300 h-10 px-3 rounded-sm text-md' },
-    }),
-    switch: () => ({
-        root: {
-            default: 'cursor-pointer w-10 h-6 bg-slate-300 rounded-full p-1 transition-colors my-2',
-            checked: 'bg-green-500',
-        },
-        control: {
-            default:
-                'w-4 h-4 bg-white rounded-full shadow-md transform translate-x-0 transition-transform',
-            checked: 'translate-x-full',
-        },
-    }),
-    textButton: () => ({
-        root: { danger: 'text-red-600' },
-    }),
-    textInput: () => ({
-        root: {
-            default: 'border border-gray-300 h-10 px-3 rounded-sm text-md focus:border-primary',
-            error: 'border-red-700',
-        },
-    }),
-};
-
-export default classNames;

package/src/styles/tailwind.css

@@ -1,47 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-    body {
-        @apply font-body bg-slate-100 text-slate-800 text-sm;
-    }
-}
-
-@layer utilities {
-    @keyframes show {
-        from {
-            opacity: 0;
-            transform: translateY(2rem);
-        }
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-    .show {
-        animation: show 0.1s ease-in-out;
-    }
-
-    @keyframes fade {
-        from {
-            opacity: 0;
-        }
-        to {
-            opacity: 1;
-        }
-    }
-    .fade {
-        animation: fade 0.2s ease-in-out;
-    }
-
-    .showpanel:popover-open {
-        @starting-style {
-            opacity: 0;
-            transform: scale(0.95);
-        }
-        opacity: 1;
-        transform: scale(1);
-        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-    }
-}

package/src/utility/formatters.ts

@@ -1,9 +0,0 @@
-export function formatDate(value?: Date): string {
-    if (!value) {
-        return '';
-    }
-
-    return `${value.getDate().toString().padStart(2, '0')}/${(value.getMonth() + 1)
-        .toString()
-        .padStart(2, '0')}/${value.getFullYear()}`;
-}

package/tailwind.config.js

@@ -1,16 +0,0 @@
-const { withSZ } = require('@sqrzro/tailwind-plugin');
-
-module.exports = withSZ({
-    mode: 'jit',
-    content: ['./src/**/*.tsx', './src/styles/config.ts'],
-    theme: {
-        extend: {
-            colors: {
-                primary: 'rgba(127, 86, 217, 1)',
-            },
-            fontFamily: {
-                body: ['var(--font-body)', 'sans-serif'],
-            },
-        },
-    },
-});

package/tsconfig.build.json

@@ -1,4 +0,0 @@
-{
-    "extends": "./tsconfig.json",
-    "exclude": ["node_modules", "src/**/*.spec.tsx", "src/**/*.stories.tsx"]
-}

package/tsconfig.json

@@ -1,18 +0,0 @@
-{
-    "compilerOptions": {
-        "allowSyntheticDefaultImports": true,
-        "declaration": true,
-        "esModuleInterop": true,
-        "importHelpers": true,
-        "jsx": "react-jsx",
-        "lib": ["dom", "esnext"],
-        "moduleResolution": "node",
-        "outDir": "dist",
-        "resolveJsonModule": true,
-        "skipLibCheck": true,
-        "strictNullChecks": true,
-        "target": "esnext"
-    },
-    "include": ["next-env.d.ts", "src/**/*"],
-    "exclude": ["node_modules"]
-}