@likec4/diagram 1.55.1 → 1.57.0

package/dist/search/components/ElementsColumn.css.js

@@ -1,69 +1,51 @@
-import { css } from '@likec4/styles/css';
-import { container } from '@likec4/styles/patterns';
-
-const whenContainerIsNarrow = `@container likec4-tree (max-width: 450px)`;
-const treeNode = css({
-  outline: "none",
-  marginBottom: "2"
-});
-const treeRoot = css(
-  container.raw({
-    containerName: "likec4-tree"
-  }),
-  {
-    containerType: "inline-size",
-    height: "100%"
-  }
-);
-const treeLabel = css({
-  display: "flex",
-  alignItems: "baseline",
-  outline: "none !important",
-  gap: "1"
-});
-const treeSubtree = css({
-  marginTop: "2"
-});
-const elementExpandIcon = css({
-  color: "text.dimmed"
-});
-const elementTitleAndId = css({
-  [whenContainerIsNarrow]: {
-    flexDirection: "column-reverse",
-    alignItems: "flex-start",
-    gap: "0.5"
-  }
-});
-const elementId = css({
-  // color: `[var(${descriptionColor}, {colors.text.dimmed})]`,
-  fontSize: "10px",
-  lineHeight: "1.3",
-  display: "block",
-  fontWeight: "medium",
-  whiteSpace: "nowrap",
-  padding: "[1px 5px]",
-  borderRadius: "sm",
-  background: `mantine.colors.dark[9]/30`,
-  _light: {
-    background: `mantine.colors.gray[3]/20`
-  }
-});
-const elementIcon = css({
-  ["--likec4-icon-size"]: "24px",
-  [whenContainerIsNarrow]: {
-    ["--likec4-icon-size"]: "18px"
-  }
-});
-const elementViewsCount = css({
-  flex: 0,
-  // color: `[var(${descriptionColor}, {colors.text.dimmed})]`,
-  fontSize: "10px",
-  fontWeight: "medium",
-  whiteSpace: "nowrap",
-  lineHeight: "1.1",
-  [whenContainerIsNarrow]: {
-    display: "none"
-  }
-});
-
+import "./_shared.css.js";
+import { css } from "@likec4/styles/css";
+import { container } from "@likec4/styles/patterns";
+//#region src/search/components/ElementsColumn.css.ts
+var whenContainerIsNarrow = `@container likec4-tree (max-width: 450px)`;
+var treeNode = css({
+	outline: "none",
+	marginBottom: "2"
+});
+var treeRoot = css(container.raw({ containerName: "likec4-tree" }), {
+	containerType: "inline-size",
+	height: "100%"
+});
+var treeLabel = css({
+	display: "flex",
+	alignItems: "baseline",
+	outline: "none !important",
+	gap: "1"
+});
+var treeSubtree = css({ marginTop: "2" });
+var elementExpandIcon = css({ color: "text.dimmed" });
+var elementTitleAndId = css({ [whenContainerIsNarrow]: {
+	flexDirection: "column-reverse",
+	alignItems: "flex-start",
+	gap: "0.5"
+} });
+var elementId = css({
+	fontSize: "10px",
+	lineHeight: "1.3",
+	display: "block",
+	fontWeight: "medium",
+	whiteSpace: "nowrap",
+	padding: "[1px 5px]",
+	borderRadius: "sm",
+	background: `mantine.colors.dark[9]/30`,
+	_light: { background: `mantine.colors.gray[3]/20` }
+});
+var elementIcon = css({
+	["--likec4-icon-size"]: "24px",
+	[whenContainerIsNarrow]: { ["--likec4-icon-size"]: "18px" }
+});
+var elementViewsCount = css({
+	flex: 0,
+	fontSize: "10px",
+	fontWeight: "medium",
+	whiteSpace: "nowrap",
+	lineHeight: "1.1",
+	[whenContainerIsNarrow]: { display: "none" }
+});
+//#endregion
 export { elementExpandIcon, elementIcon, elementId, elementTitleAndId, elementViewsCount, treeLabel, treeNode, treeRoot, treeSubtree };