@almadar/core 10.110.0 → 10.112.0

package/themes/material.json

@@ -0,0 +1,328 @@
+{
+  "name": "material",
+  "displayName": "Material 3",
+  "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": "48px",
+      "inputHeightSm": "40px",
+      "inputHeightMd": "48px",
+      "inputHeightLg": "56px",
+      "rowHeightCompact": "32px",
+      "rowHeightNormal": "40px",
+      "rowHeightSpacious": "52px",
+      "cardPaddingSm": "12px",
+      "cardPaddingMd": "16px",
+      "cardPaddingLg": "24px",
+      "dialogPadding": "24px",
+      "sectionGap": "32px"
+    },
+    "typeScale": {
+      "displayFamily": "\"Roboto Flex\", \"Roboto\", system-ui, sans-serif",
+      "bodyFamily": "var(--font-family)",
+      "monoFamily": "\"Roboto Mono\", ui-monospace, monospace",
+      "fontImport": "https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@400;500;600;700&family=Roboto:wght@400;500;700&family=Roboto+Mono:wght@400;500&display=swap",
+      "headingWeight": "500",
+      "headingTransform": "none",
+      "headingTracking": "0em",
+      "headingStyle": "normal",
+      "headingShadow": "none",
+      "scale": {
+        "xs": {
+          "size": "12px",
+          "lineHeight": "16px"
+        },
+        "sm": {
+          "size": "14px",
+          "lineHeight": "20px"
+        },
+        "base": {
+          "size": "16px",
+          "lineHeight": "24px"
+        },
+        "lg": {
+          "size": "18px",
+          "lineHeight": "28px"
+        },
+        "xl": {
+          "size": "22px",
+          "lineHeight": "28px"
+        },
+        "2xl": {
+          "size": "24px",
+          "lineHeight": "32px"
+        },
+        "3xl": {
+          "size": "28px",
+          "lineHeight": "36px"
+        },
+        "4xl": {
+          "size": "32px",
+          "lineHeight": "40px"
+        },
+        "display-1": {
+          "size": "45px",
+          "lineHeight": "52px"
+        },
+        "display-2": {
+          "size": "57px",
+          "lineHeight": "64px"
+        }
+      },
+      "intents": {
+        "headingMajor": {
+          "slot": "display",
+          "size": "2xl",
+          "weight": "medium"
+        },
+        "headingMinor": {
+          "slot": "display",
+          "size": "lg",
+          "weight": "medium"
+        },
+        "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": "200ms",
+        "slow": "300ms",
+        "dramatic": "500ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "standard": "cubic-bezier(0.2, 0, 0, 1)",
+        "emphasized": "cubic-bezier(0.05, 0.7, 0.1, 1)",
+        "spring": "cubic-bezier(0.3, 1.3, 0.5, 1)"
+      },
+      "shapes": {
+        "modalEnter": "scale(0.85)",
+        "modalExit": "scale(0.85)",
+        "pageEnter": "translateY(24px)",
+        "popoverEnter": "scale(0.9)",
+        "popoverExit": "scale(0.9)",
+        "toastEnter": "translateY(24px)",
+        "toastExit": "translateY(24px)"
+      }
+    },
+    "iconography": {
+      "family": "lucide",
+      "strokeWidth": "1.75",
+      "defaultSize": "24px"
+    },
+    "elevation": {
+      "cardElevation": "var(--shadow-sm)",
+      "popoverElevation": "var(--shadow-main)",
+      "dialogElevation": "var(--shadow-lg)",
+      "toastElevation": "var(--shadow-main)",
+      "interactiveElevation": "none",
+      "pressedElevation": "none"
+    },
+    "geometry": {
+      "radiusContainer": "12px",
+      "radiusInteractive": "var(--radius-full)",
+      "radiusPill": "var(--radius-full)",
+      "cornerShape": "round",
+      "cornerShapePill": "round",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)"
+    },
+    "surface": {
+      "cardImage": "linear-gradient(rgba(103, 80, 164, 0.06), rgba(103, 80, 164, 0.06))"
+    },
+    "colors": {
+      "primary": "#6750A4",
+      "primary-hover": "#5a4593",
+      "primary-foreground": "#ffffff",
+      "secondary": "#E8DEF8",
+      "secondary-hover": "#dccff2",
+      "secondary-foreground": "#1D192B",
+      "accent": "#7D5260",
+      "accent-foreground": "#ffffff",
+      "muted": "#E7E0EC",
+      "muted-foreground": "#49454F",
+      "background": "#FEF7FF",
+      "foreground": "#1D1B20",
+      "card": "#F3EDF7",
+      "card-foreground": "#1D1B20",
+      "surface": "#F7F2FA",
+      "border": "#79747E",
+      "input": "#79747E",
+      "ring": "#6750A4",
+      "table-header": "#F7F2FA",
+      "table-border": "#79747E",
+      "table-row-hover": "#ECE6F0",
+      "surface-hover": "#ECE6F0",
+      "border-hover": "#6750A4",
+      "placeholder": "#6b6672",
+      "error": "#B3261E",
+      "error-foreground": "#ffffff",
+      "success": "#386A20",
+      "success-foreground": "#ffffff",
+      "warning": "#FFDEA0",
+      "warning-foreground": "#261900",
+      "info": "#00639B",
+      "info-foreground": "#ffffff"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "8px",
+      "md": "12px",
+      "lg": "16px",
+      "xl": "28px",
+      "full": "9999px"
+    },
+    "shadows": {
+      "main": "0 1px 2px rgba(0,0,0,.30), 0 2px 6px 2px rgba(0,0,0,.15)",
+      "sm": "0 1px 2px rgba(0,0,0,.30), 0 1px 3px 1px rgba(0,0,0,.15)",
+      "lg": "0 1px 3px rgba(0,0,0,.30), 0 4px 8px 3px rgba(0,0,0,.15)",
+      "inner": "none",
+      "none": "none",
+      "hover": "0 1px 2px rgba(0,0,0,.30), 0 1px 3px 1px rgba(0,0,0,.15)",
+      "active": "none"
+    },
+    "typography": {
+      "border-width": "1px",
+      "border-width-thin": "1px",
+      "border-width-thick": "2px",
+      "font-family": "\"Roboto\", system-ui, sans-serif",
+      "font-weight-normal": "400",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "0em",
+      "line-height": "1.5",
+      "icon-color": "#6750A4",
+      "transition-fast": "100ms",
+      "transition-normal": "200ms",
+      "transition-slow": "300ms",
+      "transition-timing": "cubic-bezier(0.2, 0, 0, 1)",
+      "hover-scale": "1",
+      "hover-translate-y": "0px",
+      "hover-translate-x": "0px",
+      "active-scale": "1",
+      "active-translate-y": "0px",
+      "focus-ring-width": "3px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "#6750A4"
+    }
+  },
+  "variants": {
+    "dark": {
+      "surface": {
+        "cardImage": "linear-gradient(rgba(208, 188, 255, 0.08), rgba(208, 188, 255, 0.08))"
+      },
+      "colors": {
+        "primary": "#D0BCFF",
+        "primary-hover": "#bfa6f5",
+        "primary-foreground": "#381E72",
+        "secondary": "#4A4458",
+        "secondary-hover": "#595267",
+        "secondary-foreground": "#E8DEF8",
+        "accent": "#EFB8C8",
+        "accent-foreground": "#492532",
+        "muted": "#49454F",
+        "muted-foreground": "#CAC4D0",
+        "background": "#141218",
+        "foreground": "#E6E0E9",
+        "card": "#211F26",
+        "card-foreground": "#E6E0E9",
+        "surface": "#1D1B20",
+        "border": "#938F99",
+        "input": "#938F99",
+        "ring": "#D0BCFF",
+        "table-header": "#1D1B20",
+        "table-border": "#938F99",
+        "table-row-hover": "#2B2930",
+        "surface-hover": "#2B2930",
+        "border-hover": "#D0BCFF",
+        "placeholder": "#a39eaa",
+        "error": "#F2B8B5",
+        "error-foreground": "#601410",
+        "success": "#A1D489",
+        "success-foreground": "#0B3900",
+        "warning": "#FFD98E",
+        "warning-foreground": "#422C00",
+        "info": "#99CBFF",
+        "info-foreground": "#003355"
+      },
+      "shadows": {
+        "main": "0 1px 2px rgba(0,0,0,.30), 0 2px 6px 2px rgba(0,0,0,.15)",
+        "sm": "0 1px 2px rgba(0,0,0,.30), 0 1px 3px 1px rgba(0,0,0,.15)",
+        "lg": "0 1px 3px rgba(0,0,0,.30), 0 4px 8px 3px rgba(0,0,0,.15)",
+        "inner": "none",
+        "none": "none",
+        "hover": "0 1px 2px rgba(0,0,0,.30), 0 1px 3px 1px rgba(0,0,0,.15)",
+        "active": "none"
+      },
+      "typography": {
+        "border-width": "1px",
+        "border-width-thin": "1px",
+        "border-width-thick": "2px",
+        "font-family": "\"Roboto\", system-ui, sans-serif",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0em",
+        "line-height": "1.5",
+        "icon-color": "#D0BCFF",
+        "transition-fast": "100ms",
+        "transition-normal": "200ms",
+        "transition-slow": "300ms",
+        "transition-timing": "cubic-bezier(0.2, 0, 0, 1)",
+        "hover-scale": "1",
+        "hover-translate-y": "0px",
+        "hover-translate-x": "0px",
+        "active-scale": "1",
+        "active-translate-y": "0px",
+        "focus-ring-width": "3px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#D0BCFF"
+      }
+    }
+  }
+}

