@wrdagency/blockout 1.0.31 → 1.0.32
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/assets/style20.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.component-menu__menu-wrapper{z-index:9999!important}.primitive-popover__target{cursor:pointer}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);
|
|
1
|
+
.component-menu__menu-wrapper{z-index:9999!important}.primitive-popover__target{cursor:pointer}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);padding:.5rem;min-height:40px}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem 1.375rem .375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item[aria-disabled=true] .component-menu__item__label{color:var(--blockout__colours__surface--500)}.component-menu__item[aria-disabled=true] .component-menu__item__description{color:var(--blockout__colours__surface--300)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--500)}.component-menu__window:not(:has(.component-menu__item__icon--pictoral:not(.component-menu__item__icon--empty))) .component-menu__item__icon--pictoral{display:none}.component-menu__item__icon--pictoral{transform:translateY(.25rem);margin-left:-.25rem}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:.5rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}
|
|
@@ -3,7 +3,7 @@ import { cn as M } from "../../utils/css.js";
|
|
|
3
3
|
import { useState as w } from "react";
|
|
4
4
|
import { Button as r } from "../button/index.js";
|
|
5
5
|
import { MenuProvider as _ } from "./context.js";
|
|
6
|
-
import { M as h } from "../../item-
|
|
6
|
+
import { M as h } from "../../item-CZjpTCgc.js";
|
|
7
7
|
import '../../assets/style20.css';/* empty css */
|
|
8
8
|
import { M as v, a as x, b as P } from "../../menu-button-GQO5dB3U.js";
|
|
9
9
|
function C({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../../../CaretRight.es-vnr78BGI.js";
|
|
3
3
|
import "../icon.js";
|
|
4
|
-
import { S as u } from "../../../item-
|
|
4
|
+
import { S as u } from "../../../item-CZjpTCgc.js";
|
|
5
5
|
import "../../../menu-button-GQO5dB3U.js";
|
|
6
6
|
import "../../../2NBKRL7C-DBbnghCe.js";
|
|
7
7
|
export {
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { jsxs as m, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { ActionMenuItem as s } from "./components/menu/items/action.js";
|
|
3
|
-
import { SeparatorMenuItem as
|
|
4
|
-
import { e as
|
|
5
|
-
import { EmptyIcon as
|
|
6
|
-
import { ToggleMenuItem as
|
|
3
|
+
import { SeparatorMenuItem as u } from "./components/menu/items/spacer.js";
|
|
4
|
+
import { e as a } from "./CaretRight.es-vnr78BGI.js";
|
|
5
|
+
import { EmptyIcon as _ } from "./components/menu/icon.js";
|
|
6
|
+
import { ToggleMenuItem as i } from "./components/menu/items/toggle.js";
|
|
7
7
|
import { u as p, M as l, a as d, b as M } from "./menu-button-GQO5dB3U.js";
|
|
8
|
-
import { M as
|
|
9
|
-
const
|
|
10
|
-
const o = n.icon ||
|
|
8
|
+
import { M as b } from "./2NBKRL7C-DBbnghCe.js";
|
|
9
|
+
const h = ({ item: n }) => {
|
|
10
|
+
const o = n.icon || _, t = p();
|
|
11
11
|
return /* @__PURE__ */ m(l, { store: t, children: [
|
|
12
12
|
/* @__PURE__ */ m(
|
|
13
13
|
d,
|
|
14
14
|
{
|
|
15
15
|
className: "component-menu__item component-menu__item--submenu",
|
|
16
|
-
render: /* @__PURE__ */ e(
|
|
16
|
+
render: /* @__PURE__ */ e(b, {}),
|
|
17
17
|
disabled: n.disabled,
|
|
18
18
|
children: [
|
|
19
19
|
/* @__PURE__ */ e(o, { className: "component-menu__item__icon component-menu__item__icon--pictoral" }),
|
|
20
20
|
/* @__PURE__ */ m("div", { className: "component-menu__item__text", children: [
|
|
21
21
|
/* @__PURE__ */ m("div", { className: "component-menu__item__text__header", children: [
|
|
22
22
|
/* @__PURE__ */ e("div", { className: "component-menu__item__label", children: n.label }),
|
|
23
|
-
/* @__PURE__ */ e(
|
|
23
|
+
/* @__PURE__ */ e(a, { className: "component-menu__item__icon component-menu__item__icon--submenu-indicator" })
|
|
24
24
|
] }),
|
|
25
25
|
/* @__PURE__ */ e("p", { className: "component-menu__item__description", children: n.description })
|
|
26
26
|
] })
|
|
@@ -33,9 +33,9 @@ const b = ({ item: n }) => {
|
|
|
33
33
|
gutter: 12,
|
|
34
34
|
shift: 0,
|
|
35
35
|
wrapperProps: {
|
|
36
|
-
className: "component-menu__menu-wrapper"
|
|
36
|
+
className: "component-menu__menu-wrapper component-menu__menu-wrapper--submenu"
|
|
37
37
|
},
|
|
38
|
-
className: "component-
|
|
38
|
+
className: "component-menu__window component-menu__window--submenu",
|
|
39
39
|
children: n.children.map((r, c) => /* @__PURE__ */ e(f, { item: r }, c))
|
|
40
40
|
}
|
|
41
41
|
)
|
|
@@ -45,14 +45,14 @@ const b = ({ item: n }) => {
|
|
|
45
45
|
case "action":
|
|
46
46
|
return /* @__PURE__ */ e(s, { item: n });
|
|
47
47
|
case "toggle":
|
|
48
|
-
return /* @__PURE__ */ e(
|
|
48
|
+
return /* @__PURE__ */ e(i, { item: n });
|
|
49
49
|
case "submenu":
|
|
50
|
-
return /* @__PURE__ */ e(
|
|
50
|
+
return /* @__PURE__ */ e(h, { item: n });
|
|
51
51
|
case "separator":
|
|
52
|
-
return /* @__PURE__ */ e(
|
|
52
|
+
return /* @__PURE__ */ e(u, {});
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
export {
|
|
56
56
|
f as M,
|
|
57
|
-
|
|
57
|
+
h as S
|
|
58
58
|
};
|