@elcrm/components 0.5.2 → 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 -1
- 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>",
|
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
|
-
};
|