npm - @postxl/generators - Versions diffs - 1.0.10 → 1.0.11 - Mend

@postxl/generators 1.0.10 → 1.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/dist/frontend-core/template/src/styles/theme-default.css CHANGED Viewed

@@ -1,183 +1,113 @@
-:root {
-    font-synthesis: none;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+/* :root is the default fallback if no css classes are provided for the html element */
+:root,
+html.default.light {
+  --color-scheme: light;
-    color-scheme: light;
-    --theme-ready-flag: 'light';
-    --radius: 0.25rem;
-    /* shadcn theme colors */
-    --radius: 0.65rem;
-    --background: #FFFFFF;
-    --foreground: #09090B;
-    --card: #FFFFFF;
-    --card-foreground: #09090B;
-    --popover: #FFFFFF;
-    --popover-foreground: #09090B;
-    --primary: #1447E6;
-    --primary-foreground: #F8F8FF;
-    --secondary: #F4F4F5;
-    --secondary-foreground: #18181B;
-    --muted: #F4F4F5;
-    --muted-foreground: #71717A;
-    --accent: #F4F4F5;
-    --accent-foreground: #18181B;
-    --destructive: #EF4444;
-    --destructive-foreground: #fb2c36;
-    --border: #E4E4E7;
-    --input: #E4E4E7;
-    --ring: #A1A1AA;
-    --chart-1: #f82c2c;
-    --chart-2: #648558;
-    --chart-3: #006bb4;
-    --chart-4: #669ac0;
-    --chart-5: #ffa501;
-    --sidebar: #FAFAFA;
-    --sidebar-foreground: #09090B;
-    --sidebar-primary: #155DFC;
-    --sidebar-primary-foreground: #F8F8FF;
-    --sidebar-accent: #F4F4F5;
-    --sidebar-accent-foreground: #18181B;
-    --sidebar-border: #E4E4E7;
-    --sidebar-ring: #A1A1AA;
-    /* additional theme colors */
-    --discreet-border: #c0c6c9;
-    /* chart hover colors */
-    --chart-1-hover: #f59b9b;
-    --chart-2-hover: #a3b49d;
-    --chart-3-hover: #669ac0;
-    --chart-4-hover: #006bb4;
-    --chart-5-hover: #ffd27f;
-}
-.dark {
-    color-scheme: dark;
-    --theme-ready-flag: 'dark';
-    --background: #09090B;
-    --foreground: #FAFAFA;
-    --card: #18181B;
-    --card-foreground: #FAFAFA;
-    --popover: #18181B;
-    --popover-foreground: #FAFAFA;
-    --primary: #1447E6;
-    --primary-foreground: #F8F8FF;
-    --secondary: #27272A;
-    --secondary-foreground: #FAFAFA;
-    --muted: #27272A;
-    --muted-foreground: #A1A1AA;
-    --accent: #27272A;
-    --accent-foreground: #FAFAFA;
-    --destructive: #F87171;
-    --border: #FFFFFF1A;
-    --input: #FFFFFF26;
-    --ring: #71717A;
-    /* chart colors won't change no definition for dark theme needed */
-    --sidebar: #18181B;
-    --sidebar-foreground: #FAFAFA;
-    --sidebar-primary: #2B7FFF;
-    --sidebar-primary-foreground: #F8F8FF;
-    --sidebar-accent: #27272A;
-    --sidebar-accent-foreground: #FAFAFA;
-    --sidebar-border: #FFFFFF1A;
-    --sidebar-ring: #52525B;
-    /* additional theme colors */
-    --discreet-border: #3f4143;
+  --background: hsl(0 0% 100%);
+  --foreground: hsl(0 0% 20%);
+  --card: hsl(0 0% 100%);
+  --card-foreground: hsl(0 0% 20%);
+  --popover: hsl(0 0% 100%);
+  --popover-foreground: hsl(0 0% 20%);
+  --primary: hsl(217.2193 91.2195% 59.8039%);
+  --primary-foreground: hsl(0 0% 100%);
+  --secondary: hsl(220 14.2857% 95.8824%);
+  --secondary-foreground: hsl(215 13.7931% 34.1176%);
+  --muted: hsl(210 20% 98.0392%);
+  --muted-foreground: hsl(220 8.9362% 46.0784%);
+  --accent: hsl(204 93.75% 93.7255%);
+  --accent-foreground: hsl(224.4444 64.2857% 32.9412%);
+  --destructive: hsl(0 84.2365% 60.1961%);
+  --destructive-foreground: hsl(0 0% 100%);
+  --border: hsl(220 13.0435% 90.9804%);
+  --input: hsl(220 13.0435% 90.9804%);
+  --ring: hsl(217.2193 91.2195% 59.8039%);
+  --chart-1: hsl(217.2193 91.2195% 59.8039%);
+  --chart-2: hsl(221.2121 83.1933% 53.3333%);
+  --chart-3: hsl(224.2781 76.3265% 48.0392%);
+  --chart-4: hsl(225.931 70.7317% 40.1961%);
+  --chart-5: hsl(224.4444 64.2857% 32.9412%);
+  --sidebar: hsl(210 20% 98.0392%);
+  --sidebar-foreground: hsl(0 0% 20%);
+  --sidebar-primary: hsl(217.2193 91.2195% 59.8039%);
+  --sidebar-primary-foreground: hsl(0 0% 100%);
+  --sidebar-accent: hsl(204 93.75% 93.7255%);
+  --sidebar-accent-foreground: hsl(224.4444 64.2857% 32.9412%);
+  --sidebar-border: hsl(220 13.0435% 90.9804%);
+  --sidebar-ring: hsl(217.2193 91.2195% 59.8039%);
+  --font-sans: Inter, sans-serif;
+  --font-serif: Source Serif 4, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 0.375rem;
+  --shadow-x: 0;
+  --shadow-y: 1px;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.1;
+  --shadow-color: oklch(0 0 0);
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
+  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
+  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
+  --tracking-normal: 0em;
+  --spacing: 0.25rem;
 }
-/**
- * the theme will be parsed by the tailwindcss plugin and creates utility classes for each variable
- * @see: https://tailwindcss.com/docs/theme#theme-variable-namespaces
- * @see: defaults: https://tailwindcss.com/docs/theme#default-theme-variable-reference
- * @see: usage of utility classes: https://tailwindcss.com/docs/styling-with-utility-classes
- */
-@theme inline {
-    --font-sans: Helvetica, sans-serif;
-    /* table content and other space relevant text */
-    --text-sm: 11px;
-    --text-sm--line-height: 16px;
-    /* 12px (header buttons, dropdowns, menus) */
-    --text-base: 12px;
-    --text-base--line-height: 16px;
-    /* 14px (H3, tab nav menu, news copy) */
-    --text-lg: 14px;
-    --text-lg--line-height: 20px;
-    /* 16px (H2) */
-    --text-xl: 16px;
-    --text-xl--line-height: 24px;
-    /* 24px (H1, large value texts) */
-    --text-2xl: 24px;
-    --text-2xl--line-height: 32px;
-    /*--radius-xs: calc(var(--radius) - 4px);
-    --radius-sm: calc(var(--radius) - 2px);
-    --radius-md: var(--radius);
-    --radius-lg: calc(var(--radius) + 2px);
-    --radius-xl: calc(var(--radius) + 4px);
-    --radius-2xl: calc(var(--radius) + 6px);
-    !*probably not needed*!
-    --radius-3xl: calc(var(--radius) + 10px);
-    --radius-4xl: calc(var(--radius) + 16px);*/
-    /* Colors */
-    --color-background: var(--background);
-    --color-foreground: var(--foreground);
-    --color-card: var(--card);
-    --color-card-foreground: var(--card-foreground);
-    --color-popover: var(--popover);
-    --color-popover-foreground: var(--popover-foreground);
-    --color-primary: var(--primary);
-    --color-primary-foreground: var(--primary-foreground);
-    --color-secondary: var(--secondary);
-    --color-secondary-foreground: var(--secondary-foreground);
-    --color-muted: var(--muted);
-    --color-muted-foreground: var(--muted-foreground);
-    --color-accent: var(--accent);
-    --color-accent-foreground: var(--accent-foreground);
-    --color-destructive: var(--destructive);
-    --color-destructive-foreground: var(--destructive-foreground);
-    --color-border: var(--border);
-    --color-input: var(--input);
-    --color-ring: var(--ring);
-    --color-chart-1: var(--chart-1);
-    --color-chart-2: var(--chart-2);
-    --color-chart-3: var(--chart-3);
-    --color-chart-4: var(--chart-4);
-    --color-chart-5: var(--chart-5);
-    --color-sidebar: var(--sidebar);
-    --color-sidebar-foreground: var(--sidebar-foreground);
-    --color-sidebar-background: light-dark(var(--color-gray-50), var(--color-gray-500));
-    --color-sidebar-primary: var(--sidebar-primary);
-    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-    --color-sidebar-accent: var(--sidebar-accent);
-    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-    --color-sidebar-border: var(--sidebar-border);
-    --color-sidebar-ring: var(--sidebar-ring);
-}
-@layer components {
-    h1 {
-        font-size: var(--text-2xl);
-        line-height: var(--text-2xl--line-height);
-        font-weight: var(--font-weight-semibold);
-    }
-    h2 {
-        font-size: var(--text-xl);
-        line-height: var(--text-xl--line-height);
-        font-weight: var(--font-weight-semibold);
-    }
+html.default.dark {
+  --color-scheme: dark;
-    h3 {
-        font-size: var(--text-lg);
-        line-height: var(--text-lg--line-height);
-        font-weight: var(--font-weight-semibold);
-    }
+  --background: hsl(0 0% 9.0196%);
+  --foreground: hsl(0 0% 89.8039%);
+  --card: hsl(0 0% 14.902%);
+  --card-foreground: hsl(0 0% 89.8039%);
+  --popover: hsl(0 0% 14.902%);
+  --popover-foreground: hsl(0 0% 89.8039%);
+  --primary: hsl(217.2193 91.2195% 59.8039%);
+  --primary-foreground: hsl(0 0% 100%);
+  --secondary: hsl(0 0% 14.902%);
+  --secondary-foreground: hsl(0 0% 89.8039%);
+  --muted: hsl(0 0% 12.1569%);
+  --muted-foreground: hsl(0 0% 63.9216%);
+  --accent: hsl(224.4444 64.2857% 32.9412%);
+  --accent-foreground: hsl(213.3333 96.9231% 87.2549%);
+  --destructive: hsl(0 84.2365% 60.1961%);
+  --destructive-foreground: hsl(0 0% 100%);
+  --border: hsl(0 0% 25.098%);
+  --input: hsl(0 0% 25.098%);
+  --ring: hsl(217.2193 91.2195% 59.8039%);
+  --chart-1: hsl(213.1169 93.9024% 67.8431%);
+  --chart-2: hsl(217.2193 91.2195% 59.8039%);
+  --chart-3: hsl(221.2121 83.1933% 53.3333%);
+  --chart-4: hsl(224.2781 76.3265% 48.0392%);
+  --chart-5: hsl(225.931 70.7317% 40.1961%);
+  --sidebar: hsl(0 0% 9.0196%);
+  --sidebar-foreground: hsl(0 0% 89.8039%);
+  --sidebar-primary: hsl(217.2193 91.2195% 59.8039%);
+  --sidebar-primary-foreground: hsl(0 0% 100%);
+  --sidebar-accent: hsl(224.4444 64.2857% 32.9412%);
+  --sidebar-accent-foreground: hsl(213.3333 96.9231% 87.2549%);
+  --sidebar-border: hsl(0 0% 25.098%);
+  --sidebar-ring: hsl(217.2193 91.2195% 59.8039%);
+  --font-sans: Inter, sans-serif;
+  --font-serif: Source Serif 4, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 0.375rem;
+  --shadow-x: 0;
+  --shadow-y: 1px;
+  --shadow-blur: 3px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0.1;
+  --shadow-color: oklch(0 0 0);
+  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
+  --shadow-sm: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
+  --shadow-md: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
+  --shadow-lg: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
+  --shadow-xl: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
+  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@postxl/generators",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "Code generators for PXL - generates backend, frontend, Prisma schemas, and more",
   "main": "./dist/index.js",
   "module": "./dist/index.js",