chore: heygermany customer project

packages/mantine-theme/index.d.ts

@@ -0,0 +1,3 @@
+import type { MantineThemeOverride } from '@pikku/mantine/core';
+export declare const DAYJS_LOCALE_MAP: Record<string, string>;
+export declare const theme: MantineThemeOverride;

packages/mantine-theme/index.js

@@ -0,0 +1,159 @@
+import { Anchor, Button, Container, createTheme, InputWrapper, List, rem, Stepper } from '@mantine/core';
+import { generateColors } from '@mantine/colors-generator';
+export const DAYJS_LOCALE_MAP = {
+    en: 'en',
+    de: 'de',
+    uk: 'uk',
+    fil: 'en',
+    tr: 'tr',
+    bs: 'bs',
+    sq: 'sq',
+    vi: 'vi',
+    es: 'es',
+    hi: 'hi',
+    ar: 'ar',
+};
+export const theme = createTheme({
+    primaryColor: 'primary',
+    breakpoints: {
+        xs: '36em',
+        sm: '48em',
+        md: '62em',
+        lg: '75em',
+        xl: '88em',
+    },
+    colors: {
+        primary: generateColors('#eab308'),
+        education: generateColors('#34D399'),
+        license: generateColors('#FBBF24'),
+        language: generateColors('#5FA5FA'),
+        additional: generateColors('#C084FC'),
+        success: generateColors('#10B981'),
+        error: generateColors('#EF4444'),
+    },
+    fontFamily: 'ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',
+    fontFamilyMonospace: 'ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace',
+    fontSizes: {
+        xs: rem(10),
+        sm: rem(12),
+        md: rem(14),
+        lg: rem(16),
+        lgxl: rem(18),
+        xl: rem(20),
+        xxl: rem(32),
+        xxll: rem(38),
+        xxxl: rem(48),
+        xxxxl: rem(56),
+        hero: rem(64),
+    },
+    headings: {
+        fontFamily: 'ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',
+        sizes: {
+            h1: {
+                fontSize: rem(40),
+                lineHeight: '1.2',
+                fontWeight: '400',
+            },
+            h2: {
+                fontSize: rem(20),
+                lineHeight: '1.2',
+                fontWeight: '600',
+            },
+            h3: {
+                fontSize: rem(18),
+                lineHeight: '1.2',
+                fontWeight: '600',
+            },
+            h4: {
+                fontSize: rem(16),
+                lineHeight: '1.2',
+                fontWeight: '600',
+            },
+            h5: {
+                fontSize: rem(14),
+                lineHeight: '1.2',
+                fontWeight: '600',
+            },
+            h6: {
+                fontSize: rem(12),
+                lineHeight: '1.2',
+                fontWeight: '600',
+            },
+        },
+    },
+    components: {
+        Container: Container.extend({
+            defaultProps: {
+                px: 'xl',
+            },
+            vars: (currentTheme, props) => {
+                if (props.size === 'xl') {
+                    return {
+                        root: {
+                            '--container-size': '80rem',
+                        },
+                    };
+                }
+                return { root: {} };
+            },
+        }),
+        Button: Button.extend({
+            defaultProps: {
+                size: 'md',
+                radius: 'lg',
+            },
+            styles: () => ({
+                root: {
+                    color: 'var(--mantine-color-black)',
+                },
+            }),
+        }),
+        InputWrapper: InputWrapper.extend({
+            styles: {
+                label: {
+                    fontSize: rem(14),
+                    fontWeight: 500,
+                    marginBottom: rem(10),
+                },
+            },
+        }),
+        Stepper: Stepper.extend({
+            styles: {
+                stepIcon: {
+                    backgroundColor: 'initial',
+                    color: 'var(--mantine-color-dimmed)',
+                    width: rem(30),
+                    height: rem(30),
+                    minWidth: rem(30),
+                    minHeight: rem(30),
+                },
+                stepLabel: {
+                    fontSize: rem(14),
+                    color: 'var(--mantine-color-dimmed)',
+                },
+            },
+        }),
+        Anchor: Anchor.extend({
+            styles: (currentTheme) => ({
+                root: {
+                    textDecoration: 'none',
+                    color: currentTheme.colors.gray[9],
+                    '&:hover, &:focusVisible': {
+                        color: `${currentTheme.colors.blue[1]} !important`,
+                    },
+                },
+            }),
+        }),
+        List: List.extend({
+            styles: (currentTheme) => ({
+                root: {
+                    paddingLeft: rem(10),
+                },
+                item: {
+                    color: currentTheme.colors.gray[8],
+                },
+            }),
+        }),
+    },
+});
+//# sourceMappingURL=index.js.map

