@almadar/core 10.111.0 → 10.113.0

package/themes/neumorphic.json

@@ -0,0 +1,324 @@
+{
+  "name": "neumorphic",
+  "displayName": "Neumorphic",
+  "tokens": {
+    "density": {
+      "spacing": {
+        "space0": "0px",
+        "space1": "4px",
+        "space2": "8px",
+        "space3": "12px",
+        "space4": "16px",
+        "space5": "20px",
+        "space6": "24px",
+        "space7": "28px",
+        "space8": "32px",
+        "space9": "36px",
+        "space10": "40px",
+        "space11": "44px",
+        "space12": "48px"
+      },
+      "buttonHeightSm": "32px",
+      "buttonHeightMd": "40px",
+      "buttonHeightLg": "50px",
+      "inputHeightSm": "32px",
+      "inputHeightMd": "40px",
+      "inputHeightLg": "50px",
+      "rowHeightCompact": "36px",
+      "rowHeightNormal": "44px",
+      "rowHeightSpacious": "56px",
+      "cardPaddingSm": "16px",
+      "cardPaddingMd": "20px",
+      "cardPaddingLg": "32px",
+      "dialogPadding": "32px",
+      "sectionGap": "40px"
+    },
+    "typeScale": {
+      "displayFamily": "\"Poppins\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "bodyFamily": "\"Nunito\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "scale": {
+        "xs": {
+          "size": "12px",
+          "lineHeight": "16px"
+        },
+        "sm": {
+          "size": "14px",
+          "lineHeight": "20px"
+        },
+        "base": {
+          "size": "16px",
+          "lineHeight": "24px"
+        },
+        "lg": {
+          "size": "18px",
+          "lineHeight": "28px"
+        },
+        "xl": {
+          "size": "20px",
+          "lineHeight": "28px"
+        },
+        "2xl": {
+          "size": "24px",
+          "lineHeight": "32px"
+        },
+        "3xl": {
+          "size": "30px",
+          "lineHeight": "36px"
+        },
+        "4xl": {
+          "size": "36px",
+          "lineHeight": "40px"
+        },
+        "display-1": {
+          "size": "48px",
+          "lineHeight": "52px"
+        },
+        "display-2": {
+          "size": "60px",
+          "lineHeight": "64px"
+        }
+      },
+      "intents": {
+        "headingMajor": {
+          "slot": "display",
+          "size": "2xl",
+          "weight": "bold"
+        },
+        "headingMinor": {
+          "slot": "display",
+          "size": "lg",
+          "weight": "bold"
+        },
+        "bodyEmphasis": {
+          "slot": "body",
+          "size": "base",
+          "weight": "medium"
+        },
+        "bodyDefault": {
+          "slot": "body",
+          "size": "sm",
+          "weight": "normal"
+        },
+        "bodyQuiet": {
+          "slot": "body",
+          "size": "sm",
+          "weight": "normal"
+        },
+        "caption": {
+          "slot": "body",
+          "size": "xs",
+          "weight": "normal"
+        },
+        "numeric": {
+          "slot": "mono",
+          "size": "sm",
+          "weight": "medium"
+        }
+      },
+      "fontImport": "https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Nunito:wght@400;500;600;700&display=swap",
+      "headingWeight": "600",
+      "headingTransform": "none",
+      "headingTracking": "0",
+      "headingStyle": "normal",
+      "headingShadow": "none"
+    },
+    "motion": {
+      "durations": {
+        "instant": "0ms",
+        "fast": "var(--transition-fast)",
+        "normal": "var(--transition-normal)",
+        "slow": "var(--transition-slow)",
+        "dramatic": "700ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "standard": "cubic-bezier(0.4, 0, 0.2, 1)",
+        "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
+        "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+      },
+      "shapes": {
+        "modalEnter": "scale(0.94)",
+        "modalExit": "scale(0.94)",
+        "pageEnter": "translateY(8px)",
+        "popoverEnter": "scale(0.96)",
+        "popoverExit": "scale(0.96)",
+        "toastEnter": "translateY(16px)",
+        "toastExit": "translateY(16px)"
+      }
+    },
+    "iconography": {
+      "family": "lucide",
+      "strokeWidth": "2.25",
+      "defaultSize": "18px"
+    },
+    "elevation": {
+      "cardElevation": "var(--shadow-main)",
+      "popoverElevation": "var(--shadow-lg)",
+      "dialogElevation": "var(--shadow-lg)",
+      "toastElevation": "var(--shadow-main)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "var(--shadow-active)"
+    },
+    "geometry": {
+      "radiusContainer": "var(--radius-lg)",
+      "radiusInteractive": "var(--radius-md)",
+      "radiusPill": "var(--radius-full)",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)",
+      "cornerShape": "superellipse(1.3)",
+      "cornerShapePill": "superellipse(1.3)",
+      "borderStyle": "none",
+      "borderStyleInteractive": "solid"
+    },
+    "colors": {
+      "primary": "#4353b8",
+      "primary-hover": "#3746a3",
+      "primary-foreground": "#ffffff",
+      "secondary": "#d3d9e3",
+      "secondary-hover": "#c6cdda",
+      "secondary-foreground": "#2d3748",
+      "accent": "#a8325e",
+      "accent-foreground": "#ffffff",
+      "muted": "#d3d9e3",
+      "muted-foreground": "#4a5568",
+      "background": "#e0e5ec",
+      "foreground": "#2d3748",
+      "card": "#e0e5ec",
+      "card-foreground": "#2d3748",
+      "surface": "#e0e5ec",
+      "border": "#b9c2d0",
+      "input": "#c5ccd9",
+      "ring": "#4353b8",
+      "error": "#b42323",
+      "error-foreground": "#ffffff",
+      "success": "#1c7346",
+      "success-foreground": "#ffffff",
+      "warning": "#f0a93a",
+      "warning-foreground": "#2d1b00",
+      "info": "#2b6cb0",
+      "info-foreground": "#ffffff",
+      "table-header": "#d3d9e3",
+      "table-border": "#c5ccd9",
+      "table-row-hover": "#d8dde7",
+      "surface-hover": "#d8dde7",
+      "border-hover": "#4353b8",
+      "placeholder": "#5f6b7e",
+      "scrim": "rgba(0, 0, 0, 0.6)"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "12px",
+      "md": "16px",
+      "lg": "20px",
+      "xl": "26px",
+      "full": "9999px"
+    },
+    "shadows": {
+      "main": "8px 8px 16px #a3b1c6, -8px -8px 16px #ffffff",
+      "sm": "4px 4px 8px #a3b1c6, -4px -4px 8px #ffffff",
+      "lg": "14px 14px 28px #a3b1c6, -14px -14px 28px #ffffff",
+      "inner": "inset 4px 4px 8px #a3b1c6, inset -4px -4px 8px #ffffff",
+      "none": "none",
+      "hover": "10px 10px 20px #a3b1c6, -10px -10px 20px #ffffff",
+      "active": "inset 5px 5px 10px #a3b1c6, inset -5px -5px 10px #ffffff"
+    },
+    "typography": {
+      "border-width": "1px",
+      "border-width-thin": "1px",
+      "border-width-thick": "2px",
+      "font-family": "\"Nunito\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "font-weight-normal": "500",
+      "font-weight-medium": "600",
+      "font-weight-bold": "800",
+      "letter-spacing": "0.005em",
+      "line-height": "1.6",
+      "icon-color": "#b97fd8",
+      "transition-fast": "120ms",
+      "transition-normal": "240ms",
+      "transition-slow": "280ms",
+      "transition-timing": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "hover-scale": "1.03",
+      "hover-translate-y": "-1px",
+      "hover-translate-x": "0",
+      "active-scale": "0.97",
+      "active-translate-y": "1px",
+      "focus-ring-width": "3px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "rgba(185, 127, 216, 0.5)"
+    }
+  },
+  "variants": {
+    "dark": {
+      "colors": {
+        "primary": "#9aabff",
+        "primary-hover": "#b1bfff",
+        "primary-foreground": "#0f1438",
+        "secondary": "#323748",
+        "secondary-hover": "#3b4155",
+        "secondary-foreground": "#e4e8f2",
+        "accent": "#ff9bb9",
+        "accent-foreground": "#3a0a1c",
+        "muted": "#323748",
+        "muted-foreground": "#b0b8cf",
+        "background": "#2a2e3b",
+        "foreground": "#e4e8f2",
+        "card": "#2a2e3b",
+        "card-foreground": "#e4e8f2",
+        "surface": "#2a2e3b",
+        "border": "#434a5e",
+        "input": "#3a4054",
+        "ring": "#9aabff",
+        "error": "#ff7a7a",
+        "error-foreground": "#2a0808",
+        "success": "#5fdc98",
+        "success-foreground": "#062414",
+        "warning": "#ffbf5e",
+        "warning-foreground": "#2d1b00",
+        "info": "#7ab8f5",
+        "info-foreground": "#071b3d",
+        "table-header": "#323748",
+        "table-border": "#3a4054",
+        "table-row-hover": "#313647",
+        "surface-hover": "#313647",
+        "border-hover": "#9aabff",
+        "placeholder": "#8f98b2",
+        "scrim": "rgba(0, 0, 0, 0.7)"
+      },
+      "typography": {
+        "border-width": "1px",
+        "border-width-thin": "1px",
+        "border-width-thick": "2px",
+        "font-family": "\"Nunito\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "font-weight-normal": "500",
+        "font-weight-medium": "600",
+        "font-weight-bold": "800",
+        "letter-spacing": "0.005em",
+        "line-height": "1.6",
+        "icon-color": "#cf9ce8",
+        "transition-fast": "120ms",
+        "transition-normal": "240ms",
+        "transition-slow": "280ms",
+        "transition-timing": "cubic-bezier(0.4, 0, 0.2, 1)",
+        "hover-scale": "1.03",
+        "hover-translate-y": "-1px",
+        "hover-translate-x": "0",
+        "active-scale": "0.97",
+        "active-translate-y": "1px",
+        "focus-ring-width": "3px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "rgba(207, 156, 232, 0.5)"
+      },
+      "shadows": {
+        "main": "8px 8px 16px #1d2029, -8px -8px 16px #373c4d",
+        "sm": "4px 4px 8px #1d2029, -4px -4px 8px #373c4d",
+        "lg": "14px 14px 28px #1d2029, -14px -14px 28px #373c4d",
+        "inner": "inset 4px 4px 8px #1d2029, inset -4px -4px 8px #373c4d",
+        "none": "none",
+        "hover": "10px 10px 20px #1d2029, -10px -10px 20px #373c4d",
+        "active": "inset 5px 5px 10px #1d2029, inset -5px -5px 10px #373c4d"
+      }
+    }
+  }
+}

