@feugene/granularity 0.45.0 → 0.46.0

package/README.md

@@ -91,10 +91,10 @@ from its own chunk, so a granular import already brings everything it needs.
 <!-- entry-sizes:generated:start lang=en -->
 | What you import | gzip | of the barrel |
 | --- | ---: | ---: |
-| the whole package from the root | 595.8 kB | 100 % |
+| the whole package from the root | 596.7 kB | 100 % |
 | the lightest component — `GrButtonGroup` | 1.8 kB | < 1 % |
 | the median component — `GrNavbar` | 15.4 kB | 3 % |
-| the 5 heaviest together | 173.8 kB | 29 % |
+| the 5 heaviest together | 174.3 kB | 29 % |
 
 These numbers **do not add up**: shared code is counted again in every row but paid for once, which is why
 the set is shown as a union rather than a sum. They are an upper bound — the gzip of everything a subpath

package/dist/chunks/{config-ChnYtO4o.js → config-bjDf8nBf.js}

@@ -9,6 +9,21 @@ var treeSectionsRootClass = "flex flex-col gap-4";
 var treeSectionsHeadClass = "flex items-baseline gap-2 pb-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] uppercase tracking-wider text-[var(--gr-muted-fg)] border-b border-[var(--gr-brd)]";
 var treeSectionsCountClass = "ml-auto text-[var(--gr-muted-fg)] [font-variant-numeric:tabular-nums]";
 var treeSectionsGroupClass = "flex flex-col gap-1";