packages/mantine-theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAExG,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAA2B;IACtD,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,GAAG,EAAE,IAAI;IACT,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACT,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAyB,WAAW,CAAC;IACrD,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE;QACX,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;KACX;IACD,MAAM,EAAE;QACN,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC;QAClC,SAAS,EAAE,cAAc,CAAC,SAAS,CAAC;QACpC,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC;QAClC,QAAQ,EAAE,cAAc,CAAC,SAAS,CAAC;QACnC,UAAU,EAAE,cAAc,CAAC,SAAS,CAAC;QACrC,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC;QAClC,KAAK,EAAE,cAAc,CAAC,SAAS,CAAC;KACjC;IACD,UAAU,EACR,8GAA8G;IAChH,mBAAmB,EACjB,6FAA6F;IAC/F,SAAS,EAAE;QACT,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;QACX,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;QACX,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;QACX,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;QACX,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;QACb,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;QACX,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;QACZ,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;QACb,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;QACb,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;QACd,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;KACd;IACD,QAAQ,EAAE;QACR,UAAU,EACR,8GAA8G;QAChH,KAAK,EAAE;YACL,EAAE,EAAE;gBACF,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC;gBACjB,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,KAAK;aAClB;YACD,EAAE,EAAE;gBACF,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC;gBACjB,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,KAAK;aAClB;YACD,EAAE,EAAE;gBACF,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC;gBACjB,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,KAAK;aAClB;YACD,EAAE,EAAE;gBACF,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC;gBACjB,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,KAAK;aAClB;YACD,EAAE,EAAE;gBACF,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC;gBACjB,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,KAAK;aAClB;YACD,EAAE,EAAE;gBACF,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC;gBACjB,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,KAAK;aAClB;SACF;KACF;IACD,UAAU,EAAE;QACV,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC;YAC1B,YAAY,EAAE;gBACZ,EAAE,EAAE,IAAI;aACT;YACD,IAAI,EAAE,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE;gBAC5B,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;oBACxB,OAAO;wBACL,IAAI,EAAE;4BACJ,kBAAkB,EAAE,OAAO;yBAC5B;qBACF,CAAA;gBACH,CAAC;gBAED,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,CAAA;YACrB,CAAC;SACF,CAAC;QACF,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;YACpB,YAAY,EAAE;gBACZ,IAAI,EAAE,IAAI;gBACV,MAAM,EAAE,IAAI;aACb;YACD,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;gBACb,IAAI,EAAE;oBACJ,KAAK,EAAE,4BAA4B;iBACpC;aACF,CAAC;SACH,CAAC;QACF,YAAY,EAAE,YAAY,CAAC,MAAM,CAAC;YAChC,MAAM,EAAE;gBACN,KAAK,EAAE;oBACL,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC;oBACjB,UAAU,EAAE,GAAG;oBACf,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC;iBACtB;aACF;SACF,CAAC;QACF,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC;YACtB,MAAM,EAAE;gBACN,QAAQ,EAAE;oBACR,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,6BAA6B;oBACpC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;oBACd,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;oBACf,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC;oBACjB,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC;iBACnB;gBACD,SAAS,EAAE;oBACT,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC;oBACjB,KAAK,EAAE,6BAA6B;iBACrC;aACF;SACF,CAAC;QACF,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC;YACpB,MAAM,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;gBACzB,IAAI,EAAE;oBACJ,cAAc,EAAE,MAAM;oBACtB,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;oBAClC,yBAAyB,EAAE;wBACzB,KAAK,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa;qBACnD;iBACF;aACF,CAAC;SACH,CAAC;QACF,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;YAChB,MAAM,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;gBACzB,IAAI,EAAE;oBACJ,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC;iBACrB;gBACD,IAAI,EAAE;oBACJ,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;iBACnC;aACF,CAAC;SACH,CAAC;KACH;CACF,CAAC,CAAA"}

packages/mantine-theme/index.ts