package/themes/newsprint.json

@@ -0,0 +1,332 @@
+{
+  "name": "newsprint",
+  "displayName": "Newsprint",
+  "tokens": {
+    "density": {
+      "spacing": {
+        "space0": "0px",
+        "space1": "3.5px",
+        "space2": "7px",
+        "space3": "10.5px",
+        "space4": "14px",
+        "space5": "17.5px",
+        "space6": "21px",
+        "space7": "24.5px",
+        "space8": "28px",
+        "space9": "31.5px",
+        "space10": "35px",
+        "space11": "38.5px",
+        "space12": "42px"
+      },
+      "buttonHeightSm": "26px",
+      "buttonHeightMd": "32px",
+      "buttonHeightLg": "40px",
+      "inputHeightSm": "26px",
+      "inputHeightMd": "32px",
+      "inputHeightLg": "40px",
+      "rowHeightCompact": "26px",
+      "rowHeightNormal": "32px",
+      "rowHeightSpacious": "40px",
+      "cardPaddingSm": "8px",
+      "cardPaddingMd": "12px",
+      "cardPaddingLg": "16px",
+      "dialogPadding": "16px",
+      "sectionGap": "18px"
+    },
+    "typeScale": {
+      "fontImport": "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Source+Serif+4:wght@400;600;700&family=Old+Standard+TT&display=swap",
+      "displayFamily": "\"Playfair Display\", \"Old Standard TT\", Georgia, serif",
+      "bodyFamily": "var(--font-family)",
+      "monoFamily": "\"Old Standard TT\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "headingWeight": "900",
+      "headingTransform": "none",
+      "headingTracking": "-0.01em",
+      "headingStyle": "normal",
+      "headingShadow": "none",
+      "scale": {
+        "xs": {
+          "size": "11px",
+          "lineHeight": "15px"
+        },
+        "sm": {
+          "size": "13px",
+          "lineHeight": "19px"
+        },
+        "base": {
+          "size": "15px",
+          "lineHeight": "23px"
+        },
+        "lg": {
+          "size": "17px",
+          "lineHeight": "26px"
+        },
+        "xl": {
+          "size": "19px",
+          "lineHeight": "26px"
+        },
+        "2xl": {
+          "size": "23px",
+          "lineHeight": "30px"
+        },
+        "3xl": {
+          "size": "28px",
+          "lineHeight": "34px"
+        },
+        "4xl": {
+          "size": "34px",
+          "lineHeight": "38px"
+        },
+        "display-1": {
+          "size": "45px",
+          "lineHeight": "49px"
+        },
+        "display-2": {
+          "size": "56px",
+          "lineHeight": "60px"
+        }
+      },
+      "intents": {
+        "headingMajor": {
+          "slot": "display",
+          "size": "2xl",
+          "weight": "bold"
+        },
+        "headingMinor": {
+          "slot": "display",
+          "size": "lg",
+          "weight": "bold"
+        },
+        "bodyEmphasis": {
+          "slot": "body",
+          "size": "base",
+          "weight": "medium"
+        },
+        "bodyDefault": {
+          "slot": "body",
+          "size": "sm",
+          "weight": "normal"
+        },
+        "bodyQuiet": {
+          "slot": "body",
+          "size": "sm",
+          "weight": "normal"
+        },
+        "caption": {
+          "slot": "body",
+          "size": "xs",
+          "weight": "normal"
+        },
+        "numeric": {
+          "slot": "mono",
+          "size": "sm",
+          "weight": "medium"
+        }
+      }
+    },
+    "motion": {
+      "durations": {
+        "instant": "0ms",
+        "fast": "100ms",
+        "normal": "150ms",
+        "slow": "250ms",
+        "dramatic": "350ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "standard": "ease",
+        "emphasized": "ease-in-out",
+        "spring": "ease-out"
+      },
+      "shapes": {
+        "modalEnter": "translateY(8px)",
+        "modalExit": "translateY(8px)",
+        "pageEnter": "translateY(6px)",
+        "popoverEnter": "translateY(4px)",
+        "popoverExit": "translateY(4px)",
+        "toastEnter": "translateY(8px)",
+        "toastExit": "translateY(8px)"
+      }
+    },
+    "iconography": {
+      "family": "phosphor-outline",
+      "strokeWidth": "1.5",
+      "defaultSize": "16px"
+    },
+    "elevation": {
+      "cardElevation": "none",
+      "popoverElevation": "none",
+      "dialogElevation": "none",
+      "toastElevation": "none",
+      "interactiveElevation": "none",
+      "pressedElevation": "none"
+    },
+    "geometry": {
+      "radiusContainer": "var(--radius-md)",
+      "radiusInteractive": "var(--radius-sm)",
+      "radiusPill": "var(--radius-full)",
+      "cornerShape": "round",
+      "cornerShapePill": "round",
+      "borderStyle": "double",
+      "borderStyleInteractive": "double",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)"
+    },
+    "surface": {
+      "pageImage": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.25 0 0 0 0 0.25 0 0 0 .07 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>\")",
+      "pageImageSize": "200px 200px"
+    },
+    "colors": {
+      "primary": "#111111",
+      "primary-hover": "#333333",
+      "primary-foreground": "#f4f1ea",
+      "secondary": "#e6e1d3",
+      "secondary-hover": "#dad4c3",
+      "secondary-foreground": "#111111",
+      "accent": "#b3261e",
+      "accent-foreground": "#ffffff",
+      "muted": "#ebe6d8",
+      "muted-foreground": "#4a463d",
+      "background": "#f4f1ea",
+      "foreground": "#111111",
+      "card": "#f9f7f1",
+      "card-foreground": "#111111",
+      "surface": "#efeadc",
+      "border": "#111111",
+      "input": "#111111",
+      "ring": "#b3261e",
+      "table-header": "#efeadc",
+      "table-border": "#111111",
+      "table-row-hover": "#eee9dc",
+      "surface-hover": "#e5dfcf",
+      "border-hover": "#b3261e",
+      "placeholder": "#6a655a",
+      "error": "#b3261e",
+      "error-foreground": "#ffffff",
+      "success": "#1f6b3a",
+      "success-foreground": "#ffffff",
+      "warning": "#f2c94c",
+      "warning-foreground": "#111111",
+      "info": "#1f4e8c",
+      "info-foreground": "#ffffff",
+      "scrim": "rgba(0, 0, 0, 0.6)"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "0px",
+      "md": "0px",
+      "lg": "0px",
+      "xl": "0px",
+      "full": "9999px"
+    },
+    "shadows": {
+      "none": "none",
+      "sm": "none",
+      "main": "none",
+      "lg": "none",
+      "inner": "none",
+      "hover": "none",
+      "active": "none"
+    },
+    "typography": {
+      "border-width": "3px",
+      "border-width-thin": "1px",
+      "border-width-thick": "4px",
+      "font-family": "\"Source Serif 4\", \"Libre Baskerville\", Georgia, serif",
+      "font-weight-normal": "400",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "0em",
+      "line-height": "1.3",
+      "icon-color": "currentColor",
+      "transition-fast": "100ms",
+      "transition-normal": "150ms",
+      "transition-slow": "250ms",
+      "transition-timing": "ease",
+      "hover-scale": "1",
+      "hover-translate-y": "0",
+      "hover-translate-x": "0",
+      "active-scale": "1",
+      "active-translate-y": "0",
+      "focus-ring-width": "2px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "#b3261e"
+    }
+  },
+  "variants": {
+    "dark": {
+      "colors": {
+        "primary": "#ece7da",
+        "primary-hover": "#cfc9ba",
+        "primary-foreground": "#1a1915",
+        "secondary": "#2a2822",
+        "secondary-hover": "#35322a",
+        "secondary-foreground": "#ece7da",
+        "accent": "#ff8a80",
+        "accent-foreground": "#1a1915",
+        "muted": "#24221d",
+        "muted-foreground": "#bcb6a6",
+        "background": "#1a1915",
+        "foreground": "#ece7da",
+        "card": "#201e19",
+        "card-foreground": "#ece7da",
+        "surface": "#1d1b17",
+        "border": "#ece7da",
+        "input": "#ece7da",
+        "ring": "#ff8a80",
+        "table-header": "#1d1b17",
+        "table-border": "#ece7da",
+        "table-row-hover": "#23211c",
+        "surface-hover": "#2b2923",
+        "border-hover": "#ff8a80",
+        "placeholder": "#948e7f",
+        "error": "#ff8a80",
+        "error-foreground": "#1a1915",
+        "success": "#7fd69a",
+        "success-foreground": "#1a1915",
+        "warning": "#f2c94c",
+        "warning-foreground": "#1a1915",
+        "info": "#8fb4f0",
+        "info-foreground": "#1a1915",
+        "scrim": "rgba(0, 0, 0, 0.7)"
+      },
+      "shadows": {
+        "none": "none",
+        "sm": "none",
+        "main": "none",
+        "lg": "none",
+        "inner": "none",
+        "hover": "none",
+        "active": "none"
+      },
+      "typography": {
+        "border-width": "3px",
+        "border-width-thin": "1px",
+        "border-width-thick": "4px",
+        "font-family": "\"Source Serif 4\", \"Libre Baskerville\", Georgia, serif",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0em",
+        "line-height": "1.3",
+        "icon-color": "currentColor",
+        "transition-fast": "100ms",
+        "transition-normal": "150ms",
+        "transition-slow": "250ms",
+        "transition-timing": "ease",
+        "hover-scale": "1",
+        "hover-translate-y": "0",
+        "hover-translate-x": "0",
+        "active-scale": "1",
+        "active-translate-y": "0",
+        "focus-ring-width": "2px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#ff8a80"
+      },
+      "surface": {
+        "pageImage": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>\")",
+        "pageImageSize": "200px 200px"
+      }
+    }
+  }
+}