@galaxy-io/dls 1.0.3

package/dist/widget/Widget.js

@@ -0,0 +1,99 @@
+import { withTheme } from "../theme/GalaxyTheme.js";
+import { getCssSizeValue } from "../utils/linaria.js";
+/* empty css                 */
+import { styled } from "@linaria/react";
+import { match } from "ts-pattern";
+import { jsx } from "react/jsx-runtime";
+//#region src/widget/Widget.tsx
+var WidgetVariant = /* @__PURE__ */ function(WidgetVariant) {
+	WidgetVariant["BASE"] = "BASE";
+	WidgetVariant["PRIMARY"] = "PRIMARY";
+	WidgetVariant["SECONDARY"] = "SECONDARY";
+	WidgetVariant["TERTIARY"] = "TERTIARY";
+	WidgetVariant["ERROR"] = "ERROR";
+	WidgetVariant["DISABLED"] = "DISABLED";
+	return WidgetVariant;
+}({});
+var _exp = () => ({ theme, $variant }) => {
+	return match($variant).with("BASE", () => theme.color.background.base).with("PRIMARY", () => theme.color.background.primary).with("SECONDARY", () => theme.color.background.secondary).with("TERTIARY", () => theme.color.background.tertiary).with("ERROR", () => theme.color.background.primary).with("DISABLED", () => theme.color.background.disabled).exhaustive();
+};
+var _exp2 = () => ({ theme, $noBorder, $isSelected, $variant }) => {
+	if ($noBorder) return "transparent";
+	if ($isSelected) return theme.color.border.selected;
+	return match($variant).with("BASE", () => theme.color.border.primary).with("PRIMARY", () => theme.color.border.primary).with("SECONDARY", () => theme.color.border.primary).with("TERTIARY", () => theme.color.border.primary).with("ERROR", () => theme.color.border.error).with("DISABLED", () => theme.color.border.disabled).exhaustive();
+};
+var _exp3 = () => ({ $padding, $noPadding }) => $padding ?? ($noPadding ? "0" : "12px");
+var _exp4 = () => ({ theme }) => theme.color.opacity.bw16;
+var _exp5 = () => ({ theme }) => theme.color.opacity.bw12;
+var _exp6 = () => ({ $fillWidth }) => $fillWidth ? "100%" : "auto";
+var _exp7 = () => ({ $fillHeight }) => $fillHeight ? "100%" : "auto";
+var _exp8 = () => ({ $minWidth }) => {
+	if ($minWidth === void 0) return "auto";
+	return getCssSizeValue($minWidth);
+};
+var _exp9 = () => ({ $maxWidth }) => {
+	if ($maxWidth === void 0) return "auto";
+	return getCssSizeValue($maxWidth);
+};
+var _exp0 = () => ({ $minHeight }) => {
+	if ($minHeight === void 0) return "auto";
+	return getCssSizeValue($minHeight);
+};
+var _exp1 = () => ({ $maxHeight }) => {
+	if ($maxHeight === void 0) return "auto";
+	return getCssSizeValue($maxHeight);
+};
+var _exp10 = () => ({ $isClickable, $variant }) => {
+	if ($variant === "ERROR") return "not-allowed";
+	if ($isClickable) return "pointer";
+	return "inherit";
+};
+var _exp11 = () => ({ theme, $noHover, $isSelected, $isClickable, $variant }) => {
+	if (!$isClickable) return match($variant).with("ERROR", () => theme.color.border.error).with("DISABLED", () => theme.color.border.disabled).otherwise(() => theme.color.border.primary);
+	return match($variant).with("ERROR", () => theme.color.border.error).with("DISABLED", () => theme.color.border.disabled).otherwise(() => {
+		if ($isSelected) return theme.color.border.selected;
+		if ($noHover) return theme.color.border.primary;
+		return theme.color.border.secondary;
+	});
+};
+var StyledWidget = withTheme(/*#__PURE__*/ styled("div")({
+	name: "StyledWidget",
+	class: "sx1o0cd",
+	propsAsIs: false,
+	vars: {
+		"sx1o0cd-0": [_exp()],
+		"sx1o0cd-1": [_exp2()],
+		"sx1o0cd-2": [_exp3()],
+		"sx1o0cd-3": [_exp4()],
+		"sx1o0cd-4": [_exp5()],
+		"sx1o0cd-5": [_exp6()],
+		"sx1o0cd-6": [_exp7()],
+		"sx1o0cd-7": [_exp8()],
+		"sx1o0cd-8": [_exp9()],
+		"sx1o0cd-9": [_exp0()],
+		"sx1o0cd-10": [_exp1()],
+		"sx1o0cd-11": [_exp10()],
+		"sx1o0cd-12": [_exp11()]
+	}
+}));
+var Widget = ({ children, minHeight, maxHeight, minWidth, maxWidth, fillWidth, fillHeight, padding, noPadding, noHover, noBorder, isSelected, variant = "PRIMARY", onClick }) => {
+	return /* @__PURE__ */ jsx(StyledWidget, {
+		$minWidth: minWidth,
+		$maxWidth: maxWidth,
+		$minHeight: minHeight,
+		$maxHeight: maxHeight,
+		$fillWidth: fillWidth,
+		$fillHeight: fillHeight,
+		$padding: padding,
+		$noPadding: noPadding,
+		$noHover: noHover,
+		$noBorder: noBorder,
+		$isSelected: isSelected,
+		$variant: variant,
+		$isClickable: !!onClick,
+		onClick,
+		children
+	});
+};
+//#endregion
+export { WidgetVariant, Widget as default };