@@ -0,0 +1,165 @@
+import { Anchor, Button, Container, createTheme, InputWrapper, List, rem, Stepper } from '@pikku/mantine/core'
+import type { MantineThemeOverride } from '@pikku/mantine/core'
+import { generateColors } from '@mantine/colors-generator'
+
+export const DAYJS_LOCALE_MAP: Record<string, string> = {
+  en: 'en',
+  de: 'de',
+  uk: 'uk',
+  fil: 'en',
+  tr: 'tr',
+  bs: 'bs',
+  sq: 'sq',
+  vi: 'vi',
+  es: 'es',
+  hi: 'hi',
+  ar: 'ar',
+}
+
+export const theme: MantineThemeOverride = createTheme({
+  primaryColor: 'primary',
+  breakpoints: {
+    xs: '36em',
+    sm: '48em',
+    md: '62em',
+    lg: '75em',
+    xl: '88em',
+  },
+  colors: {
+    primary: generateColors('#eab308'),
+    education: generateColors('#34D399'),
+    license: generateColors('#FBBF24'),
+    language: generateColors('#5FA5FA'),
+    additional: generateColors('#C084FC'),
+    success: generateColors('#10B981'),
+    error: generateColors('#EF4444'),
+  },
+  fontFamily:
+    'ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',
+  fontFamilyMonospace:
+    'ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace',
+  fontSizes: {
+    xs: rem(10),
+    sm: rem(12),
+    md: rem(14),
+    lg: rem(16),
+    lgxl: rem(18),
+    xl: rem(20),
+    xxl: rem(32),
+    xxll: rem(38),
+    xxxl: rem(48),
+    xxxxl: rem(56),
+    hero: rem(64),
+  },
+  headings: {
+    fontFamily:
+      'ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"',
+    sizes: {
+      h1: {
+        fontSize: rem(40),
+        lineHeight: '1.2',
+        fontWeight: '400',
+      },
+      h2: {
+        fontSize: rem(20),
+        lineHeight: '1.2',
+        fontWeight: '600',
+      },
+      h3: {
+        fontSize: rem(18),
+        lineHeight: '1.2',
+        fontWeight: '600',
+      },
+      h4: {
+        fontSize: rem(16),
+        lineHeight: '1.2',
+        fontWeight: '600',
+      },
+      h5: {
+        fontSize: rem(14),
+        lineHeight: '1.2',
+        fontWeight: '600',
+      },
+      h6: {
+        fontSize: rem(12),
+        lineHeight: '1.2',
+        fontWeight: '600',
+      },
+    },
+  },
+  components: {
+    Container: Container.extend({
+      defaultProps: {
+        px: 'xl',
+      },
+      vars: (currentTheme, props) => {
+        if (props.size === 'xl') {
+          return {
+            root: {
+              '--container-size': '80rem',
+            },
+          }
+        }
+
+        return { root: {} }
+      },
+    }),
+    Button: Button.extend({
+      defaultProps: {
+        size: 'md',
+        radius: 'lg',
+      },
+      styles: () => ({
+        root: {
+          color: 'var(--mantine-color-black)',
+        },
+      }),
+    }),
+    InputWrapper: InputWrapper.extend({
+      styles: {
+        label: {
+          fontSize: rem(14),
+          fontWeight: 500,
+          marginBottom: rem(10),
+        },
+      },
+    }),
+    Stepper: Stepper.extend({
+      styles: {
+        stepIcon: {
+          backgroundColor: 'initial',
+          color: 'var(--mantine-color-dimmed)',
+          width: rem(30),
+          height: rem(30),
+          minWidth: rem(30),
+          minHeight: rem(30),
+        },
+        stepLabel: {
+          fontSize: rem(14),
+          color: 'var(--mantine-color-dimmed)',
+        },
+      },
+    }),
+    Anchor: Anchor.extend({
+      styles: (currentTheme) => ({
+        root: {
+          textDecoration: 'none',
+          color: currentTheme.colors.gray[9],
+          '&:hover, &:focusVisible': {
+            color: `${currentTheme.colors.blue[1]} !important`,
+          },
+        },
+      }),
+    }),
+    List: List.extend({
+      styles: (currentTheme) => ({
+        root: {
+          paddingLeft: rem(10),
+        },
+        item: {
+          color: currentTheme.colors.gray[8],
+        },
+      }),
+    }),
+  },
+})

packages/mantine-theme/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@heygermany/mantine-theme",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "main": "index.ts",
+  "scripts": {
+    "tsc": "tsc"
+  },
+  "dependencies": {
+    "@mantine/colors-generator": "^8.2.8",
+    "@pikku/mantine": "^0.12.6",
+    "@pikku/react": "^0.12.5",
+    "chroma-js": "^3.1.2"
+  },
+  "peerDependencies": {
+    "@mantine/core": "^8.2.8",
+    "@mantine/hooks": "^8.2.8",
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "devDependencies": {
+    "@mantine/core": "^8.2.8",
+    "@mantine/hooks": "^8.2.8",
+    "@types/node": "^22",
+    "react": "^19",
+    "react-dom": "^19",
+    "typescript": "^5"
+  }
+}

packages/mantine-theme/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "types": ["node"],
+    "composite": true,
+    "declaration": true,
+    "noEmit": false,
+    "skipLibCheck": true,
+    "rootDir": ".",
+    "outDir": "dist"
+  },
+  "files": [],
+  "include": ["**/*.ts", "**/*.d.ts"],
+  "exclude": ["dist/**/*", "lib/**/*"]
+}