wimui 0.24.4 → 0.25.0
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/components/layout/Footer/Footer.cjs +1 -1
- package/dist/components/layout/Footer/Footer.d.ts +15 -0
- package/dist/components/layout/Footer/Footer.js +15 -12
- package/dist/components/navigation/KeyboardShortcuts/KeyboardShortcuts.cjs +1 -1
- package/dist/components/navigation/KeyboardShortcuts/KeyboardShortcuts.d.ts +22 -0
- package/dist/components/navigation/KeyboardShortcuts/KeyboardShortcuts.js +31 -28
- package/dist/llms-full.txt +8 -1
- package/dist/llms.txt +1 -1
- package/dist/wimui.umd.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./footer.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,bordered:a,fluid:o,background:s=`surface`,...c},l)=>(0,i.jsx)(`footer`,{ref:l,className:(0,r.default)(`wim-footer`,t.default.root,a&&t.default.bordered,s&&t.default[`bg-${s}`],e),"data-bordered":a,...c,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,o&&t.default.fluid),children:n})}));a.displayName=`Footer`;var o=n.default.forwardRef(({className:e,children:n,title:a,...
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./footer.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,bordered:a,fluid:o,background:s=`surface`,...c},l)=>(0,i.jsx)(`footer`,{ref:l,className:(0,r.default)(`wim-footer`,t.default.root,a&&t.default.bordered,s&&t.default[`bg-${s}`],e),"data-bordered":a,...c,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,o&&t.default.fluid),children:n})}));a.displayName=`Footer`;var o=n.default.forwardRef(({className:e,children:n,title:a,titleLevel:o,...s},c)=>{let l=o?`h${o}`:null;return(0,i.jsxs)(`div`,{ref:c,className:(0,r.default)(t.default.section,e),...s,children:[a&&(l?(0,i.jsx)(l,{className:t.default.sectionTitle,children:a}):(0,i.jsx)(`p`,{className:t.default.sectionTitle,children:a})),(0,i.jsx)(`div`,{className:t.default.sectionContent,children:n})]})});o.displayName=`Footer.Section`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.bottom,e),...a,children:n}));s.displayName=`Footer.Bottom`;var c=Object.assign(a,{Section:o,Bottom:s});exports.Footer=c,exports.default=c,exports.FooterBottom=s,exports.FooterSection=o;
|
|
@@ -7,8 +7,23 @@ export interface FooterProps extends React.ComponentPropsWithoutRef<"footer"> {
|
|
|
7
7
|
/** Background color */
|
|
8
8
|
background?: "surface" | "surface-variant" | "inverse";
|
|
9
9
|
}
|
|
10
|
+
/** 見出しの段。`Dashboard` の `titleLevel` と同じ語彙に揃えてある(T211)。 */
|
|
11
|
+
export type FooterTitleLevel = 2 | 3 | 4 | 5 | 6;
|
|
10
12
|
export interface FooterSectionProps extends React.ComponentPropsWithoutRef<"div"> {
|
|
11
13
|
title?: string;
|
|
14
|
+
/**
|
|
15
|
+
* `title` を見出しとして描くときの段(T211)。渡さなければ見出しにならず `p` のまま。
|
|
16
|
+
*
|
|
17
|
+
* 既定を見出しにしてはいけない(T191 の実績)── かつて `h4` 固定だった頃、ページに
|
|
18
|
+
* `h1` / `h2` があると段が飛んで axe の `heading-order` が鳴った
|
|
19
|
+
* (`Probes/SaginomiyaPool` で実際に出た)。フッタの欄名は文書の見出しではない、
|
|
20
|
+
* というのがそのときの判断で、ここはそれを踏襲する。
|
|
21
|
+
*
|
|
22
|
+
* ただし「欄名を見出しとして辿らせたい」ページも実在するので、段を明示したときだけ
|
|
23
|
+
* 見出しになるようにしてある。`Alert` の `titleTag`(既定 `div`)と同じ形。段を
|
|
24
|
+
* 決めるのはページ側の構造を知っている呼び出し元の仕事。
|
|
25
|
+
*/
|
|
26
|
+
titleLevel?: FooterTitleLevel;
|
|
12
27
|
}
|
|
13
28
|
export declare const FooterSection: React.ForwardRefExoticComponent<FooterSectionProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
29
|
export type FooterBottomProps = React.ComponentPropsWithoutRef<"div">;
|
|
@@ -15,18 +15,21 @@ var a = t.forwardRef(({ className: t, children: i, bordered: a, fluid: o, backgr
|
|
|
15
15
|
})
|
|
16
16
|
}));
|
|
17
17
|
a.displayName = "Footer";
|
|
18
|
-
var o = t.forwardRef(({ className: t, children: a, title: o,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
children: o
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
18
|
+
var o = t.forwardRef(({ className: t, children: a, title: o, titleLevel: s, ...c }, l) => {
|
|
19
|
+
let u = s ? `h${s}` : null;
|
|
20
|
+
return /* @__PURE__ */ i("div", {
|
|
21
|
+
ref: l,
|
|
22
|
+
className: n(e.section, t),
|
|
23
|
+
...c,
|
|
24
|
+
children: [o && r(u || "p", {
|
|
25
|
+
className: e.sectionTitle,
|
|
26
|
+
children: o
|
|
27
|
+
}), /* @__PURE__ */ r("div", {
|
|
28
|
+
className: e.sectionContent,
|
|
29
|
+
children: a
|
|
30
|
+
})]
|
|
31
|
+
});
|
|
32
|
+
});
|
|
30
33
|
o.displayName = "Footer.Section";
|
|
31
34
|
var s = t.forwardRef(({ className: t, children: i, ...a }, o) => /* @__PURE__ */ r("div", {
|
|
32
35
|
ref: o,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Kbd/Kbd.cjs"),n=require("./keyboard-shortcuts.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=r.default.forwardRef(({shortcuts:e,title:o,separator:
|
|
2
|
+
const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Kbd/Kbd.cjs"),n=require("./keyboard-shortcuts.module.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("classnames");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=r.default.forwardRef(({shortcuts:e,title:o,titleLevel:s,separator:c=`+`,size:l=`md`,className:u,...d},f)=>{let p=s?`h${s}`:null;return(0,a.jsxs)(`div`,{className:(0,i.default)(`wim-keyboard-shortcuts`,n.default.root,n.default[l],u),children:[o&&(p?(0,a.jsx)(p,{className:n.default.title,children:o}):(0,a.jsx)(`p`,{className:n.default.title,children:o})),(0,a.jsx)(`dl`,{ref:f,className:n.default.list,...d,children:e.map((e,i)=>(0,a.jsxs)(`div`,{className:n.default.item,children:[(0,a.jsx)(`dt`,{className:n.default.label,children:e.label}),(0,a.jsx)(`dd`,{className:n.default.keys,children:e.keys.map((e,i)=>(0,a.jsxs)(r.default.Fragment,{children:[i>0&&(0,a.jsx)(`span`,{className:n.default.separator,"aria-hidden":`true`,children:c}),(0,a.jsx)(t.Kbd,{size:l,children:e})]},i))})]},i))})]})});o.displayName=`KeyboardShortcuts`,exports.KeyboardShortcuts=o;
|
|
@@ -6,11 +6,23 @@ export type ShortcutItem = {
|
|
|
6
6
|
/** Keys of the shortcut (e.g. ["Ctrl", "K"]) */
|
|
7
7
|
keys: string[];
|
|
8
8
|
};
|
|
9
|
+
/** 見出しの段。`Dashboard` の `titleLevel` と同じ語彙に揃えてある(T211)。 */
|
|
10
|
+
export type KeyboardShortcutsTitleLevel = 2 | 3 | 4 | 5 | 6;
|
|
9
11
|
export type KeyboardShortcutsProps = React.ComponentPropsWithoutRef<"dl"> & {
|
|
10
12
|
/** List of shortcuts to display */
|
|
11
13
|
shortcuts: ShortcutItem[];
|
|
12
14
|
/** Section title */
|
|
13
15
|
title?: string;
|
|
16
|
+
/**
|
|
17
|
+
* `title` を見出しとして描くときの段(T211)。渡さなければ見出しにならず `p` のまま。
|
|
18
|
+
*
|
|
19
|
+
* ショートカット一覧は「編集」「移動」のように節ごとに積んで使うので、段で辿れると
|
|
20
|
+
* 効く。ただし既定を見出しにはしない ── 段を決め打つとページに `h1` / `h2` がある
|
|
21
|
+
* 場合に段が飛び、axe の `heading-order` が鳴る(T191 で `Footer` が実際に踏んだ)。
|
|
22
|
+
* 段を決めるのはページ側の構造を知っている呼び出し元の仕事で、`Alert` の `titleTag`
|
|
23
|
+
* (既定 `div`)と同じ形。
|
|
24
|
+
*/
|
|
25
|
+
titleLevel?: KeyboardShortcutsTitleLevel;
|
|
14
26
|
/**
|
|
15
27
|
* Separator displayed between keys
|
|
16
28
|
* @default "+"
|
|
@@ -30,6 +42,16 @@ export declare const KeyboardShortcuts: React.ForwardRefExoticComponent<Omit<Rea
|
|
|
30
42
|
shortcuts: ShortcutItem[];
|
|
31
43
|
/** Section title */
|
|
32
44
|
title?: string;
|
|
45
|
+
/**
|
|
46
|
+
* `title` を見出しとして描くときの段(T211)。渡さなければ見出しにならず `p` のまま。
|
|
47
|
+
*
|
|
48
|
+
* ショートカット一覧は「編集」「移動」のように節ごとに積んで使うので、段で辿れると
|
|
49
|
+
* 効く。ただし既定を見出しにはしない ── 段を決め打つとページに `h1` / `h2` がある
|
|
50
|
+
* 場合に段が飛び、axe の `heading-order` が鳴る(T191 で `Footer` が実際に踏んだ)。
|
|
51
|
+
* 段を決めるのはページ側の構造を知っている呼び出し元の仕事で、`Alert` の `titleTag`
|
|
52
|
+
* (既定 `div`)と同じ形。
|
|
53
|
+
*/
|
|
54
|
+
titleLevel?: KeyboardShortcutsTitleLevel;
|
|
33
55
|
/**
|
|
34
56
|
* Separator displayed between keys
|
|
35
57
|
* @default "+"
|
|
@@ -5,34 +5,37 @@ import n from "react";
|
|
|
5
5
|
import r from "classnames";
|
|
6
6
|
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
7
7
|
//#region src/components/navigation/KeyboardShortcuts/KeyboardShortcuts.tsx
|
|
8
|
-
var o = n.forwardRef(({ shortcuts: o, title: s,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
className: t.
|
|
12
|
-
children: s
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
children:
|
|
20
|
-
className: t.
|
|
21
|
-
children:
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
className: t.
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}))
|
|
8
|
+
var o = n.forwardRef(({ shortcuts: o, title: s, titleLevel: c, separator: l = "+", size: u = "md", className: d, ...f }, p) => {
|
|
9
|
+
let m = c ? `h${c}` : null;
|
|
10
|
+
return /* @__PURE__ */ a("div", {
|
|
11
|
+
className: r("wim-keyboard-shortcuts", t.root, t[u], d),
|
|
12
|
+
children: [s && i(m || "p", {
|
|
13
|
+
className: t.title,
|
|
14
|
+
children: s
|
|
15
|
+
}), /* @__PURE__ */ i("dl", {
|
|
16
|
+
ref: p,
|
|
17
|
+
className: t.list,
|
|
18
|
+
...f,
|
|
19
|
+
children: o.map((r, o) => /* @__PURE__ */ a("div", {
|
|
20
|
+
className: t.item,
|
|
21
|
+
children: [/* @__PURE__ */ i("dt", {
|
|
22
|
+
className: t.label,
|
|
23
|
+
children: r.label
|
|
24
|
+
}), /* @__PURE__ */ i("dd", {
|
|
25
|
+
className: t.keys,
|
|
26
|
+
children: r.keys.map((r, o) => /* @__PURE__ */ a(n.Fragment, { children: [o > 0 && /* @__PURE__ */ i("span", {
|
|
27
|
+
className: t.separator,
|
|
28
|
+
"aria-hidden": "true",
|
|
29
|
+
children: l
|
|
30
|
+
}), /* @__PURE__ */ i(e, {
|
|
31
|
+
size: u,
|
|
32
|
+
children: r
|
|
33
|
+
})] }, o))
|
|
34
|
+
})]
|
|
35
|
+
}, o))
|
|
36
|
+
})]
|
|
37
|
+
});
|
|
38
|
+
});
|
|
36
39
|
o.displayName = "KeyboardShortcuts";
|
|
37
40
|
//#endregion
|
|
38
41
|
export { o as KeyboardShortcuts };
|
package/dist/llms-full.txt
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
## What this is
|
|
6
6
|
|
|
7
|
-
**wimui** v0.
|
|
7
|
+
**wimui** v0.25.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
|
|
8
8
|
|
|
9
9
|
## Install & required setup
|
|
10
10
|
|
|
@@ -2010,6 +2010,13 @@ follows the theme and never needs a hand-mixed colour.
|
|
|
2010
2010
|
- **KeyboardShortcuts** — Display a structured list of keyboard shortcuts
|
|
2011
2011
|
- `shortcuts: ShortcutItem[]` (required) — List of shortcuts to display
|
|
2012
2012
|
- `title: string` — Section title
|
|
2013
|
+
- `titleLevel: 2 | 3 | 4 | 5 | 6` — `title` を見出しとして描くときの段(T211)。渡さなければ見出しにならず `p` のまま。
|
|
2014
|
+
|
|
2015
|
+
ショートカット一覧は「編集」「移動」のように節ごとに積んで使うので、段で辿れると
|
|
2016
|
+
効く。ただし既定を見出しにはしない ── 段を決め打つとページに `h1` / `h2` がある
|
|
2017
|
+
場合に段が飛び、axe の `heading-order` が鳴る(T191 で `Footer` が実際に踏んだ)。
|
|
2018
|
+
段を決めるのはページ側の構造を知っている呼び出し元の仕事で、`Alert` の `titleTag`
|
|
2019
|
+
(既定 `div`)と同じ形。
|
|
2013
2020
|
- `separator: string` = "+" — Separator displayed between keys
|
|
2014
2021
|
@default "+"
|
|
2015
2022
|
- `size: Extract<ComponentSize, "sm" | "md" | "lg">` = "md" — Size of the list
|
package/dist/llms.txt
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
## What this is
|
|
6
6
|
|
|
7
|
-
**wimui** v0.
|
|
7
|
+
**wimui** v0.25.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
|
|
8
8
|
|
|
9
9
|
## Install & required setup
|
|
10
10
|
|