@elcrm/components 0.5.1 → 0.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Header-B9jMY03c.js +22 -0
- package/dist/Header.css +1 -1
- package/dist/Header.js +1 -1
- package/dist/Toolbar.css +1 -1
- package/dist/index.css +2 -2
- package/dist/index.es.js +1 -1
- package/dist/kit-manifest.json +2 -2
- package/package.json +1 -36
- package/dist/Header-BMDIi3u2.js +0 -21
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import e from "react";
|
|
2
|
+
import { c as m } from "./cx-CcykAxZN.js";
|
|
3
|
+
import './Header.css';const u = "shr", i = "shn", h = "shs", v = "sha", s = {
|
|
4
|
+
root: u,
|
|
5
|
+
nav: i,
|
|
6
|
+
search: h,
|
|
7
|
+
actions: v
|
|
8
|
+
};
|
|
9
|
+
function N({
|
|
10
|
+
brand: l,
|
|
11
|
+
nav: n,
|
|
12
|
+
search: t,
|
|
13
|
+
actions: a,
|
|
14
|
+
children: c,
|
|
15
|
+
className: o,
|
|
16
|
+
...r
|
|
17
|
+
}) {
|
|
18
|
+
return /* @__PURE__ */ e.createElement("header", { className: m(s.root, o), ...r }, l ?? null, n != null ? /* @__PURE__ */ e.createElement("div", { className: s.nav }, n) : null, t != null ? /* @__PURE__ */ e.createElement("div", { className: s.search }, t) : null, a != null ? /* @__PURE__ */ e.createElement("div", { className: s.actions }, a) : null, c);
|
|
19
|
+
}
|
|
20
|
+
export {
|
|
21
|
+
N as H
|
|
22
|
+
};
|
package/dist/Header.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer elcrm-components{.shr{display:flex;align-items:center;gap:var(--shell-gap);flex-shrink:0;min-height:var(--header-height);padding:var(--shell-padding);color:var(--shell-color);background:var(--shell-background);border:var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:relative;z-index:var(--header-z)}.shn{display:flex;flex:1;align-items:center;min-width:0;justify-content:var(--header-nav-justify)}.sha{display:flex;align-items:center;gap:var(--shell-gap-sm);flex-shrink:0;margin:auto}}
|
|
1
|
+
@layer elcrm-components{.shr{display:flex;align-items:center;gap:var(--shell-gap);flex-shrink:0;min-height:var(--header-height);padding:var(--shell-padding);color:var(--shell-color);background:var(--shell-background);border:var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:relative;z-index:var(--header-z)}.shn{display:flex;flex:1;align-items:center;min-width:0;justify-content:var(--header-nav-justify)}.shs{flex:0 1 var(--field-search-min-width, 12rem);min-width:min(12rem,40vw);max-width:22rem;display:flex;align-items:center}.shs>*{width:100%;min-width:0}.sha{display:flex;align-items:center;gap:var(--shell-gap-sm);flex-shrink:0;margin-left:auto}}
|
package/dist/Header.js
CHANGED
package/dist/Toolbar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer elcrm-components{.kwr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--toolbar-gap);width:100%;min-width:0;box-sizing:border-box;--field-width: auto}.kwr>[data-field]{flex:0 1 auto;width:auto;min-width:0;max-width:100
|
|
1
|
+
@layer elcrm-components{.kwr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--toolbar-gap);width:100%;min-width:0;box-sizing:border-box;--field-width: auto}.kwr>[data-field]{flex:0 1 auto;width:auto;min-width:0;max-width:100%;align-self:center}.kwr>[data-field=search]{flex:1 1 var(--field-search-min-width, 10rem);width:auto!important;min-width:var(--field-search-min-width, 10rem);max-width:none}.kwr[data-width=s]{display:inline-flex;width:auto;max-width:100%}.kwr[data-align=center]{justify-content:center}.kwr[data-align=end]{justify-content:flex-end}.kwr[data-align=between]{justify-content:space-between}.kwr[data-size=s]{--control-height: var(--control-height-s);--field-height: var(--control-height-s);--select-height: var(--control-height-s);--control-font-size: var(--control-font-size-s, .8125rem);--button-height: var(--button-height-s)}.kwr[data-size=l]{--control-height: var(--control-height-l);--field-height: var(--control-height-l);--select-height: var(--control-height-l);--button-height: var(--button-height-l)}}
|
package/dist/index.css
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
@layer elcrm-components{.sfr{flex-shrink:0;padding:var(--shell-padding);color:var(--shell-color-muted);background:transparent;border-top:1px solid var(--shell-border);font-size:var(--shell-font-size-sm)}}
|
|
28
28
|
|
|
29
|
-
@layer elcrm-components{.shr{display:flex;align-items:center;gap:var(--shell-gap);flex-shrink:0;min-height:var(--header-height);padding:var(--shell-padding);color:var(--shell-color);background:var(--shell-background);border:var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:relative;z-index:var(--header-z)}.shn{display:flex;flex:1;align-items:center;min-width:0;justify-content:var(--header-nav-justify)}.sha{display:flex;align-items:center;gap:var(--shell-gap-sm);flex-shrink:0;margin:auto}}
|
|
29
|
+
@layer elcrm-components{.shr{display:flex;align-items:center;gap:var(--shell-gap);flex-shrink:0;min-height:var(--header-height);padding:var(--shell-padding);color:var(--shell-color);background:var(--shell-background);border:var(--header-border);border-radius:var(--header-radius);box-shadow:var(--header-shadow);margin:var(--header-margin);position:relative;z-index:var(--header-z)}.shn{display:flex;flex:1;align-items:center;min-width:0;justify-content:var(--header-nav-justify)}.shs{flex:0 1 var(--field-search-min-width, 12rem);min-width:min(12rem,40vw);max-width:22rem;display:flex;align-items:center}.shs>*{width:100%;min-width:0}.sha{display:flex;align-items:center;gap:var(--shell-gap-sm);flex-shrink:0;margin-left:auto}}
|
|
30
30
|
|
|
31
31
|
@layer elcrm-components{.hhr{display:flex;gap:var(--shell-gap);align-items:stretch;width:100%}.hhc,.hha{border:1px solid var(--shell-border);border-radius:var(--shell-radius);background:var(--shell-background);box-sizing:border-box}.hhc{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--shell-gap-lg) var(--shell-padding-inline);overflow-x:auto}.hhh{margin-bottom:var(--shell-gap-sm)}.hht{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color)}.hhm{position:relative;margin:0 0 var(--shell-gap-sm, .25rem) 26px;height:16px;font-size:var(--shell-font-size-sm, .6875rem);color:var(--shell-color-muted)}.hho{position:absolute;top:0;white-space:nowrap}.hhn{display:flex;gap:var(--shell-gap-sm, .25rem);align-items:flex-start;flex:1}.hhd{display:grid;grid-template-rows:repeat(7,var(--healthmap-cell));gap:var(--healthmap-gap);width:22px;font-size:var(--shell-font-size-sm, .6875rem);line-height:var(--healthmap-cell);color:var(--shell-color-muted);flex-shrink:0;align-content:center}.hhw{display:grid;gap:var(--healthmap-gap);align-content:center}.hhk{display:grid;grid-template-rows:repeat(7,var(--healthmap-cell));gap:var(--healthmap-gap)}.hhe{width:var(--healthmap-cell);height:var(--healthmap-cell);padding:0;border:0;border-radius:2px;background:var(--healthmap-l0);box-sizing:border-box;cursor:default;display:block}.hhe:focus-visible{outline:2px solid var(--shell-color-accent);outline-offset:1px}.hhe[data-level="1"]{background:var(--healthmap-l1)}.hhe[data-level="2"]{background:var(--healthmap-l2)}.hhe[data-level="3"]{background:var(--healthmap-l3)}.hhe[data-level="4"]{background:var(--healthmap-l4)}.hhf{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--shell-gap-sm);margin-top:auto;padding-top:var(--shell-gap-sm);margin-left:26px;font-size:var(--shell-font-size-sm, .6875rem);color:var(--shell-color-muted)}.hhi{min-width:0}.hhg{display:flex;align-items:center;gap:var(--shell-gap-sm, .25rem);justify-self:end}.hha{flex:0 0 180px;display:flex;flex-direction:column;gap:var(--shell-gap-lg);padding:var(--shell-gap-lg) 18px}.hhb{display:flex;flex-direction:column;gap:2px;line-height:1.2}.hhb>span:first-child{font-size:var(--shell-font-size-lg);font-weight:700;letter-spacing:-.02em;color:var(--shell-color)}.hhb>span:last-child{font-size:var(--shell-font-size-sm, .6875rem);color:var(--shell-color-muted);text-transform:uppercase;letter-spacing:.04em}.hhp{display:flex;flex-direction:column;gap:var(--shell-gap-sm);flex:1;justify-content:center}.hhq{display:flex;flex-direction:column;gap:2px}.hhv{font-size:20px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--shell-color);line-height:1.1}.hhl{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.hhz{display:flex;align-items:center;justify-content:center;gap:var(--shell-gap-sm, .25rem);justify-self:center}.hhj{display:flex;align-items:center;gap:var(--shell-gap-sm, .25rem)}.hhu{width:28px;height:28px;border:0;border-radius:var(--shell-radius);background:transparent;color:var(--shell-color-muted);font-size:18px;line-height:1;cursor:pointer}.hhu:hover:not(:disabled){color:var(--shell-color);background:var(--shell-background-muted)}.hhu:disabled{opacity:var(--shell-disabled-opacity);cursor:default}.hhx{border:0;background:transparent;color:var(--shell-color-muted);font-size:var(--shell-font-size-sm);padding:5px 11px;border-radius:999px;cursor:pointer}.hhx:hover{color:var(--shell-color)}.hhs{background:var(--shell-color-accent);color:var(--shell-background)}.hhy{position:fixed;z-index:calc(var(--shell-z) + 50);transform:translate(-50%,calc(-100% - 10px));min-width:160px;max-width:280px;padding:var(--shell-gap-sm) var(--shell-gap);border-radius:var(--shell-radius);background:var(--shell-background);border:1px solid var(--shell-border);box-shadow:var(--popup-shadow);pointer-events:none;color:var(--shell-color)}.hhy>:first-child{font-size:var(--shell-font-size-sm);color:var(--shell-color-muted)}.hhy>:last-child{font-size:var(--shell-font-size);font-weight:600}@media (max-width: 720px){.hhr{flex-direction:column}.hha{flex:none;width:100%}.hhf{grid-template-columns:1fr;margin-left:0;justify-items:start}.hhg,.hhz{justify-self:start}}}
|
|
32
32
|
|
|
@@ -76,4 +76,4 @@
|
|
|
76
76
|
|
|
77
77
|
@layer elcrm-components{.tgr{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.tgt{margin:0;font-size:var(--shell-font-size);font-weight:var(--shell-font-weight);color:var(--shell-color);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tgd{margin:0;font-size:var(--shell-font-size-sm);font-weight:400;color:var(--shell-color-muted);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tgs .tgt{font-size:var(--shell-font-size-sm)}.tgl .tgt{font-size:var(--shell-font-size-lg)}.tgl .tgd{font-size:var(--shell-font-size)}}
|
|
78
78
|
|
|
79
|
-
@layer elcrm-components{.kwr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--toolbar-gap);width:100%;min-width:0;box-sizing:border-box;--field-width: auto}.kwr>[data-field]{flex:0 1 auto;width:auto;min-width:0;max-width:100
|
|
79
|
+
@layer elcrm-components{.kwr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--toolbar-gap);width:100%;min-width:0;box-sizing:border-box;--field-width: auto}.kwr>[data-field]{flex:0 1 auto;width:auto;min-width:0;max-width:100%;align-self:center}.kwr>[data-field=search]{flex:1 1 var(--field-search-min-width, 10rem);width:auto!important;min-width:var(--field-search-min-width, 10rem);max-width:none}.kwr[data-width=s]{display:inline-flex;width:auto;max-width:100%}.kwr[data-align=center]{justify-content:center}.kwr[data-align=end]{justify-content:flex-end}.kwr[data-align=between]{justify-content:space-between}.kwr[data-size=s]{--control-height: var(--control-height-s);--field-height: var(--control-height-s);--select-height: var(--control-height-s);--control-font-size: var(--control-font-size-s, .8125rem);--button-height: var(--button-height-s)}.kwr[data-size=l]{--control-height: var(--control-height-l);--field-height: var(--control-height-l);--select-height: var(--control-height-l);--button-height: var(--button-height-l)}}
|
package/dist/index.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { L as l } from "./Layout-CzEGKl9s.js";
|
|
2
|
-
import { H as i } from "./Header-
|
|
2
|
+
import { H as i } from "./Header-B9jMY03c.js";
|
|
3
3
|
import { F as u } from "./Footer-Bgh_JCUe.js";
|
|
4
4
|
import { L as S } from "./List-D13pqaUY.js";
|
|
5
5
|
import { I as T } from "./Item-CGpkMJu0.js";
|
package/dist/kit-manifest.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"format": "elcrm-kit-manifest-v1",
|
|
3
3
|
"package": "@elcrm/components",
|
|
4
|
-
"version": "0.5.
|
|
4
|
+
"version": "0.5.3",
|
|
5
5
|
"pkg": "components",
|
|
6
|
-
"generatedAt": "2026-08-
|
|
6
|
+
"generatedAt": "2026-08-30T04:27:03.375Z",
|
|
7
7
|
"components": [
|
|
8
8
|
{
|
|
9
9
|
"slug": "ActionGroup",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elcrm/components",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.3",
|
|
4
4
|
"description": "Shell UI elCRM: Layout, Header, Sidebar, Popover, Healthmap, PanelInfo, PageHead, PageShell, Section, Stack, Stat и др.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"author": "MaSkal <dev@elcrm.online>",
|
|
@@ -84,22 +84,6 @@
|
|
|
84
84
|
},
|
|
85
85
|
"./package.json": "./package.json"
|
|
86
86
|
},
|
|
87
|
-
"scripts": {
|
|
88
|
-
"dev": "vite --config test/vite.config.ts",
|
|
89
|
-
"build": "vite build",
|
|
90
|
-
"postbuild": "node scripts/postbuild.mjs",
|
|
91
|
-
"check:css": "node scripts/check-css-scoped.mjs",
|
|
92
|
-
"check:tokens": "node scripts/check-tokens.mjs",
|
|
93
|
-
"test": "vitest run",
|
|
94
|
-
"test:build": "vite build --config test/vite.config.ts",
|
|
95
|
-
"test:preview": "vite preview --config test/vite.config.ts",
|
|
96
|
-
"prepublishOnly": "npm run check:css && npm run check:tokens && npm run test && npm run build",
|
|
97
|
-
"prepack": "node scripts/publish-manifest.mjs pack",
|
|
98
|
-
"postpack": "node scripts/publish-manifest.mjs restore",
|
|
99
|
-
"manifest:public": "node scripts/publish-manifest.mjs write",
|
|
100
|
-
"pack:temp": "node scripts/publish-manifest.mjs pack-temp",
|
|
101
|
-
"pack:check": "npm pack --dry-run"
|
|
102
|
-
},
|
|
103
87
|
"peerDependencies": {
|
|
104
88
|
"@elcrm/button": "^1.2.0",
|
|
105
89
|
"@elcrm/icons": "^0.1.5",
|
|
@@ -121,24 +105,5 @@
|
|
|
121
105
|
"@types/react": {
|
|
122
106
|
"optional": true
|
|
123
107
|
}
|
|
124
|
-
},
|
|
125
|
-
"devDependencies": {
|
|
126
|
-
"@elcrm/button": "^1.2.0",
|
|
127
|
-
"@elcrm/icons": "^0.1.5",
|
|
128
|
-
"@elcrm/tooltip": "^0.1.2",
|
|
129
|
-
"@testing-library/react": "^16.2.0",
|
|
130
|
-
"@types/node": "^22.13.10",
|
|
131
|
-
"@types/react": "^18.2.66",
|
|
132
|
-
"@types/react-dom": "^18.2.22",
|
|
133
|
-
"@vitejs/plugin-react": "^4.3.1",
|
|
134
|
-
"elcrm": "file:../elCRM.cli",
|
|
135
|
-
"jsdom": "^26.0.0",
|
|
136
|
-
"react": "^18.2.0",
|
|
137
|
-
"react-dom": "^18.2.0",
|
|
138
|
-
"typescript": "^5.8.2",
|
|
139
|
-
"vite": "^5.4.2",
|
|
140
|
-
"vite-plugin-dts": "^4.0.3",
|
|
141
|
-
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
142
|
-
"vitest": "^3.0.8"
|
|
143
108
|
}
|
|
144
109
|
}
|
package/dist/Header-BMDIi3u2.js
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import l from "react";
|
|
2
|
-
import { c as m } from "./cx-CcykAxZN.js";
|
|
3
|
-
import './Header.css';const u = "shr", i = "shn", v = "sha", n = {
|
|
4
|
-
root: u,
|
|
5
|
-
nav: i,
|
|
6
|
-
actions: v
|
|
7
|
-
};
|
|
8
|
-
function h({
|
|
9
|
-
brand: e,
|
|
10
|
-
nav: t,
|
|
11
|
-
search: o,
|
|
12
|
-
actions: a,
|
|
13
|
-
children: s,
|
|
14
|
-
className: c,
|
|
15
|
-
...r
|
|
16
|
-
}) {
|
|
17
|
-
return /* @__PURE__ */ l.createElement("header", { className: m(n.root, c), ...r }, e ?? null, t != null ? /* @__PURE__ */ l.createElement("div", { className: n.nav }, t) : null, o ?? null, a != null ? /* @__PURE__ */ l.createElement("div", { className: n.actions }, a) : null, s);
|
|
18
|
-
}
|
|
19
|
-
export {
|
|
20
|
-
h as H
|
|
21
|
-
};
|