package/themes/memphis.json

@@ -0,0 +1,337 @@
+{
+  "name": "memphis",
+  "displayName": "Memphis 80s",
+  "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": "42px",
+      "buttonHeightLg": "52px",
+      "inputHeightSm": "32px",
+      "inputHeightMd": "42px",
+      "inputHeightLg": "52px",
+      "rowHeightCompact": "34px",
+      "rowHeightNormal": "44px",
+      "rowHeightSpacious": "54px",
+      "cardPaddingSm": "14px",
+      "cardPaddingMd": "20px",
+      "cardPaddingLg": "28px",
+      "dialogPadding": "28px",
+      "sectionGap": "36px"
+    },
+    "typeScale": {
+      "displayFamily": "\"Bungee\", \"Lilita One\", \"Rubik\", sans-serif",
+      "bodyFamily": "\"Rubik\", \"Helvetica Neue\", sans-serif",
+      "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "fontImport": "https://fonts.googleapis.com/css2?family=Bungee&family=Lilita+One&family=Rubik:wght@400;500;700&display=swap",
+      "headingWeight": "400",
+      "headingTransform": "uppercase",
+      "headingTracking": "0.03em",
+      "headingStyle": "normal",
+      "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"
+        }
+      }
+    },
+    "motion": {
+      "durations": {
+        "instant": "0ms",
+        "fast": "var(--transition-fast)",
+        "normal": "var(--transition-normal)",
+        "slow": "var(--transition-slow)",
+        "dramatic": "600ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "standard": "var(--transition-timing)",
+        "emphasized": "cubic-bezier(0.34, 1.56, 0.64, 1)",
+        "spring": "cubic-bezier(0.68, -0.6, 0.32, 1.6)"
+      },
+      "shapes": {
+        "modalEnter": "scale(0.8) rotate(-3deg)",
+        "modalExit": "scale(0.8) rotate(-3deg)",
+        "pageEnter": "translateY(16px)",
+        "popoverEnter": "scale(0.85)",
+        "popoverExit": "scale(0.85)",
+        "toastEnter": "translateY(24px) rotate(2deg)",
+        "toastExit": "translateY(24px) rotate(2deg)"
+      }
+    },
+    "iconography": {
+      "family": "phosphor-fill",
+      "strokeWidth": "2",
+      "defaultSize": "18px"
+    },
+    "elevation": {
+      "cardElevation": "var(--shadow-sm)",
+      "popoverElevation": "var(--shadow-main)",
+      "dialogElevation": "var(--shadow-lg)",
+      "toastElevation": "var(--shadow-main)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "var(--shadow-active)"
+    },
+    "geometry": {
+      "radiusContainer": "var(--radius-none)",
+      "radiusInteractive": "var(--radius-full)",
+      "radiusPill": "var(--radius-full)",
+      "cornerShape": "round",
+      "cornerShapePill": "round",
+      "borderHairline": "2px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)",
+      "borderStyle": "dashed",
+      "borderStyleInteractive": "dashed"
+    },
+    "colors": {
+      "primary": "#d81b7a",
+      "primary-hover": "#b31565",
+      "primary-foreground": "#ffffff",
+      "secondary": "#19c1cc",
+      "secondary-hover": "#12a9b4",
+      "secondary-foreground": "#05262a",
+      "accent": "#ffd21f",
+      "accent-foreground": "#1a1400",
+      "muted": "#f2e9ff",
+      "muted-foreground": "#4a3a6a",
+      "background": "#fff7e0",
+      "foreground": "#14101f",
+      "card": "#ffffff",
+      "card-foreground": "#14101f",
+      "surface": "#ffeef7",
+      "border": "#14101f",
+      "input": "#14101f",
+      "ring": "#6a3df0",
+      "table-header": "#ffeef7",
+      "table-border": "#14101f",
+      "table-row-hover": "#fff7e0",
+      "surface-hover": "#ffe0f0",
+      "border-hover": "#d81b7a",
+      "placeholder": "#6b5f85",
+      "error": "#d6141f",
+      "error-foreground": "#ffffff",
+      "success": "#087a40",
+      "success-foreground": "#ffffff",
+      "warning": "#ffb800",
+      "warning-foreground": "#1a1000",
+      "info": "#5a2ee0",
+      "info-foreground": "#ffffff"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "0px",
+      "md": "0px",
+      "lg": "0px",
+      "xl": "0px",
+      "full": "9999px"
+    },
+    "shadows": {
+      "main": "6px 6px 0 0 #ff5fa2",
+      "sm": "3px 3px 0 0 #ff5fa2",
+      "lg": "9px 9px 0 0 #15b8c4",
+      "inner": "inset 3px 3px 0 0 rgba(123,77,255,0.25)",
+      "none": "none",
+      "hover": "8px 8px 0 0 #ffd21f",
+      "active": "1px 1px 0 0 #ff5fa2"
+    },
+    "typography": {
+      "border-width": "3px",
+      "border-width-thin": "2px",
+      "border-width-thick": "5px",
+      "font-family": "\"Rubik\", \"Helvetica Neue\", sans-serif",
+      "font-weight-normal": "400",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "0em",
+      "line-height": "1.55",
+      "icon-color": "#d81b7a",
+      "transition-fast": "120ms",
+      "transition-normal": "220ms",
+      "transition-slow": "380ms",
+      "transition-timing": "cubic-bezier(0.68, -0.4, 0.32, 1.5)",
+      "hover-scale": "1.04",
+      "hover-translate-y": "-2px",
+      "hover-translate-x": "-1px",
+      "active-scale": "0.96",
+      "active-translate-y": "2px",
+      "focus-ring-width": "3px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "#6a3df0"
+    },
+    "surface": {
+      "pageImage": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><g fill='none' stroke-width='3' stroke-linecap='round'><path d='M10 20 q8 -10 16 0 t16 0' stroke='%23ff5fa2' opacity='.35'/><path d='M70 90 q8 -10 16 0 t16 0' stroke='%2315b8c4' opacity='.35'/></g><circle cx='90' cy='25' r='5' fill='%23ffd21f' opacity='.4'/><rect x='20' y='80' width='10' height='10' fill='%237b4dff' opacity='.3' transform='rotate(20 25 85)'/><path d='M55 50 l6 10 l-12 0 z' fill='%23ff5fa2' opacity='.3'/></svg>\")",
+      "pageImageSize": "120px 120px"
+    }
+  },
+  "variants": {
+    "dark": {
+      "colors": {
+        "primary": "#ff6fb5",
+        "primary-hover": "#ff8ac3",
+        "primary-foreground": "#1a0310",
+        "secondary": "#3fe0e8",
+        "secondary-hover": "#66e8ee",
+        "secondary-foreground": "#03202a",
+        "accent": "#ffd21f",
+        "accent-foreground": "#1a1400",
+        "muted": "#2a2050",
+        "muted-foreground": "#d3c8f5",
+        "background": "#170f2e",
+        "foreground": "#fdf3d8",
+        "card": "#21183f",
+        "card-foreground": "#fdf3d8",
+        "surface": "#1c1436",
+        "border": "#fdf3d8",
+        "input": "#fdf3d8",
+        "ring": "#ffd21f",
+        "table-header": "#1c1436",
+        "table-border": "#fdf3d8",
+        "table-row-hover": "#261c48",
+        "surface-hover": "#312459",
+        "border-hover": "#ff6fb5",
+        "placeholder": "#a596cf",
+        "error": "#ff7a82",
+        "error-foreground": "#200306",
+        "success": "#4ee39a",
+        "success-foreground": "#03190d",
+        "warning": "#ffc933",
+        "warning-foreground": "#1a1000",
+        "info": "#a48bff",
+        "info-foreground": "#0f0630"
+      },
+      "shadows": {
+        "main": "6px 6px 0 0 #ff6fb5",
+        "sm": "3px 3px 0 0 #ff6fb5",
+        "lg": "9px 9px 0 0 #3fe0e8",
+        "inner": "inset 3px 3px 0 0 rgba(255,210,31,0.25)",
+        "none": "none",
+        "hover": "8px 8px 0 0 #ffd21f",
+        "active": "1px 1px 0 0 #ff6fb5"
+      },
+      "typography": {
+        "border-width": "3px",
+        "border-width-thin": "2px",
+        "border-width-thick": "5px",
+        "font-family": "\"Rubik\", \"Helvetica Neue\", sans-serif",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0em",
+        "line-height": "1.55",
+        "icon-color": "#ff6fb5",
+        "transition-fast": "120ms",
+        "transition-normal": "220ms",
+        "transition-slow": "380ms",
+        "transition-timing": "cubic-bezier(0.68, -0.4, 0.32, 1.5)",
+        "hover-scale": "1.04",
+        "hover-translate-y": "-2px",
+        "hover-translate-x": "-1px",
+        "active-scale": "0.96",
+        "active-translate-y": "2px",
+        "focus-ring-width": "3px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#ffd21f"
+      },
+      "radii": {
+        "none": "0px",
+        "sm": "0px",
+        "md": "0px",
+        "lg": "0px",
+        "xl": "0px",
+        "full": "9999px"
+      },
+      "surface": {
+        "pageImage": "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><g fill='none' stroke-width='3' stroke-linecap='round'><path d='M10 20 q8 -10 16 0 t16 0' stroke='%23ff5fa2' opacity='.35'/><path d='M70 90 q8 -10 16 0 t16 0' stroke='%2315b8c4' opacity='.35'/></g><circle cx='90' cy='25' r='5' fill='%23ffd21f' opacity='.4'/><rect x='20' y='80' width='10' height='10' fill='%237b4dff' opacity='.3' transform='rotate(20 25 85)'/><path d='M55 50 l6 10 l-12 0 z' fill='%23ff5fa2' opacity='.3'/></svg>\")",
+        "pageImageSize": "120px 120px"
+      }
+    }
+  }
+}