@almadar/core 10.111.0 → 10.113.0

package/themes/blueprint.json

@@ -0,0 +1,332 @@
+{
+  "name": "blueprint",
+  "displayName": "Blueprint",
+  "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": "26px",
+      "buttonHeightMd": "32px",
+      "buttonHeightLg": "40px",
+      "inputHeightSm": "26px",
+      "inputHeightMd": "32px",
+      "inputHeightLg": "40px",
+      "rowHeightCompact": "28px",
+      "rowHeightNormal": "34px",
+      "rowHeightSpacious": "42px",
+      "cardPaddingSm": "10px",
+      "cardPaddingMd": "14px",
+      "cardPaddingLg": "20px",
+      "dialogPadding": "20px",
+      "sectionGap": "24px"
+    },
+    "typeScale": {
+      "fontImport": "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Share+Tech+Mono&display=swap",
+      "displayFamily": "\"IBM Plex Mono\", \"Share Tech Mono\", monospace",
+      "bodyFamily": "var(--font-family)",
+      "monoFamily": "\"Share Tech Mono\", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+      "headingWeight": "500",
+      "headingTransform": "uppercase",
+      "headingTracking": "0.14em",
+      "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": "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": "100ms",
+        "normal": "160ms",
+        "slow": "240ms",
+        "dramatic": "320ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "standard": "linear",
+        "emphasized": "linear",
+        "spring": "linear"
+      },
+      "shapes": {
+        "modalEnter": "scaleX(0.02)",
+        "modalExit": "scaleX(0.02)",
+        "pageEnter": "translateX(-8px)",
+        "popoverEnter": "scaleY(0.2)",
+        "popoverExit": "scaleY(0.2)",
+        "toastEnter": "translateX(16px)",
+        "toastExit": "translateX(16px)"
+      }
+    },
+    "iconography": {
+      "family": "tabler",
+      "strokeWidth": "1.25",
+      "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": "dashed",
+      "borderStyleInteractive": "dashed",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)"
+    },
+    "surface": {
+      "pageImage": "linear-gradient(rgba(26, 74, 138, 0.14) 1px, transparent 1px), linear-gradient(90deg, rgba(26, 74, 138, 0.14) 1px, transparent 1px), linear-gradient(rgba(26, 74, 138, 0.26) 1px, transparent 1px), linear-gradient(90deg, rgba(26, 74, 138, 0.26) 1px, transparent 1px)",
+      "pageImageSize": "8px 8px, 8px 8px, 40px 40px, 40px 40px"
+    },
+    "colors": {
+      "primary": "#1a4a8a",
+      "primary-hover": "#143b70",
+      "primary-foreground": "#ffffff",
+      "secondary": "#dbe8fb",
+      "secondary-hover": "#c8dcf7",
+      "secondary-foreground": "#0f2f63",
+      "accent": "#087391",
+      "accent-foreground": "#ffffff",
+      "muted": "#e6eefb",
+      "muted-foreground": "#3d5a8a",
+      "background": "#f5f9ff",
+      "foreground": "#0f2f63",
+      "card": "#ffffff",
+      "card-foreground": "#0f2f63",
+      "surface": "#eaf1fc",
+      "border": "#1a4a8a",
+      "input": "#1a4a8a",
+      "ring": "#087391",
+      "table-header": "#eaf1fc",
+      "table-border": "#1a4a8a",
+      "table-row-hover": "#edf3fd",
+      "surface-hover": "#e0ebfa",
+      "border-hover": "#087391",
+      "placeholder": "#56709c",
+      "error": "#b3261e",
+      "error-foreground": "#ffffff",
+      "success": "#1b6e3c",
+      "success-foreground": "#ffffff",
+      "warning": "#ffd966",
+      "warning-foreground": "#332600",
+      "info": "#1a4a8a",
+      "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": "1px",
+      "border-width-thin": "1px",
+      "border-width-thick": "2px",
+      "font-family": "\"Share Tech Mono\", \"IBM Plex Mono\", ui-monospace, monospace",
+      "font-weight-normal": "400",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "0.03em",
+      "line-height": "1.5",
+      "icon-color": "currentColor",
+      "transition-fast": "100ms",
+      "transition-normal": "160ms",
+      "transition-slow": "240ms",
+      "transition-timing": "linear",
+      "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": "#087391"
+    }
+  },
+  "variants": {
+    "dark": {
+      "colors": {
+        "primary": "#ffffff",
+        "primary-hover": "#dbe9ff",
+        "primary-foreground": "#1a4a8a",
+        "secondary": "#2a63b0",
+        "secondary-hover": "#3470bd",
+        "secondary-foreground": "#ffffff",
+        "accent": "#7fe3ff",
+        "accent-foreground": "#0e2f5e",
+        "muted": "#20549a",
+        "muted-foreground": "#cfe6ff",
+        "background": "#1a4a8a",
+        "foreground": "#ffffff",
+        "card": "#1f5299",
+        "card-foreground": "#ffffff",
+        "surface": "#1d4f94",
+        "border": "#cfe6ff",
+        "input": "#cfe6ff",
+        "ring": "#7fe3ff",
+        "table-header": "#1d4f94",
+        "table-border": "#cfe6ff",
+        "table-row-hover": "#225aa6",
+        "surface-hover": "#2460ad",
+        "border-hover": "#7fe3ff",
+        "placeholder": "#a9cdf5",
+        "error": "#ff8a8a",
+        "error-foreground": "#3a0000",
+        "success": "#7dffb0",
+        "success-foreground": "#00301a",
+        "warning": "#ffd966",
+        "warning-foreground": "#332600",
+        "info": "#7fe3ff",
+        "info-foreground": "#0e2f5e",
+        "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": "1px",
+        "border-width-thin": "1px",
+        "border-width-thick": "2px",
+        "font-family": "\"Share Tech Mono\", \"IBM Plex Mono\", ui-monospace, monospace",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0.03em",
+        "line-height": "1.5",
+        "icon-color": "currentColor",
+        "transition-fast": "100ms",
+        "transition-normal": "160ms",
+        "transition-slow": "240ms",
+        "transition-timing": "linear",
+        "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": "#7fe3ff"
+      },
+      "surface": {
+        "pageImage": "linear-gradient(rgba(207, 230, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(207, 230, 255, 0.12) 1px, transparent 1px), linear-gradient(rgba(207, 230, 255, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(207, 230, 255, 0.3) 1px, transparent 1px)",
+        "pageImageSize": "8px 8px, 8px 8px, 40px 40px, 40px 40px"
+      }
+    }
+  }
+}