package/package.json

@@ -0,0 +1,268 @@
+{
+  "name": "@galaxy-io/dls",
+  "version": "1.0.3",
+  "description": "Galaxy Design Language System",
+  "license": "UNLICENSED",
+  "type": "module",
+  "engines": {
+    "node": ">=20"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    "./styles.css": "./dist/styles.css",
+    "./animations/*": {
+      "types": "./dist/animations/*.d.ts",
+      "import": "./dist/animations/*.js"
+    },
+    "./assets/*": {
+      "types": "./dist/assets/*.d.ts",
+      "import": "./dist/assets/*.js"
+    },
+    "./accordion/*": {
+      "types": "./dist/accordion/*.d.ts",
+      "import": "./dist/accordion/*.js"
+    },
+    "./avatar/*": {
+      "types": "./dist/avatar/*.d.ts",
+      "import": "./dist/avatar/*.js"
+    },
+    "./badge/*": {
+      "types": "./dist/badge/*.d.ts",
+      "import": "./dist/badge/*.js"
+    },
+    "./backgrounds/*": {
+      "types": "./dist/backgrounds/*.d.ts",
+      "import": "./dist/backgrounds/*.js"
+    },
+    "./beacons/*": {
+      "types": "./dist/beacons/*.d.ts",
+      "import": "./dist/beacons/*.js"
+    },
+    "./buttons/*": {
+      "types": "./dist/buttons/*.d.ts",
+      "import": "./dist/buttons/*.js"
+    },
+    "./charts/*": {
+      "types": "./dist/charts/*.d.ts",
+      "import": "./dist/charts/*.js"
+    },
+    "./chips/*": {
+      "types": "./dist/chips/*.d.ts",
+      "import": "./dist/chips/*.js"
+    },
+    "./containers/*": {
+      "types": "./dist/containers/*.d.ts",
+      "import": "./dist/containers/*.js"
+    },
+    "./dividers/*": {
+      "types": "./dist/dividers/*.d.ts",
+      "import": "./dist/dividers/*.js"
+    },
+    "./drawer/*": {
+      "types": "./dist/drawer/*.d.ts",
+      "import": "./dist/drawer/*.js"
+    },
+    "./dropdown/*": {
+      "types": "./dist/dropdown/*.d.ts",
+      "import": "./dist/dropdown/*.js"
+    },
+    "./editor/*": {
+      "types": "./dist/editor/*.d.ts",
+      "import": "./dist/editor/*.js"
+    },
+    "./hooks/*": {
+      "types": "./dist/hooks/*.d.ts",
+      "import": "./dist/hooks/*.js"
+    },
+    "./hotkeys/*": {
+      "types": "./dist/hotkeys/*.d.ts",
+      "import": "./dist/hotkeys/*.js"
+    },
+    "./icons/*": {
+      "types": "./dist/icons/*.d.ts",
+      "import": "./dist/icons/*.js"
+    },
+    "./inputs/*": {
+      "types": "./dist/inputs/*.d.ts",
+      "import": "./dist/inputs/*.js"
+    },
+    "./links/*": {
+      "types": "./dist/links/*.d.ts",
+      "import": "./dist/links/*.js"
+    },
+    "./lists/*": {
+      "types": "./dist/lists/*.d.ts",
+      "import": "./dist/lists/*.js"
+    },
+    "./metrics/*": {
+      "types": "./dist/metrics/*.d.ts",
+      "import": "./dist/metrics/*.js"
+    },
+    "./modal/*": {
+      "types": "./dist/modal/*.d.ts",
+      "import": "./dist/modal/*.js"
+    },
+    "./overlay/*": {
+      "types": "./dist/overlay/*.d.ts",
+      "import": "./dist/overlay/*.js"
+    },
+    "./resizable/*": {
+      "types": "./dist/resizable/*.d.ts",
+      "import": "./dist/resizable/*.js"
+    },
+    "./shapes/*": {
+      "types": "./dist/shapes/*.d.ts",
+      "import": "./dist/shapes/*.js"
+    },
+    "./spreadsheet/*": {
+      "types": "./dist/spreadsheet/*.d.ts",
+      "import": "./dist/spreadsheet/*.js"
+    },
+    "./switcher/*": {
+      "types": "./dist/switcher/*.d.ts",
+      "import": "./dist/switcher/*.js"
+    },
+    "./table/*": {
+      "types": "./dist/table/*.d.ts",
+      "import": "./dist/table/*.js"
+    },
+    "./text/*": {
+      "types": "./dist/text/*.d.ts",
+      "import": "./dist/text/*.js"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js"
+    },
+    "./theme/*": {
+      "types": "./dist/theme/*.d.ts",
+      "import": "./dist/theme/*.js"
+    },
+    "./tooltip/*": {
+      "types": "./dist/tooltip/*.d.ts",
+      "import": "./dist/tooltip/*.js"
+    },
+    "./utils/*": {
+      "types": "./dist/utils/*.d.ts",
+      "import": "./dist/utils/*.js"
+    },
+    "./widget/*": {
+      "types": "./dist/widget/*.d.ts",
+      "import": "./dist/widget/*.js"
+    }
+  },
+  "scripts": {
+    "codegen": "svgr --icon --typescript --no-prettier --no-index --no-dimensions --jsx-runtime automatic --out-dir src/assets/components src/assets/svgr",
+    "build": "bash ./scripts/build.sh",
+    "storybook": "npm run codegen && storybook dev -p 6006",
+    "build-storybook": "npm run codegen && storybook build",
+    "typecheck": "npm run codegen && tsc --noEmit",
+    "lint": "eslint src --max-warnings 0",
+    "format": "prettier --write src",
+    "format:check": "prettier --check src",
+    "clean": "rm -rf dist storybook-static",
+    "prepublishOnly": "npm run build"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@react-three/drei": "9",
+    "@react-three/fiber": "8",
+    "@tanstack/react-query": "^5.90.12",
+    "react": "^18.3.1 || ^19.0.0",
+    "react-dom": "^18.3.1 || ^19.0.0",
+    "three": "^0.183.1 || ^0.184.0"
+  },
+  "peerDependenciesMeta": {
+    "@react-three/drei": {
+      "optional": true
+    },
+    "@react-three/fiber": {
+      "optional": true
+    },
+    "three": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@callstack/react-theme-provider": "^3.0.9",
+    "@codemirror/autocomplete": "^6.20.3",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/view": "^6.43.1",
+    "@lezer/highlight": "^1.2.3",
+    "@linaria/core": "^7.0.0",
+    "@linaria/react": "^7.0.1",
+    "@phosphor-icons/react": "^2.1.10",
+    "@popperjs/core": "^2.11.8",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.14.2",
+    "@tippyjs/react": "^4.2.6",
+    "@uiw/codemirror-extensions-langs": "^4.25.10",
+    "@uiw/codemirror-themes": "^4.25.10",
+    "@uiw/react-codemirror": "^4.25.10",
+    "@uiw/react-color": "^2.10.3",
+    "cva": "1.0.0-beta.4",
+    "d3-scale": "^4.0.2",
+    "d3-shape": "^3.2.0",
+    "framer-motion": "^12.40.0",
+    "re-resizable": "^6.11.2",
+    "react-hotkeys-hook": "^5.3.2",
+    "react-intersection-observer": "^10.0.3",
+    "react-markdown": "^10.1.0",
+    "react-syntax-highlighter": "^16.1.1",
+    "react-use": "^17.6.1",
+    "rehype-raw": "^7.0.0",
+    "remark-gfm": "^4.0.1",
+    "tippy.js": "^6.3.7",
+    "ts-pattern": "^5.9.0"
+  },
+  "devDependencies": {
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
+    "@eslint/js": "^9.39.2",
+    "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
+    "@react-three/drei": "^9.122.0",
+    "@react-three/fiber": "^8.18.0",
+    "@storybook/addon-links": "^10.4.4",
+    "@storybook/addon-themes": "^10.4.4",
+    "@storybook/react": "^10.4.4",
+    "@storybook/react-vite": "^10.4.4",
+    "@svgr/cli": "^8.1.0",
+    "@tanstack/react-query": "^5.101.0",
+    "@types/d3-scale": "^4.0.9",
+    "@types/d3-shape": "^3.1.8",
+    "@types/react": "^18.3.27",
+    "@types/react-dom": "^18.3.7",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@types/three": "^0.184.1",
+    "@typescript-eslint/eslint-plugin": "^8.61.0",
+    "@typescript-eslint/parser": "^8.61.0",
+    "@vitejs/plugin-react": "^6.0.2",
+    "@wyw-in-js/vite": "^1.1.0",
+    "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "glob": "^13.0.6",
+    "prettier": "^3.8.4",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "storybook": "^10.4.4",
+    "three": "^0.184.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.61.0",
+    "vite": "^8.0.16"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/galaxy-io/dls.git"
+  }
+}