achery-ui 0.5.3 → 0.5.4
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/index.cjs +29 -26
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +25 -6
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +19 -0
- package/dist/index.d.ts +19 -0
- package/dist/index.js +29 -26
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -871,9 +871,10 @@ function Avatar({ initials: initials2, size = "md", tone = "neutral", className
|
|
|
871
871
|
}
|
|
872
872
|
|
|
873
873
|
// src/components/AppBar/AppBar.css.ts
|
|
874
|
-
var accentPicker = "
|
|
875
|
-
var accentSwatch = "
|
|
874
|
+
var accentPicker = "AppBar_accentPicker__uqki99a";
|
|
875
|
+
var accentSwatch = "AppBar_accentSwatch__uqki99b";
|
|
876
876
|
var actions = "AppBar_actions__uqki998";
|
|
877
|
+
var actionsInner = "AppBar_actionsInner__uqki999";
|
|
877
878
|
var appBar = "AppBar_appBar__uqki990";
|
|
878
879
|
var brand = "AppBar_brand__uqki991";
|
|
879
880
|
var brandDivider = "AppBar_brandDivider__uqki993";
|
|
@@ -937,30 +938,32 @@ function AppBar({
|
|
|
937
938
|
searchKbd2 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: searchKbd, children: searchKbd2 })
|
|
938
939
|
] }),
|
|
939
940
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: actions, children: [
|
|
940
|
-
|
|
941
|
-
"
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
941
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: actionsInner, children: [
|
|
942
|
+
onAccentChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: accentPicker, role: "group", "aria-label": "Brand colour", children: chunkLJ24EJ3N_cjs.accentColorNames.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
943
|
+
"button",
|
|
944
|
+
{
|
|
945
|
+
className: accentSwatch,
|
|
946
|
+
"data-active": name === accent,
|
|
947
|
+
onClick: () => onAccentChange(name),
|
|
948
|
+
"aria-label": name,
|
|
949
|
+
"aria-pressed": name === accent,
|
|
950
|
+
style: { background: chunkLJ24EJ3N_cjs.accentColors[name].main }
|
|
951
|
+
},
|
|
952
|
+
name
|
|
953
|
+
)) }),
|
|
954
|
+
onToggleTheme && /* @__PURE__ */ jsxRuntime.jsx(
|
|
955
|
+
Button,
|
|
956
|
+
{
|
|
957
|
+
variant: "ghost",
|
|
958
|
+
size: "sm",
|
|
959
|
+
glyph: isDark ? "sun" : "moon",
|
|
960
|
+
onClick: onToggleTheme,
|
|
961
|
+
"aria-label": isDark ? "Switch to light mode" : "Switch to dark mode"
|
|
962
|
+
}
|
|
963
|
+
),
|
|
964
|
+
onNewClick && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "accent", size: "sm", glyph: "plus", onClick: onNewClick, children: "New" }),
|
|
965
|
+
actions2
|
|
966
|
+
] }),
|
|
964
967
|
avatarInitials && /* @__PURE__ */ jsxRuntime.jsx(Avatar, { initials: avatarInitials, size: "sm", tone: "neutral" })
|
|
965
968
|
] })
|
|
966
969
|
] });
|