package/themes/clay.json

@@ -1,5 +1,6 @@
 {
   "name": "clay",
+  "displayName": "Clay",
   "tokens": {
     "density": {
       "spacing": {
@@ -33,8 +34,8 @@
       "sectionGap": "40px"
     },
     "typeScale": {
-      "displayFamily": "var(--font-family)",
-      "bodyFamily": "var(--font-family)",
+      "displayFamily": "\"Baloo 2\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "bodyFamily": "\"DM Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
       "monoFamily": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
       "scale": {
         "xs": {
@@ -114,7 +115,13 @@
           "size": "sm",
           "weight": "medium"
         }
-      }
+      },
+      "fontImport": "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=DM+Sans:wght@400;500;700&display=swap",
+      "headingWeight": "800",
+      "headingTransform": "none",
+      "headingTracking": "0",
+      "headingStyle": "normal",
+      "headingShadow": "none"
     },
     "motion": {
       "durations": {
@@ -126,9 +133,18 @@
       },
       "easings": {
         "linear": "linear",
-        "standard": "var(--transition-timing)",
+        "standard": "cubic-bezier(0.34, 1.56, 0.64, 1)",
         "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
         "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+      },
+      "shapes": {
+        "modalEnter": "scale(0.9)",
+        "modalExit": "scale(0.9)",
+        "pageEnter": "translateY(12px)",
+        "popoverEnter": "scale(0.94)",
+        "popoverExit": "scale(0.94)",
+        "toastEnter": "translateY(20px)",
+        "toastExit": "translateY(20px)"
       }
     },
     "iconography": {
@@ -137,18 +153,24 @@
       "defaultSize": "18px"
     },
     "elevation": {
-      "cardElevation": "var(--shadow-sm)",
-      "popoverElevation": "var(--shadow-main)",
+      "cardElevation": "var(--shadow-main)",
+      "popoverElevation": "var(--shadow-lg)",
       "dialogElevation": "var(--shadow-lg)",
-      "toastElevation": "var(--shadow-main)"
+      "toastElevation": "var(--shadow-main)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "var(--shadow-active)"
     },
     "geometry": {
-      "radiusContainer": "var(--radius-lg)",
-      "radiusInteractive": "var(--radius-md)",
+      "radiusContainer": "var(--radius-xl)",
+      "radiusInteractive": "var(--radius-lg)",
       "radiusPill": "var(--radius-full)",
       "borderHairline": "1px",
       "borderStandard": "var(--border-width)",
-      "borderHeavy": "var(--border-width-thick)"
+      "borderHeavy": "var(--border-width-thick)",
+      "cornerShape": "round",
+      "cornerShapePill": "round",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid"
     },
     "colors": {
       "primary": "#b97fd8",
@@ -176,30 +198,31 @@
       "warning": "#e3a63d",
       "warning-foreground": "#3d2a00",
       "info": "#3f6fd1",
-      "info-foreground": "#ffffff"
+      "info-foreground": "#ffffff",
+      "scrim": "rgba(0, 0, 0, 0.6)"
     },
     "radii": {
       "none": "0px",
-      "sm": "12px",
-      "md": "16px",
-      "lg": "20px",
-      "xl": "24px",
+      "sm": "16px",
+      "md": "22px",
+      "lg": "28px",
+      "xl": "32px",
       "full": "9999px"
     },
     "shadows": {
-      "main": "0 12px 24px -6px rgba(93, 62, 110, 0.18), inset 0 2px 4px rgba(255, 255, 255, 0.7)",
-      "sm": "0 6px 12px -4px rgba(93, 62, 110, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.6)",
-      "lg": "0 20px 40px -8px rgba(93, 62, 110, 0.22), inset 0 2px 6px rgba(255, 255, 255, 0.7)",
-      "inner": "inset 0 2px 4px rgba(255, 255, 255, 0.7), inset 0 -3px 6px rgba(93, 62, 110, 0.12)",
+      "main": "0 14px 28px -8px rgba(93,62,110,0.30), inset 6px 6px 12px rgba(255,255,255,0.85), inset -6px -6px 12px rgba(93,62,110,0.14)",
+      "sm": "0 8px 16px -6px rgba(93,62,110,0.24), inset 3px 3px 6px rgba(255,255,255,0.8), inset -3px -3px 6px rgba(93,62,110,0.12)",
+      "lg": "0 26px 50px -10px rgba(93,62,110,0.36), inset 8px 8px 16px rgba(255,255,255,0.85), inset -8px -8px 16px rgba(93,62,110,0.16)",
+      "inner": "inset 4px 4px 8px rgba(93,62,110,0.16), inset -4px -4px 8px rgba(255,255,255,0.8)",
       "none": "none",
-      "hover": "0 16px 32px -6px rgba(93, 62, 110, 0.24), inset 0 2px 4px rgba(255, 255, 255, 0.8)",
-      "active": "0 4px 8px -2px rgba(93, 62, 110, 0.15), inset 0 3px 6px rgba(93, 62, 110, 0.12)"
+      "hover": "0 18px 34px -8px rgba(93,62,110,0.36), inset 6px 6px 12px rgba(255,255,255,0.9), inset -6px -6px 12px rgba(93,62,110,0.14)",
+      "active": "0 4px 8px -2px rgba(93,62,110,0.22), inset 5px 5px 10px rgba(93,62,110,0.18), inset -3px -3px 6px rgba(255,255,255,0.7)"
     },
     "typography": {
       "border-width": "1px",
       "border-width-thin": "1px",
       "border-width-thick": "2px",
-      "font-family": "\"Manrope\", \"Plus Jakarta Sans\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+      "font-family": "\"DM Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
       "font-weight-normal": "500",
       "font-weight-medium": "600",
       "font-weight-bold": "800",
@@ -222,155 +245,6 @@
   },
   "variants": {
     "dark": {
-      "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": "var(--font-family)",
-        "bodyFamily": "var(--font-family)",
-        "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"
-          }
-        }
-      },
-      "motion": {
-        "durations": {
-          "instant": "0ms",
-          "fast": "var(--transition-fast)",
-          "normal": "var(--transition-normal)",
-          "slow": "var(--transition-slow)",
-          "dramatic": "700ms"
-        },
-        "easings": {
-          "linear": "linear",
-          "standard": "var(--transition-timing)",
-          "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
-          "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
-        }
-      },
-      "iconography": {
-        "family": "lucide",
-        "strokeWidth": "2.25",
-        "defaultSize": "18px"
-      },
-      "elevation": {
-        "cardElevation": "var(--shadow-sm)",
-        "popoverElevation": "var(--shadow-main)",
-        "dialogElevation": "var(--shadow-lg)",
-        "toastElevation": "var(--shadow-main)"
-      },
-      "geometry": {
-        "radiusContainer": "var(--radius-lg)",
-        "radiusInteractive": "var(--radius-md)",
-        "radiusPill": "var(--radius-full)",
-        "borderHairline": "1px",
-        "borderStandard": "var(--border-width)",
-        "borderHeavy": "var(--border-width-thick)"
-      },
       "colors": {
         "primary": "#cf9ce8",
         "primary-hover": "#bb84d8",
@@ -397,30 +271,14 @@
         "warning": "#ecc56a",
         "warning-foreground": "#332400",
         "info": "#9ab8f0",
-        "info-foreground": "#0f1f3d"
-      },
-      "radii": {
-        "none": "0px",
-        "sm": "12px",
-        "md": "16px",
-        "lg": "20px",
-        "xl": "24px",
-        "full": "9999px"
-      },
-      "shadows": {
-        "main": "0 14px 28px -6px rgba(0, 0, 0, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.08)",
-        "sm": "0 8px 16px -4px rgba(0, 0, 0, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.06)",
-        "lg": "0 24px 48px -8px rgba(0, 0, 0, 0.55), inset 0 2px 4px rgba(255, 255, 255, 0.1)",
-        "inner": "inset 0 2px 4px rgba(255, 255, 255, 0.06), inset 0 -4px 8px rgba(0, 0, 0, 0.35)",
-        "none": "none",
-        "hover": "0 18px 36px -6px rgba(0, 0, 0, 0.5), inset 0 2px 3px rgba(255, 255, 255, 0.1)",
-        "active": "0 4px 10px -2px rgba(0, 0, 0, 0.4), inset 0 3px 8px rgba(0, 0, 0, 0.4)"
+        "info-foreground": "#0f1f3d",
+        "scrim": "rgba(0, 0, 0, 0.7)"
       },
       "typography": {
         "border-width": "1px",
         "border-width-thin": "1px",
         "border-width-thick": "2px",
-        "font-family": "\"Manrope\", \"Plus Jakarta Sans\", \"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
+        "font-family": "\"DM Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
         "font-weight-normal": "500",
         "font-weight-medium": "600",
         "font-weight-bold": "800",
@@ -439,6 +297,15 @@
         "focus-ring-width": "3px",
         "focus-ring-offset": "2px",
         "focus-ring-color": "rgba(207, 156, 232, 0.5)"
+      },
+      "shadows": {
+        "main": "0 14px 28px -8px rgba(0,0,0,0.6), inset 6px 6px 12px rgba(255,255,255,0.09), inset -6px -6px 12px rgba(0,0,0,0.35)",
+        "sm": "0 8px 16px -6px rgba(0,0,0,0.55), inset 3px 3px 6px rgba(255,255,255,0.08), inset -3px -3px 6px rgba(0,0,0,0.3)",
+        "lg": "0 26px 50px -10px rgba(0,0,0,0.7), inset 8px 8px 16px rgba(255,255,255,0.09), inset -8px -8px 16px rgba(0,0,0,0.38)",
+        "inner": "inset 4px 4px 8px rgba(0,0,0,0.4), inset -4px -4px 8px rgba(255,255,255,0.06)",
+        "none": "none",
+        "hover": "0 18px 34px -8px rgba(0,0,0,0.65), inset 6px 6px 12px rgba(255,255,255,0.11), inset -6px -6px 12px rgba(0,0,0,0.35)",
+        "active": "0 4px 8px -2px rgba(0,0,0,0.5), inset 5px 5px 10px rgba(0,0,0,0.4), inset -3px -3px 6px rgba(255,255,255,0.05)"
       }
     }
   }