entangle-ui 0.7.0 → 0.8.0

package/dist/tokens/tokens.json

@@ -0,0 +1,851 @@
+{
+  "$schema": "https://design-tokens.org/schema.json",
+  "$description": "Entangle UI design tokens",
+  "$version": "0.8.0",
+  "themes": {
+    "dark": {
+      "colors": {
+        "background": {
+          "primary": {
+            "$value": "#1a1a1a",
+            "$type": "color"
+          },
+          "secondary": {
+            "$value": "#2d2d2d",
+            "$type": "color"
+          },
+          "tertiary": {
+            "$value": "#3a3a3a",
+            "$type": "color"
+          },
+          "elevated": {
+            "$value": "#404040",
+            "$type": "color"
+          },
+          "inset": {
+            "$value": "rgba(0, 0, 0, 0.2)",
+            "$type": "color"
+          }
+        },
+        "surface": {
+          "default": {
+            "$value": "#2d2d2d",
+            "$type": "color"
+          },
+          "hover": {
+            "$value": "#363636",
+            "$type": "color"
+          },
+          "active": {
+            "$value": "#404040",
+            "$type": "color"
+          },
+          "disabled": {
+            "$value": "#1f1f1f",
+            "$type": "color"
+          },
+          "whiteOverlay": {
+            "$value": "rgba(255, 255, 255, 0.1)",
+            "$type": "color"
+          },
+          "row": {
+            "$value": "transparent",
+            "$type": "color"
+          },
+          "rowHover": {
+            "$value": "rgba(255, 255, 255, 0.03)",
+            "$type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "$value": "#4a4a4a",
+            "$type": "color"
+          },
+          "focus": {
+            "$value": "#007acc",
+            "$type": "color"
+          },
+          "error": {
+            "$value": "#f44336",
+            "$type": "color"
+          },
+          "success": {
+            "$value": "#4caf50",
+            "$type": "color"
+          }
+        },
+        "text": {
+          "primary": {
+            "$value": "#ffffff",
+            "$type": "color"
+          },
+          "secondary": {
+            "$value": "#cccccc",
+            "$type": "color"
+          },
+          "muted": {
+            "$value": "#888888",
+            "$type": "color"
+          },
+          "disabled": {
+            "$value": "#555555",
+            "$type": "color"
+          }
+        },
+        "accent": {
+          "primary": {
+            "$value": "#007acc",
+            "$type": "color"
+          },
+          "secondary": {
+            "$value": "#005a9e",
+            "$type": "color"
+          },
+          "success": {
+            "$value": "#4caf50",
+            "$type": "color"
+          },
+          "warning": {
+            "$value": "#ff9800",
+            "$type": "color"
+          },
+          "error": {
+            "$value": "#f44336",
+            "$type": "color"
+          }
+        },
+        "backdrop": {
+          "$value": "rgba(0, 0, 0, 0.6)",
+          "$type": "color"
+        }
+      },
+      "spacing": {
+        "xs": {
+          "$value": "2px",
+          "$type": "dimension"
+        },
+        "sm": {
+          "$value": "4px",
+          "$type": "dimension"
+        },
+        "md": {
+          "$value": "8px",
+          "$type": "dimension"
+        },
+        "lg": {
+          "$value": "12px",
+          "$type": "dimension"
+        },
+        "xl": {
+          "$value": "16px",
+          "$type": "dimension"
+        },
+        "xxl": {
+          "$value": "24px",
+          "$type": "dimension"
+        },
+        "xxxl": {
+          "$value": "32px",
+          "$type": "dimension"
+        }
+      },
+      "typography": {
+        "fontSize": {
+          "xxs": {
+            "$value": "9px",
+            "$type": "dimension"
+          },
+          "xs": {
+            "$value": "10px",
+            "$type": "dimension"
+          },
+          "sm": {
+            "$value": "11px",
+            "$type": "dimension"
+          },
+          "md": {
+            "$value": "12px",
+            "$type": "dimension"
+          },
+          "lg": {
+            "$value": "14px",
+            "$type": "dimension"
+          },
+          "xl": {
+            "$value": "16px",
+            "$type": "dimension"
+          }
+        },
+        "fontWeight": {
+          "normal": {
+            "$value": "400",
+            "$type": "fontWeight"
+          },
+          "medium": {
+            "$value": "500",
+            "$type": "fontWeight"
+          },
+          "semibold": {
+            "$value": "600",
+            "$type": "fontWeight"
+          }
+        },
+        "lineHeight": {
+          "tight": {
+            "$value": "1.2",
+            "$type": "dimension"
+          },
+          "normal": {
+            "$value": "1.4",
+            "$type": "dimension"
+          },
+          "relaxed": {
+            "$value": "1.6",
+            "$type": "dimension"
+          }
+        },
+        "fontFamily": {
+          "mono": {
+            "$value": "SF Mono, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+            "$type": "fontFamily"
+          },
+          "sans": {
+            "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
+            "$type": "fontFamily"
+          }
+        }
+      },
+      "borderRadius": {
+        "none": {
+          "$value": "0px",
+          "$type": "dimension"
+        },
+        "sm": {
+          "$value": "2px",
+          "$type": "dimension"
+        },
+        "md": {
+          "$value": "4px",
+          "$type": "dimension"
+        },
+        "lg": {
+          "$value": "6px",
+          "$type": "dimension"
+        }
+      },
+      "shadows": {
+        "sm": {
+          "$value": "0 1px 2px rgba(0, 0, 0, 0.2)",
+          "$type": "shadow"
+        },
+        "md": {
+          "$value": "0 2px 4px rgba(0, 0, 0, 0.3)",
+          "$type": "shadow"
+        },
+        "lg": {
+          "$value": "0 4px 8px rgba(0, 0, 0, 0.4)",
+          "$type": "shadow"
+        },
+        "xl": {
+          "$value": "0 8px 16px rgba(0, 0, 0, 0.5)",
+          "$type": "shadow"
+        },
+        "focus": {
+          "$value": "0 0 0 2px rgba(0, 122, 204, 0.4)",
+          "$type": "shadow"
+        },
+        "separatorBottom": {
+          "$value": "0 1px 2px rgba(0, 0, 0, 0.18)",
+          "$type": "shadow"
+        },
+        "separatorRight": {
+          "$value": "1px 0 2px rgba(0, 0, 0, 0.18)",
+          "$type": "shadow"
+        },
+        "separatorLeft": {
+          "$value": "-1px 0 2px rgba(0, 0, 0, 0.18)",
+          "$type": "shadow"
+        },
+        "thumb": {
+          "$value": "0 0 2px rgba(0, 0, 0, 0.5)",
+          "$type": "shadow"
+        }
+      },
+      "transitions": {
+        "fast": {
+          "$value": "100ms ease-out",
+          "$type": "duration"
+        },
+        "normal": {
+          "$value": "200ms ease-out",
+          "$type": "duration"
+        },
+        "slow": {
+          "$value": "300ms ease-out",
+          "$type": "duration"
+        }
+      },
+      "zIndex": {
+        "base": {
+          "$value": "1",
+          "$type": "string"
+        },
+        "dropdown": {
+          "$value": "1000",
+          "$type": "string"
+        },
+        "popover": {
+          "$value": "1000",
+          "$type": "string"
+        },
+        "tooltip": {
+          "$value": "1000",
+          "$type": "string"
+        },
+        "modal": {
+          "$value": "1100",
+          "$type": "string"
+        }
+      },
+      "shell": {
+        "menuBar": {
+          "height": {
+            "$value": "28px",
+            "$type": "dimension"
+          },
+          "bg": {
+            "$value": "#2d2d2d",
+            "$type": "color"
+          },
+          "hoverBg": {
+            "$value": "#363636",
+            "$type": "color"
+          },
+          "activeBg": {
+            "$value": "#005a9e",
+            "$type": "color"
+          },
+          "text": {
+            "$value": "#ffffff",
+            "$type": "color"
+          },
+          "shortcutText": {
+            "$value": "#888888",
+            "$type": "color"
+          }
+        },
+        "toolbar": {
+          "height": {
+            "sm": {
+              "$value": "32px",
+              "$type": "dimension"
+            },
+            "md": {
+              "$value": "40px",
+              "$type": "dimension"
+            }
+          },
+          "bg": {
+            "$value": "#2d2d2d",
+            "$type": "color"
+          },
+          "separator": {
+            "$value": "#4a4a4a",
+            "$type": "color"
+          }
+        },
+        "statusBar": {
+          "height": {
+            "$value": "22px",
+            "$type": "dimension"
+          },
+          "heightMd": {
+            "$value": "26px",
+            "$type": "dimension"
+          },
+          "bg": {
+            "$value": "#007acc",
+            "$type": "color"
+          },
+          "text": {
+            "$value": "#ffffff",
+            "$type": "color"
+          }
+        },
+        "dock": {
+          "tabHeight": {
+            "$value": "28px",
+            "$type": "dimension"
+          },
+          "tabBg": {
+            "$value": "#2d2d2d",
+            "$type": "color"
+          },
+          "tabActiveBg": {
+            "$value": "#1a1a1a",
+            "$type": "color"
+          },
+          "tabHoverBg": {
+            "$value": "#363636",
+            "$type": "color"
+          },
+          "tabText": {
+            "$value": "#cccccc",
+            "$type": "color"
+          },
+          "tabActiveText": {
+            "$value": "#ffffff",
+            "$type": "color"
+          },
+          "splitterSize": {
+            "$value": "4px",
+            "$type": "dimension"
+          },
+          "splitterColor": {
+            "$value": "#4a4a4a",
+            "$type": "color"
+          },
+          "splitterHoverColor": {
+            "$value": "#007acc",
+            "$type": "color"
+          },
+          "borderBarBg": {
+            "$value": "#2d2d2d",
+            "$type": "color"
+          },
+          "borderBarSize": {
+            "$value": "28px",
+            "$type": "dimension"
+          },
+          "dropOverlay": {
+            "$value": "rgba(0, 122, 204, 0.2)",
+            "$type": "color"
+          }
+        }
+      }
+    },
+    "light": {
+      "colors": {
+        "background": {
+          "primary": {
+            "$value": "#ffffff",
+            "$type": "color"
+          },
+          "secondary": {
+            "$value": "#f5f5f7",
+            "$type": "color"
+          },
+          "tertiary": {
+            "$value": "#ebebee",
+            "$type": "color"
+          },
+          "elevated": {
+            "$value": "#ffffff",
+            "$type": "color"
+          },
+          "inset": {
+            "$value": "#f8f8fa",
+            "$type": "color"
+          }
+        },
+        "surface": {
+          "default": {
+            "$value": "#ffffff",
+            "$type": "color"
+          },
+          "hover": {
+            "$value": "#f0f0f3",
+            "$type": "color"
+          },
+          "active": {
+            "$value": "#e6e6ea",
+            "$type": "color"
+          },
+          "disabled": {
+            "$value": "#f5f5f7",
+            "$type": "color"
+          },
+          "whiteOverlay": {
+            "$value": "rgba(0, 0, 0, 0.06)",
+            "$type": "color"
+          },
+          "row": {
+            "$value": "#ffffff",
+            "$type": "color"
+          },
+          "rowHover": {
+            "$value": "#f5f5f7",
+            "$type": "color"
+          }
+        },
+        "border": {
+          "default": {
+            "$value": "#e0e0e3",
+            "$type": "color"
+          },
+          "focus": {
+            "$value": "#0066cc",
+            "$type": "color"
+          },
+          "error": {
+            "$value": "#d32f2f",
+            "$type": "color"
+          },
+          "success": {
+            "$value": "#2e7d32",
+            "$type": "color"
+          }
+        },
+        "text": {
+          "primary": {
+            "$value": "#1a1a1a",
+            "$type": "color"
+          },
+          "secondary": {
+            "$value": "#4a4a4a",
+            "$type": "color"
+          },
+          "muted": {
+            "$value": "#6b6b6b",
+            "$type": "color"
+          },
+          "disabled": {
+            "$value": "#b0b0b0",
+            "$type": "color"
+          }
+        },
+        "accent": {
+          "primary": {
+            "$value": "#0066cc",
+            "$type": "color"
+          },
+          "secondary": {
+            "$value": "#004a99",
+            "$type": "color"
+          },
+          "success": {
+            "$value": "#2e7d32",
+            "$type": "color"
+          },
+          "warning": {
+            "$value": "#a64500",
+            "$type": "color"
+          },
+          "error": {
+            "$value": "#d32f2f",
+            "$type": "color"
+          }
+        },
+        "backdrop": {
+          "$value": "rgba(0, 0, 0, 0.4)",
+          "$type": "color"
+        }
+      },
+      "spacing": {
+        "xs": {
+          "$value": "2px",
+          "$type": "dimension"
+        },
+        "sm": {
+          "$value": "4px",
+          "$type": "dimension"
+        },
+        "md": {
+          "$value": "8px",
+          "$type": "dimension"
+        },
+        "lg": {
+          "$value": "12px",
+          "$type": "dimension"
+        },
+        "xl": {
+          "$value": "16px",
+          "$type": "dimension"
+        },
+        "xxl": {
+          "$value": "24px",
+          "$type": "dimension"
+        },
+        "xxxl": {
+          "$value": "32px",
+          "$type": "dimension"
+        }
+      },
+      "typography": {
+        "fontSize": {
+          "xxs": {
+            "$value": "9px",
+            "$type": "dimension"
+          },
+          "xs": {
+            "$value": "10px",
+            "$type": "dimension"
+          },
+          "sm": {
+            "$value": "11px",
+            "$type": "dimension"
+          },
+          "md": {
+            "$value": "12px",
+            "$type": "dimension"
+          },
+          "lg": {
+            "$value": "14px",
+            "$type": "dimension"
+          },
+          "xl": {
+            "$value": "16px",
+            "$type": "dimension"
+          }
+        },
+        "fontWeight": {
+          "normal": {
+            "$value": "400",
+            "$type": "fontWeight"
+          },
+          "medium": {
+            "$value": "500",
+            "$type": "fontWeight"
+          },
+          "semibold": {
+            "$value": "600",
+            "$type": "fontWeight"
+          }
+        },
+        "lineHeight": {
+          "tight": {
+            "$value": "1.2",
+            "$type": "dimension"
+          },
+          "normal": {
+            "$value": "1.4",
+            "$type": "dimension"
+          },
+          "relaxed": {
+            "$value": "1.6",
+            "$type": "dimension"
+          }
+        },
+        "fontFamily": {
+          "mono": {
+            "$value": "SF Mono, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
+            "$type": "fontFamily"
+          },
+          "sans": {
+            "$value": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
+            "$type": "fontFamily"
+          }
+        }
+      },
+      "borderRadius": {
+        "none": {
+          "$value": "0px",
+          "$type": "dimension"
+        },
+        "sm": {
+          "$value": "2px",
+          "$type": "dimension"
+        },
+        "md": {
+          "$value": "4px",
+          "$type": "dimension"
+        },
+        "lg": {
+          "$value": "6px",
+          "$type": "dimension"
+        }
+      },
+      "shadows": {
+        "sm": {
+          "$value": "0 1px 2px rgba(0, 0, 0, 0.06)",
+          "$type": "shadow"
+        },
+        "md": {
+          "$value": "0 2px 4px rgba(0, 0, 0, 0.08)",
+          "$type": "shadow"
+        },
+        "lg": {
+          "$value": "0 4px 12px rgba(0, 0, 0, 0.10)",
+          "$type": "shadow"
+        },
+        "xl": {
+          "$value": "0 8px 24px rgba(0, 0, 0, 0.12)",
+          "$type": "shadow"
+        },
+        "focus": {
+          "$value": "0 0 0 2px rgba(0, 102, 204, 0.3)",
+          "$type": "shadow"
+        },
+        "separatorBottom": {
+          "$value": "0 1px 2px rgba(0, 0, 0, 0.04)",
+          "$type": "shadow"
+        },
+        "separatorRight": {
+          "$value": "1px 0 2px rgba(0, 0, 0, 0.04)",
+          "$type": "shadow"
+        },
+        "separatorLeft": {
+          "$value": "-1px 0 2px rgba(0, 0, 0, 0.04)",
+          "$type": "shadow"
+        },
+        "thumb": {
+          "$value": "0 0 2px rgba(0, 0, 0, 0.15)",
+          "$type": "shadow"
+        }
+      },
+      "transitions": {
+        "fast": {
+          "$value": "100ms ease-out",
+          "$type": "duration"
+        },
+        "normal": {
+          "$value": "200ms ease-out",
+          "$type": "duration"
+        },
+        "slow": {
+          "$value": "300ms ease-out",
+          "$type": "duration"
+        }
+      },
+      "zIndex": {
+        "base": {
+          "$value": "1",
+          "$type": "string"
+        },
+        "dropdown": {
+          "$value": "1000",
+          "$type": "string"
+        },
+        "popover": {
+          "$value": "1000",
+          "$type": "string"
+        },
+        "tooltip": {
+          "$value": "1000",
+          "$type": "string"
+        },
+        "modal": {
+          "$value": "1100",
+          "$type": "string"
+        }
+      },
+      "shell": {
+        "menuBar": {
+          "height": {
+            "$value": "28px",
+            "$type": "dimension"
+          },
+          "bg": {
+            "$value": "#f5f5f7",
+            "$type": "color"
+          },
+          "hoverBg": {
+            "$value": "#ebebee",
+            "$type": "color"
+          },
+          "activeBg": {
+            "$value": "#0066cc",
+            "$type": "color"
+          },
+          "text": {
+            "$value": "#1a1a1a",
+            "$type": "color"
+          },
+          "shortcutText": {
+            "$value": "#6b6b6b",
+            "$type": "color"
+          }
+        },
+        "toolbar": {
+          "height": {
+            "sm": {
+              "$value": "32px",
+              "$type": "dimension"
+            },
+            "md": {
+              "$value": "40px",
+              "$type": "dimension"
+            }
+          },
+          "bg": {
+            "$value": "#f5f5f7",
+            "$type": "color"
+          },
+          "separator": {
+            "$value": "#e0e0e3",
+            "$type": "color"
+          }
+        },
+        "statusBar": {
+          "height": {
+            "$value": "22px",
+            "$type": "dimension"
+          },
+          "heightMd": {
+            "$value": "26px",
+            "$type": "dimension"
+          },
+          "bg": {
+            "$value": "#0066cc",
+            "$type": "color"
+          },
+          "text": {
+            "$value": "#ffffff",
+            "$type": "color"
+          }
+        },
+        "dock": {
+          "tabHeight": {
+            "$value": "28px",
+            "$type": "dimension"
+          },
+          "tabBg": {
+            "$value": "#f5f5f7",
+            "$type": "color"
+          },
+          "tabActiveBg": {
+            "$value": "#ffffff",
+            "$type": "color"
+          },
+          "tabHoverBg": {
+            "$value": "#ebebee",
+            "$type": "color"
+          },
+          "tabText": {
+            "$value": "#4a4a4a",
+            "$type": "color"
+          },
+          "tabActiveText": {
+            "$value": "#1a1a1a",
+            "$type": "color"
+          },
+          "splitterSize": {
+            "$value": "4px",
+            "$type": "dimension"
+          },
+          "splitterColor": {
+            "$value": "#e0e0e3",
+            "$type": "color"
+          },
+          "splitterHoverColor": {
+            "$value": "#0066cc",
+            "$type": "color"
+          },
+          "borderBarBg": {
+            "$value": "#f5f5f7",
+            "$type": "color"
+          },
+          "borderBarSize": {
+            "$value": "28px",
+            "$type": "dimension"
+          },
+          "dropOverlay": {
+            "$value": "rgba(0, 102, 204, 0.15)",
+            "$type": "color"
+          }
+        }
+      }
+    }
+  }
+}