+/**
+* Собственный вид строк секций. Задаётся на самом дереве, а не на обёртке:
+* `GrTree` объявляет значения по умолчанию на своём корне, и переменная,
+* выставленная предком, до строки не доходит вовсе — её перекрывает
+* собственное объявление дерева.
+*
+* Полоса у выбранной строки несёт то же, что заголовок группы, —
+* принадлежность: подложка выбора отступает на отступ уровня, и на вложенных
+* строках выбор переставал попадать в один вертикальный ряд с остальными.
+*/
+var treeSectionsRowVars = {
+	"--gr-tree-row-min-height": "32px",
+	"--gr-tree-row-radius": "7px",
+	"--gr-tree-row-current-bar-width": "2px"
+};
 //#endregion
 //#region src/components/GrTreeSections/safelist.ts
 var grTreeSectionsSafelist = [.../* @__PURE__ */ new Set([
@@ -25,4 +40,4 @@ var grTreeSectionsConfig = defineGranularComponent(import.meta.url, {
 	safelist: grTreeSectionsSafelist
 });
 //#endregion
-export { treeSectionsHeadClass as a, treeSectionsGroupClass as i, grTreeSectionsSafelist as n, treeSectionsRootClass as o, treeSectionsCountClass as r, grTreeSectionsConfig as t };
+export { treeSectionsHeadClass as a, treeSectionsGroupClass as i, grTreeSectionsSafelist as n, treeSectionsRootClass as o, treeSectionsCountClass as r, treeSectionsRowVars as s, grTreeSectionsConfig as t };

package/dist/chunks/config-bjDf8nBf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-bjDf8nBf.js","names":[],"sources":["../../src/components/GrTreeSections/grTreeSectionsStyles.ts","../../src/components/GrTreeSections/safelist.ts","../../src/components/GrTreeSections/config.ts"],"sourcesContent":["export const treeSectionsRootClass = 'flex flex-col gap-4'\n\n/**\n * Заголовок группы набирается капителью и отделяется линией: он объявляет\n * рубрику, а не узел, и должен читаться иначе, чем строки под ним.\n */\nexport const treeSectionsHeadClass = 'flex items-baseline gap-2 pb-1 text-[length:var(--gr-text-xs)] leading-[var(--gr-leading-xs)] uppercase tracking-wider text-[var(--gr-muted-fg)] border-b border-[var(--gr-brd)]'\n\nexport const treeSectionsCountClass = 'ml-auto text-[var(--gr-muted-fg)] [font-variant-numeric:tabular-nums]'\n\nexport const treeSectionsGroupClass = 'flex flex-col gap-1'\n\n/**\n * Собственный вид строк секций. Задаётся на самом дереве, а не на обёртке:\n * `GrTree` объявляет значения по умолчанию на своём корне, и переменная,\n * выставленная предком, до строки не доходит вовсе — её перекрывает\n * собственное объявление дерева.\n *\n * Полоса у выбранной строки несёт то же, что заголовок группы, —\n * принадлежность: подложка выбора отступает на отступ уровня, и на вложенных\n * строках выбор переставал попадать в один вертикальный ряд с остальными.\n */\nexport const treeSectionsRowVars = {\n  '--gr-tree-row-min-height': '32px',\n  '--gr-tree-row-radius': '7px',\n  '--gr-tree-row-current-bar-width': '2px',\n} as const\n","import { splitClassTokens } from '../shared/classTokens'\n\nimport {\n  treeSectionsCountClass,\n  treeSectionsGroupClass,\n  treeSectionsHeadClass,\n  treeSectionsRootClass,\n} from './grTreeSectionsStyles'\n\nexport const grTreeSectionsSafelist = [...new Set([\n  ...splitClassTokens(treeSectionsRootClass),\n  ...splitClassTokens(treeSectionsHeadClass),\n  ...splitClassTokens(treeSectionsCountClass),\n  ...splitClassTokens(treeSectionsGroupClass),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTreeSectionsSafelist } from './safelist'\n\nexport const grTreeSectionsConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTreeSections',\n  dependencies: ['GrTree'],\n  safelist: grTreeSectionsSafelist,\n})\n"],"mappings":";;;AAAA,IAAa,wBAAwB;;;;;AAMrC,IAAa,wBAAwB;AAErC,IAAa,yBAAyB;AAEtC,IAAa,yBAAyB;;;;;;;;;;;AAYtC,IAAa,sBAAsB;CACjC,4BAA4B;CAC5B,wBAAwB;CACxB,mCAAmC;AACrC;;;ACjBA,IAAa,yBAAyB,CAAC,mBAAG,IAAI,IAAI;CAChD,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,qBAAqB;CACzC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,sBAAsB;AAC5C,CAAC,CAAC;;;ACVF,IAAa,uBAAuB,wBAAwB,YAAY,KAAK;CAC3E,MAAM;CACN,cAAc,CAAC,QAAQ;CACvB,UAAU;AACZ,CAAC"}

package/dist/chunks/{generated-DAKeOOqm.js → generated-CQ4h6Ieq.js}

@@ -3550,6 +3550,34 @@ var grComponentTokens = [
 		"default": "var(--gr-tree-row-color)",
 		"description": "Цвет текста выбранной строки. Отдельно от --gr-tree-row-color, потому что насыщенная подложка выбора требует своего текста: без этого сплошную плашку выбора нельзя сделать читаемой."
 	},
+	{
+		"owner": "GrTree",
+		"name": "--gr-tree-row-current-bar-width",
+		"kind": "css",
+		"default": "0px",
+		"description": "Ширина полосы у левого края выбранной строки. По умолчанию полосы нет; вид, отмечающий выбор без подложки, включает её одной строкой. Рисуется на самой строке, поэтому стоит у края списка, а не уезжает вправо с отступом уровня."
+	},
+	{
+		"owner": "GrTree",
+		"name": "--gr-tree-row-current-bar-color",
+		"kind": "css",
+		"default": "var(--gr-primary)",
+		"description": "Цвет полосы у выбранной строки."
+	},
+	{
+		"owner": "GrTree",
+		"name": "--gr-tree-checkbox-brd-width",
+		"kind": "css",
+		"default": "1px",
+		"description": "Толщина рамки квадрата отметки. Вынесена отдельно от размера: на увеличенном квадрате волосяная рамка перестаёт читаться как рамка."
+	},
+	{
+		"owner": "GrTree",
+		"name": "--gr-tree-branch-font-weight",
+		"kind": "css",
+		"default": "600",
+		"description": "Начертание подписи ветки. Плотнее листа, чтобы ветка и лист не выглядели одинаково. Гасится там, где вес несёт уровень, а не ветвистость."
+	},
 	{
 		"owner": "GrTree",
 		"name": "--gr-tree-font-size",