wimui 0.11.0 → 0.12.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/README.ja.md +4 -2
- package/README.md +4 -2
- package/dist/components/data-display/Timeline/timeline.module.cjs +1 -1
- package/dist/components/data-display/Timeline/timeline.module.js +1 -1
- package/dist/components/form/Cascader/cascader.module.cjs +1 -1
- package/dist/components/form/Cascader/cascader.module.js +6 -6
- package/dist/components/form/FloatButton/float-button.module.cjs +1 -1
- package/dist/components/form/FloatButton/float-button.module.js +3 -3
- package/dist/components/form/SignaturePad/signature-pad.module.cjs +1 -1
- package/dist/components/form/SignaturePad/signature-pad.module.js +6 -6
- package/dist/components/form/Transfer/transfer.module.cjs +1 -1
- package/dist/components/form/Transfer/transfer.module.js +6 -6
- package/dist/components/form/TreeSelect/tree-select.module.cjs +1 -1
- package/dist/components/form/TreeSelect/tree-select.module.js +6 -6
- package/dist/components/navigation/TabBar/tab-bar.module.cjs +1 -1
- package/dist/components/navigation/TabBar/tab-bar.module.js +1 -1
- package/dist/llms-full.txt +12 -4
- package/dist/llms.txt +10 -2
- package/dist/reset.css +1 -1
- package/dist/styles.css +1 -1
- package/dist/wimui.umd.css +1 -1
- package/dist/wimui.umd.js +1 -1
- package/package.json +9 -3
package/README.ja.md
CHANGED
|
@@ -161,8 +161,8 @@ npm install recharts
|
|
|
161
161
|
```tsx
|
|
162
162
|
import { Button, Icon, CheckIcon } from "wimui";
|
|
163
163
|
|
|
164
|
-
<Button icon={<Icon component={CheckIcon} />}>保存</Button
|
|
165
|
-
<Icon component={CheckIcon} size="sm"
|
|
164
|
+
<Button icon={<Icon component={CheckIcon} />}>保存</Button>;
|
|
165
|
+
<Icon component={CheckIcon} size="sm" />;
|
|
166
166
|
```
|
|
167
167
|
|
|
168
168
|
**2. 文字列で指定する**
|
|
@@ -267,6 +267,8 @@ Storybook ではツールバーの **Density**、または Token → Density / T
|
|
|
267
267
|
|
|
268
268
|
ルートからの named import で未使用コンポーネントはバンドルに含まれません（`sideEffects` 設定済み）。カテゴリ別のサブパスも利用できます。
|
|
269
269
|
|
|
270
|
+
<!-- code-example: skip — 同じ名前を 2 つの経路から import する「どちらでも書ける」の例示。1 ファイルとしては重複識別子になるのが正しい -->
|
|
271
|
+
|
|
270
272
|
```tsx
|
|
271
273
|
import { Button } from "wimui"; // tree-shaking が効く（推奨）
|
|
272
274
|
import { Button } from "wimui/form"; // カテゴリ別サブパス
|
package/README.md
CHANGED
|
@@ -159,8 +159,8 @@ There are two ways to specify an icon.
|
|
|
159
159
|
```tsx
|
|
160
160
|
import { Button, Icon, CheckIcon } from "wimui";
|
|
161
161
|
|
|
162
|
-
<Button icon={<Icon component={CheckIcon} />}>Save</Button
|
|
163
|
-
<Icon component={CheckIcon} size="sm"
|
|
162
|
+
<Button icon={<Icon component={CheckIcon} />}>Save</Button>;
|
|
163
|
+
<Icon component={CheckIcon} size="sm" />;
|
|
164
164
|
```
|
|
165
165
|
|
|
166
166
|
**2. Specify by string**
|
|
@@ -265,6 +265,8 @@ In Storybook, check it via the toolbar **Density**, or Token → Density / Theme
|
|
|
265
265
|
|
|
266
266
|
Named imports from the root exclude unused components from the bundle (`sideEffects` is configured). Per-category subpaths are also available.
|
|
267
267
|
|
|
268
|
+
<!-- code-example: skip — 同じ名前を 2 つの経路から import する「どちらでも書ける」の例示。1 ファイルとしては重複識別子になるのが正しい -->
|
|
269
|
+
|
|
268
270
|
```tsx
|
|
269
271
|
import { Button } from "wimui"; // tree-shakeable (recommended)
|
|
270
272
|
import { Button } from "wimui/form"; // per-category subpath
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_g3htv_2`,t=`_left_g3htv_10`,n=`_right_g3htv_13`,r=`_alternate_g3htv_16`,i=`_item_g3htv_19`,a=`_content_g3htv_35`,o=`_oppositeContent_g3htv_38`,s=`_separator_g3htv_50`,c=`_connector_g3htv_56`,l=`_point_g3htv_61`,u=`_primary_g3htv_76`,d=`_secondary_g3htv_79`,f=`_danger_g3htv_82`,p=`_success_g3htv_85`,m=`_icon_g3htv_88`,h={root:e,left:t,right:n,alternate:r,item:i,content:a,oppositeContent:o,separator:s,connector:c,point:l,primary:u,secondary:d,danger:f,success:p,icon:m};exports.alternate=r,exports.connector=c,exports.content=a,exports.danger=f,exports.default=h,exports.icon=m,exports.item=i,exports.left=t,exports.oppositeContent=o,exports.point=l,exports.primary=u,exports.right=n,exports.root=e,exports.secondary=d,exports.separator=s,exports.success=p;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/data-display/Timeline/timeline.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_g3htv_2", t = "_left_g3htv_10", n = "_right_g3htv_13", r = "_alternate_g3htv_16", i = "_item_g3htv_19", a = "_content_g3htv_35", o = "_oppositeContent_g3htv_38", s = "_separator_g3htv_50", c = "_connector_g3htv_56", l = "_point_g3htv_61", u = "_primary_g3htv_76", d = "_secondary_g3htv_79", f = "_danger_g3htv_82", p = "_success_g3htv_85", m = "_icon_g3htv_88", h = {
|
|
4
4
|
root: e,
|
|
5
5
|
left: t,
|
|
6
6
|
right: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_1f4eo_249`,t=`_label_1f4eo_254`,n=`_trigger_1f4eo_261`,r=`_disabled_1f4eo_274`,i=`_open_1f4eo_280`,a=`_value_1f4eo_288`,o=`_placeholder_1f4eo_289`,s=`_icon_1f4eo_292`,c=`_clear_1f4eo_312`,l=`_dropdown_1f4eo_324`,u=`_menu_1f4eo_343`,d=`_menuItem_1f4eo_372`,f=`_active_1f4eo_372`,p=`_selected_1f4eo_380`,m={"wim-docs-container":`_wim-docs-container_1f4eo_129`,"wim-t":`_wim-t_1f4eo_216`,"react-flow":`_react-flow_1f4eo_239`,"react-flow__edges":`_react-flow__edges_1f4eo_240`,"react-flow__connectionline":`_react-flow__connectionline_1f4eo_241`,root:e,label:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,clear:c,dropdown:l,menu:u,menuItem:d,active:f,selected:p};exports.active=f,exports.clear=c,exports.default=m,exports.disabled=r,exports.dropdown=l,exports.icon=s,exports.label=t,exports.menu=u,exports.menuItem=d,exports.open=i,exports.placeholder=o,exports.root=e,exports.selected=p,exports.trigger=n,exports.value=a;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/Cascader/cascader.module.scss
|
|
3
|
-
var e = "
|
|
4
|
-
"wim-docs-container": "_wim-docs-
|
|
5
|
-
"wim-t": "_wim-
|
|
6
|
-
"react-flow": "_react-
|
|
7
|
-
"react-flow__edges": "_react-
|
|
8
|
-
"react-flow__connectionline": "_react-
|
|
3
|
+
var e = "_root_1f4eo_249", t = "_label_1f4eo_254", n = "_trigger_1f4eo_261", r = "_disabled_1f4eo_274", i = "_open_1f4eo_280", a = "_value_1f4eo_288", o = "_placeholder_1f4eo_289", s = "_icon_1f4eo_292", c = "_clear_1f4eo_312", l = "_dropdown_1f4eo_324", u = "_menu_1f4eo_343", d = "_menuItem_1f4eo_372", f = "_active_1f4eo_372", p = "_selected_1f4eo_380", m = {
|
|
4
|
+
"wim-docs-container": "_wim-docs-container_1f4eo_129",
|
|
5
|
+
"wim-t": "_wim-t_1f4eo_216",
|
|
6
|
+
"react-flow": "_react-flow_1f4eo_239",
|
|
7
|
+
"react-flow__edges": "_react-flow__edges_1f4eo_240",
|
|
8
|
+
"react-flow__connectionline": "_react-flow__connectionline_1f4eo_241",
|
|
9
9
|
root: e,
|
|
10
10
|
label: t,
|
|
11
11
|
trigger: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_m5d53_3`,t=`_iconBacktop_m5d53_15`,n=`_icon_m5d53_15`,r=`_inner_m5d53_18`,i=`_labelWrapper_m5d53_27`,a=`_label_m5d53_27`,o=`_lg_m5d53_43`,s=`_md_m5d53_49`,c=`_sm_m5d53_55`,l=`_extended_m5d53_64`,u=`_shrink_m5d53_81`,d=`_circle_m5d53_95`,f=`_square_m5d53_98`,p=`_primary_m5d53_101`,m=`_default_intent_m5d53_101`,h=`_danger_m5d53_110`,g=`_success_m5d53_119`,_=`_variant_default_m5d53_128`,v=`_glass_m5d53_138`,y=`_bottomRight_m5d53_149`,b=`_bottomLeft_m5d53_154`,x=`_bottomCenter_m5d53_159`,S=`_topRight_m5d53_171`,C=`_topLeft_m5d53_176`,w=`_badge_m5d53_184`,T=`_dot_m5d53_202`,E=`_description_m5d53_212`,D={root:e,iconBacktop:t,icon:n,inner:r,labelWrapper:i,label:a,lg:o,md:s,sm:c,extended:l,shrink:u,circle:d,square:f,primary:p,default_intent:m,default:`_default_m5d53_101`,danger:h,success:g,variant_default:_,glass:v,bottomRight:y,bottomLeft:b,bottomCenter:x,topRight:S,topLeft:C,static:`_static_m5d53_181`,badge:w,dot:T,description:E};exports.badge=w,exports.bottomCenter=x,exports.bottomLeft=b,exports.bottomRight=y,exports.circle=d,exports.danger=h,exports.default=D,exports.default_intent=m,exports.description=E,exports.dot=T,exports.extended=l,exports.glass=v,exports.icon=n,exports.iconBacktop=t,exports.inner=r,exports.label=a,exports.labelWrapper=i,exports.lg=o,exports.md=s,exports.primary=p,exports.root=e,exports.shrink=u,exports.sm=c,exports.square=f,exports.success=g,exports.topLeft=C,exports.topRight=S,exports.variant_default=_;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/FloatButton/float-button.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_m5d53_3", t = "_iconBacktop_m5d53_15", n = "_icon_m5d53_15", r = "_inner_m5d53_18", i = "_labelWrapper_m5d53_27", a = "_label_m5d53_27", o = "_lg_m5d53_43", s = "_md_m5d53_49", c = "_sm_m5d53_55", l = "_extended_m5d53_64", u = "_shrink_m5d53_81", d = "_circle_m5d53_95", f = "_square_m5d53_98", p = "_primary_m5d53_101", m = "_default_intent_m5d53_101", h = "_danger_m5d53_110", g = "_success_m5d53_119", _ = "_variant_default_m5d53_128", v = "_glass_m5d53_138", y = "_bottomRight_m5d53_149", b = "_bottomLeft_m5d53_154", x = "_bottomCenter_m5d53_159", S = "_topRight_m5d53_171", C = "_topLeft_m5d53_176", w = "_badge_m5d53_184", T = "_dot_m5d53_202", E = "_description_m5d53_212", D = {
|
|
4
4
|
root: e,
|
|
5
5
|
iconBacktop: t,
|
|
6
6
|
icon: n,
|
|
@@ -16,7 +16,7 @@ var e = "_root_1brud_3", t = "_iconBacktop_1brud_15", n = "_icon_1brud_15", r =
|
|
|
16
16
|
square: f,
|
|
17
17
|
primary: p,
|
|
18
18
|
default_intent: m,
|
|
19
|
-
default: "
|
|
19
|
+
default: "_default_m5d53_101",
|
|
20
20
|
danger: h,
|
|
21
21
|
success: g,
|
|
22
22
|
variant_default: _,
|
|
@@ -26,7 +26,7 @@ var e = "_root_1brud_3", t = "_iconBacktop_1brud_15", n = "_icon_1brud_15", r =
|
|
|
26
26
|
bottomCenter: x,
|
|
27
27
|
topRight: S,
|
|
28
28
|
topLeft: C,
|
|
29
|
-
static: "
|
|
29
|
+
static: "_static_m5d53_181",
|
|
30
30
|
badge: w,
|
|
31
31
|
dot: T,
|
|
32
32
|
description: E
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_1sonu_261`,t=`_disabled_1sonu_269`,n=`_canvasContainer_1sonu_273`,r=`_danger_1sonu_252`,i=`_canvas_1sonu_273`,a=`_footer_1sonu_297`,o={"wim-docs-container":`_wim-docs-container_1sonu_129`,"wim-t":`_wim-t_1sonu_216`,"react-flow":`_react-flow_1sonu_239`,"react-flow__edges":`_react-flow__edges_1sonu_240`,"react-flow__connectionline":`_react-flow__connectionline_1sonu_241`,root:e,disabled:t,canvasContainer:n,danger:r,canvas:i,footer:a};exports.canvas=i,exports.canvasContainer=n,exports.danger=r,exports.default=o,exports.disabled=t,exports.footer=a,exports.root=e;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/SignaturePad/signature-pad.module.scss
|
|
3
|
-
var e = "
|
|
4
|
-
"wim-docs-container": "_wim-docs-
|
|
5
|
-
"wim-t": "_wim-
|
|
6
|
-
"react-flow": "_react-
|
|
7
|
-
"react-flow__edges": "_react-
|
|
8
|
-
"react-flow__connectionline": "_react-
|
|
3
|
+
var e = "_root_1sonu_261", t = "_disabled_1sonu_269", n = "_canvasContainer_1sonu_273", r = "_danger_1sonu_252", i = "_canvas_1sonu_273", a = "_footer_1sonu_297", o = {
|
|
4
|
+
"wim-docs-container": "_wim-docs-container_1sonu_129",
|
|
5
|
+
"wim-t": "_wim-t_1sonu_216",
|
|
6
|
+
"react-flow": "_react-flow_1sonu_239",
|
|
7
|
+
"react-flow__edges": "_react-flow__edges_1sonu_240",
|
|
8
|
+
"react-flow__connectionline": "_react-flow__connectionline_1sonu_241",
|
|
9
9
|
root: e,
|
|
10
10
|
disabled: t,
|
|
11
11
|
canvasContainer: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_container_155zi_247`,t=`_root_155zi_253`,n=`_list_155zi_270`,r=`_header_155zi_299`,i=`_headerTitle_155zi_314`,a=`_disabled_155zi_320`,o=`_headerCount_155zi_330`,s=`_body_155zi_341`,c=`_itemList_155zi_368`,l=`_item_155zi_368`,u=`_checkboxVisual_155zi_382`,d=`_checked_155zi_408`,f=`_active_155zi_425`,p=`_operation_155zi_438`,m=`_button_155zi_450`,h=`_empty_155zi_458`,g={"wim-docs-container":`_wim-docs-container_155zi_129`,"wim-t":`_wim-t_155zi_216`,"react-flow":`_react-flow_155zi_239`,"react-flow__edges":`_react-flow__edges_155zi_240`,"react-flow__connectionline":`_react-flow__connectionline_155zi_241`,container:e,root:t,list:n,header:r,headerTitle:i,disabled:a,headerCount:o,body:s,itemList:c,item:l,checkboxVisual:u,checked:d,active:f,operation:p,button:m,empty:h};exports.active=f,exports.body=s,exports.button=m,exports.checkboxVisual=u,exports.checked=d,exports.container=e,exports.default=g,exports.disabled=a,exports.empty=h,exports.header=r,exports.headerCount=o,exports.headerTitle=i,exports.item=l,exports.itemList=c,exports.list=n,exports.operation=p,exports.root=t;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/Transfer/transfer.module.scss
|
|
3
|
-
var e = "
|
|
4
|
-
"wim-docs-container": "_wim-docs-
|
|
5
|
-
"wim-t": "_wim-
|
|
6
|
-
"react-flow": "_react-
|
|
7
|
-
"react-flow__edges": "_react-
|
|
8
|
-
"react-flow__connectionline": "_react-
|
|
3
|
+
var e = "_container_155zi_247", t = "_root_155zi_253", n = "_list_155zi_270", r = "_header_155zi_299", i = "_headerTitle_155zi_314", a = "_disabled_155zi_320", o = "_headerCount_155zi_330", s = "_body_155zi_341", c = "_itemList_155zi_368", l = "_item_155zi_368", u = "_checkboxVisual_155zi_382", d = "_checked_155zi_408", f = "_active_155zi_425", p = "_operation_155zi_438", m = "_button_155zi_450", h = "_empty_155zi_458", g = {
|
|
4
|
+
"wim-docs-container": "_wim-docs-container_155zi_129",
|
|
5
|
+
"wim-t": "_wim-t_155zi_216",
|
|
6
|
+
"react-flow": "_react-flow_155zi_239",
|
|
7
|
+
"react-flow__edges": "_react-flow__edges_155zi_240",
|
|
8
|
+
"react-flow__connectionline": "_react-flow__connectionline_155zi_241",
|
|
9
9
|
container: e,
|
|
10
10
|
root: t,
|
|
11
11
|
list: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_container_19txj_248`,t=`_root_19txj_252`,n=`_fullWidth_19txj_265`,r=`_label_19txj_269`,i=`_trigger_19txj_276`,a=`_disabled_19txj_289`,o=`_open_19txj_301`,s=`_value_19txj_309`,c=`_placeholder_19txj_310`,l=`_icon_19txj_313`,u=`_clear_19txj_333`,d=`_dropdown_19txj_345`,f=`_treeView_19txj_375`,p=`_treeViewItem_19txj_383`,m=`_treeViewSearch_19txj_386`,h={"wim-docs-container":`_wim-docs-container_19txj_129`,"wim-t":`_wim-t_19txj_216`,"react-flow":`_react-flow_19txj_239`,"react-flow__edges":`_react-flow__edges_19txj_240`,"react-flow__connectionline":`_react-flow__connectionline_19txj_241`,container:e,root:t,fullWidth:n,label:r,trigger:i,disabled:a,open:o,value:s,placeholder:c,icon:l,clear:u,dropdown:d,treeView:f,treeViewItem:p,treeViewSearch:m};exports.clear=u,exports.container=e,exports.default=h,exports.disabled=a,exports.dropdown=d,exports.fullWidth=n,exports.icon=l,exports.label=r,exports.open=o,exports.placeholder=c,exports.root=t,exports.treeView=f,exports.treeViewItem=p,exports.treeViewSearch=m,exports.trigger=i,exports.value=s;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/form/TreeSelect/tree-select.module.scss
|
|
3
|
-
var e = "
|
|
4
|
-
"wim-docs-container": "_wim-docs-
|
|
5
|
-
"wim-t": "_wim-
|
|
6
|
-
"react-flow": "_react-
|
|
7
|
-
"react-flow__edges": "_react-
|
|
8
|
-
"react-flow__connectionline": "_react-
|
|
3
|
+
var e = "_container_19txj_248", t = "_root_19txj_252", n = "_fullWidth_19txj_265", r = "_label_19txj_269", i = "_trigger_19txj_276", a = "_disabled_19txj_289", o = "_open_19txj_301", s = "_value_19txj_309", c = "_placeholder_19txj_310", l = "_icon_19txj_313", u = "_clear_19txj_333", d = "_dropdown_19txj_345", f = "_treeView_19txj_375", p = "_treeViewItem_19txj_383", m = "_treeViewSearch_19txj_386", h = {
|
|
4
|
+
"wim-docs-container": "_wim-docs-container_19txj_129",
|
|
5
|
+
"wim-t": "_wim-t_19txj_216",
|
|
6
|
+
"react-flow": "_react-flow_19txj_239",
|
|
7
|
+
"react-flow__edges": "_react-flow__edges_19txj_240",
|
|
8
|
+
"react-flow__connectionline": "_react-flow__connectionline_19txj_241",
|
|
9
9
|
container: e,
|
|
10
10
|
root: t,
|
|
11
11
|
fullWidth: n,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
var e=`
|
|
2
|
+
var e=`_root_1dtkg_2`,t=`_fixed_1dtkg_9`,n=`_bordered_1dtkg_14`,r=`_glass_1dtkg_17`,i=`_container_1dtkg_21`,a=`_item_1dtkg_29`,o=`_active_1dtkg_47`,s=`_icon_1dtkg_50`,c=`_label_1dtkg_61`,l=`_badge_1dtkg_67`,u={root:e,fixed:t,bordered:n,glass:r,container:i,item:a,active:o,icon:s,label:c,badge:l};exports.active=o,exports.badge=l,exports.bordered=n,exports.container=i,exports.default=u,exports.fixed=t,exports.glass=r,exports.icon=s,exports.item=a,exports.label=c,exports.root=e;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
//#region src/components/navigation/TabBar/tab-bar.module.scss
|
|
3
|
-
var e = "
|
|
3
|
+
var e = "_root_1dtkg_2", t = "_fixed_1dtkg_9", n = "_bordered_1dtkg_14", r = "_glass_1dtkg_17", i = "_container_1dtkg_21", a = "_item_1dtkg_29", o = "_active_1dtkg_47", s = "_icon_1dtkg_50", c = "_label_1dtkg_61", l = "_badge_1dtkg_67", u = {
|
|
4
4
|
root: e,
|
|
5
5
|
fixed: t,
|
|
6
6
|
bordered: n,
|
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.12.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
|
|
|
@@ -143,7 +143,7 @@ const rows = [
|
|
|
143
143
|
{ id: "in_9f2a", name: "Marisol Okonkwo", plan: "Scale", amount: "$4,610.50", status: "paid" },
|
|
144
144
|
{ id: "in_7b41", name: "Dmitri Sørensen", plan: "Enterprise", amount: "$12,199.00", status: "failed" },
|
|
145
145
|
{ id: "in_2a90", name: "Thomas O'Reilly", plan: null, amount: "$89.00", status: "pending" }, // incomplete row
|
|
146
|
-
];
|
|
146
|
+
] as const;
|
|
147
147
|
const intent = { paid: "success", failed: "danger", pending: undefined } as const;
|
|
148
148
|
|
|
149
149
|
export function BillingOverview() {
|
|
@@ -315,7 +315,7 @@ const members = [
|
|
|
315
315
|
{ id: "u_2", name: "Dmitri Sørensen", team: "Platform", role: "member", status: "invited" },
|
|
316
316
|
{ id: "u_3", name: "Aleksandra Wiśniewska-Nowak", team: null, role: "member", status: "active" }, // no team
|
|
317
317
|
{ id: "u_4", name: "Thomas O'Reilly", team: "Growth", role: "member", status: "suspended" }, // non-happy path
|
|
318
|
-
];
|
|
318
|
+
] as const;
|
|
319
319
|
const roleIntent = { admin: "primary", member: undefined } as const;
|
|
320
320
|
const statusIntent = { active: "success", invited: undefined, suspended: "danger" } as const;
|
|
321
321
|
|
|
@@ -3043,4 +3043,12 @@ For bars: one value per bar. For waveform: time-domain samples.
|
|
|
3043
3043
|
- `barCount: number` = 24 — Number of bars — bars mode only (default 24)
|
|
3044
3044
|
- `height: number` = 40 — Rendered height in pixels (default 40)
|
|
3045
3045
|
- `className: string` — Additional CSS class
|
|
3046
|
-
- `sentiment: "neutral" | "positive" | "caution" | "negative" | "informative"` = "neutral" — Sentiment context for coloring (default 'neutral')
|
|
3046
|
+
- `sentiment: "neutral" | "positive" | "caution" | "negative" | "informative"` = "neutral" — Sentiment context for coloring (default 'neutral')
|
|
3047
|
+
|
|
3048
|
+
## Not in scope — deliberately not provided
|
|
3049
|
+
|
|
3050
|
+
These exist in other systems' vocabularies and are **decisions, not gaps**. Do not hand-roll them into a wimui screen; the alternative given is the supported way to express the same intent.
|
|
3051
|
+
|
|
3052
|
+
- **Parallax Scrolling** (aka Parallax, Scroll Parallax, Parallax Hero) — Backgrounds moving at a different speed from the foreground. The motion does not correspond to any change of state, which is what this system animates. If the goal is to show scroll position, show the position. Use `ScrollProgress` instead.
|
|
3053
|
+
- **Text Scramble** (aka Scramble Text, Decrypt Text, Glitch Text) — Randomising characters before settling on the real string. The reader parses the same sentence twice and gets nothing for the lost legibility. The one case where text legitimately arrives character by character is model output, which StreamingText already covers. Use `StreamingText` instead.
|
|
3054
|
+
- **Spring Animation** (aka Spring Physics, Springs, Physics-based Animation) — A physics engine (mass / stiffness / damping props solved in a rAF loop). The bounce curve itself already exists as the `--wim-easing-spring` token, which is what press and swipe-return use. Adding the engine would put physics parameters into the public contract and move motion from CSS to JS. Use `--wim-easing-spring` instead.
|
package/dist/llms.txt
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
## What this is
|
|
6
6
|
|
|
7
|
-
**wimui** v0.
|
|
7
|
+
**wimui** v0.12.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
|
|
|
@@ -143,7 +143,7 @@ const rows = [
|
|
|
143
143
|
{ id: "in_9f2a", name: "Marisol Okonkwo", plan: "Scale", amount: "$4,610.50", status: "paid" },
|
|
144
144
|
{ id: "in_7b41", name: "Dmitri Sørensen", plan: "Enterprise", amount: "$12,199.00", status: "failed" },
|
|
145
145
|
{ id: "in_2a90", name: "Thomas O'Reilly", plan: null, amount: "$89.00", status: "pending" }, // incomplete row
|
|
146
|
-
];
|
|
146
|
+
] as const;
|
|
147
147
|
const intent = { paid: "success", failed: "danger", pending: undefined } as const;
|
|
148
148
|
|
|
149
149
|
export function BillingOverview() {
|
|
@@ -428,5 +428,13 @@ export function BillingOverview() {
|
|
|
428
428
|
- **UsageMeter** — UsageMeter (also exported as TokenCounter) visualizes token consumption against a budget such as a model's context window — a labeled bar plus a numeric readout that shifts to warning and danger colors near the limit. (aka Level Indicator, Capacity Indicator, Meter)
|
|
429
429
|
- **VoiceVisualizer** — Animated voice-level indicator (bars / waveform)
|
|
430
430
|
|
|
431
|
+
## Not in scope — deliberately not provided
|
|
432
|
+
|
|
433
|
+
These exist in other systems' vocabularies and are **decisions, not gaps**. Do not hand-roll them into a wimui screen; the alternative given is the supported way to express the same intent.
|
|
434
|
+
|
|
435
|
+
- **Parallax Scrolling** (aka Parallax, Scroll Parallax, Parallax Hero) — Backgrounds moving at a different speed from the foreground. The motion does not correspond to any change of state, which is what this system animates. If the goal is to show scroll position, show the position. Use `ScrollProgress` instead.
|
|
436
|
+
- **Text Scramble** (aka Scramble Text, Decrypt Text, Glitch Text) — Randomising characters before settling on the real string. The reader parses the same sentence twice and gets nothing for the lost legibility. The one case where text legitimately arrives character by character is model output, which StreamingText already covers. Use `StreamingText` instead.
|
|
437
|
+
- **Spring Animation** (aka Spring Physics, Springs, Physics-based Animation) — A physics engine (mass / stiffness / damping props solved in a rAF loop). The bounce curve itself already exists as the `--wim-easing-spring` token, which is what press and swipe-return use. Adding the engine would put physics parameters into the public contract and move motion from CSS to JS. Use `--wim-easing-spring` instead.
|
|
438
|
+
|
|
431
439
|
---
|
|
432
440
|
For per-component props, types and defaults, see `llms-full.txt`.
|
package/dist/reset.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer reset, base, component, utilities;@layer reset{@media(prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{padding:0;margin:0}button{padding:0;cursor:pointer;background-color:rgba(0,0,0,0);border:none}ol,ul{padding:0;margin:0;list-style:none}a{color:inherit;text-decoration:none}table{border-spacing:0;border-collapse:collapse}blockquote{margin:0}}@layer base{html{text-size-adjust:100%;line-height:1.15;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;scrollbar-gutter:auto}@media(width >= 769px){body{scrollbar-gutter:stable}}body{color:var(--wim-color-text-primary);overflow-wrap:break-word;background-color:var(--wim-color-surface-app);text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;line-height:inherit;touch-action:manipulation}textarea{resize:vertical}rt{font-feature-settings:"palt"}dialog,[popover]{overscroll-behavior-block:contain}:focus-visible{outline:none;border-radius:inherit;box-shadow:var(--wim-shadow-focus)}@media(prefers-reduced-motion: reduce){*,::before,::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}}::-webkit-scrollbar{width:var(--wim-spacing-sm);height:var(--wim-spacing-sm)}::-webkit-scrollbar-track{background:var(--wim-color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--wim-color-scrollbar-thumb);border-radius:var(--wim-radius-full)}::-webkit-scrollbar-thumb:hover{background:oklch(from var(--wim-color-scrollbar-thumb) calc(l * 0.9) c h)}*{scrollbar-color:var(--wim-color-scrollbar-thumb) var(--wim-color-scrollbar-track);scrollbar-width:thin}}.wim-docs-container{padding:24px;color:var(--wim-color-text-primary);background-color:var(--wim-color-surface-app);border-radius:var(--wim-radius-container);transition:background-color var(--wim-duration-base) var(--wim-easing-standard),color var(--wim-duration-base) var(--wim-easing-standard)}.wim-docs-container h1,.wim-docs-container h2,.wim-docs-container h3,.wim-docs-container h4,.wim-docs-container h5,.wim-docs-container h6{margin-top:1.5em;margin-bottom:.5em;color:var(--wim-color-text-primary) !important}.wim-docs-container h1:first-child,.wim-docs-container h2:first-child,.wim-docs-container h3:first-child,.wim-docs-container h4:first-child,.wim-docs-container h5:first-child,.wim-docs-container h6:first-child{margin-top:0}.wim-docs-container p{line-height:1.6;color:var(--wim-color-text-primary) !important}.wim-docs-container ul,.wim-docs-container ol{padding-left:2em;margin:1em 0;color:var(--wim-color-text-primary) !important}.wim-docs-container ul li,.wim-docs-container ol li{margin-bottom:.5em;color:var(--wim-color-text-primary) !important}.wim-docs-container ul li strong,.wim-docs-container ol li strong{color:var(--wim-color-text-primary) !important}.wim-docs-container strong{color:var(--wim-color-text-primary) !important}.wim-docs-container code{font-family:var(--wim-font-family-mono, monospace)}.wim-docs-container code :where(code,pre,kbd,samp){font-family:inherit}.wim-docs-container code{padding:2px 4px;color:var(--wim-color-text-primary) !important;background-color:var(--wim-color-surface-variant);border-radius:var(--wim-radius-component)}.wim-docs-container small{color:var(--wim-color-text-secondary) !important}.wim-docs-container table{width:100%;margin:16px 0;color:var(--wim-color-text-primary) !important;border-collapse:collapse}.wim-docs-container table th,.wim-docs-container table td{padding:12px;color:var(--wim-color-text-primary) !important;background-color:var(--wim-color-surface);border:1px solid var(--wim-color-border)}.wim-docs-container table th strong,.wim-docs-container table td strong{color:var(--wim-color-text-primary) !important}.wim-docs-container table th{font-weight:600;background-color:var(--wim-color-surface-variant)}.wim-docs-container a{color:var(--wim-color-
|
|
1
|
+
@layer reset, base, component, utilities;@layer reset{@media(prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{padding:0;margin:0}button{padding:0;cursor:pointer;background-color:rgba(0,0,0,0);border:none}ol,ul{padding:0;margin:0;list-style:none}a{color:inherit;text-decoration:none}table{border-spacing:0;border-collapse:collapse}blockquote{margin:0}}@layer base{html{text-size-adjust:100%;line-height:1.15;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;scrollbar-gutter:auto}@media(width >= 769px){body{scrollbar-gutter:stable}}body{color:var(--wim-color-text-primary);overflow-wrap:break-word;background-color:var(--wim-color-surface-app);text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;line-height:inherit;touch-action:manipulation}textarea{resize:vertical}rt{font-feature-settings:"palt"}dialog,[popover]{overscroll-behavior-block:contain}:focus-visible{outline:none;border-radius:inherit;box-shadow:var(--wim-shadow-focus)}@media(prefers-reduced-motion: reduce){*,::before,::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}}::-webkit-scrollbar{width:var(--wim-spacing-sm);height:var(--wim-spacing-sm)}::-webkit-scrollbar-track{background:var(--wim-color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--wim-color-scrollbar-thumb);border-radius:var(--wim-radius-full)}::-webkit-scrollbar-thumb:hover{background:oklch(from var(--wim-color-scrollbar-thumb) calc(l * 0.9) c h)}*{scrollbar-color:var(--wim-color-scrollbar-thumb) var(--wim-color-scrollbar-track);scrollbar-width:thin}}.wim-docs-container{padding:24px;color:var(--wim-color-text-primary);background-color:var(--wim-color-surface-app);border-radius:var(--wim-radius-container);transition:background-color var(--wim-duration-base) var(--wim-easing-standard),color var(--wim-duration-base) var(--wim-easing-standard)}.wim-docs-container h1,.wim-docs-container h2,.wim-docs-container h3,.wim-docs-container h4,.wim-docs-container h5,.wim-docs-container h6{margin-top:1.5em;margin-bottom:.5em;color:var(--wim-color-text-primary) !important}.wim-docs-container h1:first-child,.wim-docs-container h2:first-child,.wim-docs-container h3:first-child,.wim-docs-container h4:first-child,.wim-docs-container h5:first-child,.wim-docs-container h6:first-child{margin-top:0}.wim-docs-container p{line-height:1.6;color:var(--wim-color-text-primary) !important}.wim-docs-container ul,.wim-docs-container ol{padding-left:2em;margin:1em 0;color:var(--wim-color-text-primary) !important}.wim-docs-container ul li,.wim-docs-container ol li{margin-bottom:.5em;color:var(--wim-color-text-primary) !important}.wim-docs-container ul li strong,.wim-docs-container ol li strong{color:var(--wim-color-text-primary) !important}.wim-docs-container strong{color:var(--wim-color-text-primary) !important}.wim-docs-container code{font-family:var(--wim-font-family-mono, monospace)}.wim-docs-container code :where(code,pre,kbd,samp){font-family:inherit}.wim-docs-container code{padding:2px 4px;color:var(--wim-color-text-primary) !important;background-color:var(--wim-color-surface-variant);border-radius:var(--wim-radius-component)}.wim-docs-container small{color:var(--wim-color-text-secondary) !important}.wim-docs-container table{width:100%;margin:16px 0;color:var(--wim-color-text-primary) !important;border-collapse:collapse}.wim-docs-container table th,.wim-docs-container table td{padding:12px;color:var(--wim-color-text-primary) !important;background-color:var(--wim-color-surface);border:1px solid var(--wim-color-border)}.wim-docs-container table th strong,.wim-docs-container table td strong{color:var(--wim-color-text-primary) !important}.wim-docs-container table th{font-weight:600;background-color:var(--wim-color-surface-variant)}.wim-docs-container a{color:var(--wim-color-text-accent)}.wim-t code{display:inline-block;padding:3px 5px;font-family:var(--wim-font-family-mono, monospace)}.wim-t code :where(code,pre,kbd,samp){font-family:inherit}.wim-t code{font-size:var(--wim-font-size-xs);line-height:1;vertical-align:middle;color:var(--wim-color-text-primary) !important;background-color:oklch(from var(--wim-color-text-primary) l c h/0.01);border:1px solid oklch(from var(--wim-color-text-primary) l c h/0.05);border-radius:var(--wim-radius-sm)}.react-flow svg,.react-flow__edges svg,svg.react-flow__connectionline{display:unset !important;max-width:unset !important;height:unset !important}@layer utilities{.no-scrollbar{scrollbar-width:none !important;-ms-overflow-style:none !important}.no-scrollbar::-webkit-scrollbar{display:none !important}.subtle-scrollbar{scrollbar-color:var(--wim-color-scrollbar-thumb) var(--wim-color-scrollbar-track) !important;scrollbar-width:thin !important}.subtle-scrollbar::-webkit-scrollbar{width:var(--wim-spacing-lg) !important;height:var(--wim-spacing-lg) !important}.subtle-scrollbar::-webkit-scrollbar-track{background:var(--wim-color-scrollbar-track) !important}.subtle-scrollbar::-webkit-scrollbar-thumb{background-color:var(--wim-color-scrollbar-thumb) !important;background-clip:content-box !important;border:1px solid rgba(0,0,0,0) !important;border-radius:var(--wim-radius-lg) !important}.subtle-scrollbar::-webkit-scrollbar-thumb:hover{background-color:oklch(from var(--wim-color-scrollbar-thumb) calc(l * 0.9) c h) !important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-nowrap{white-space:nowrap}.flex-center{display:flex !important;align-items:center !important;justify-content:center !important}.expand-click-area{position:relative}.expand-click-area::before{position:absolute;inset:calc(-1*var(--wim-spacing-lg));content:""}.unselectable{user-select:none}.pointer-events-none{pointer-events:none}.glass-sm{background:var(--wim-glass-bg);border:1px solid var(--wim-glass-border);backdrop-filter:blur(var(--wim-blur-sm))}.glass-md{background:var(--wim-glass-bg);border:1px solid var(--wim-glass-border);box-shadow:var(--wim-shadow-sm);backdrop-filter:blur(var(--wim-blur-md))}.glass-lg{background:var(--wim-glass-bg);border:1px solid var(--wim-glass-border);box-shadow:var(--wim-shadow-md);backdrop-filter:blur(var(--wim-blur-xl))}}body{font-family:var(--wim-font-family-default);font-optical-sizing:auto;font-feature-settings:normal;font-kerning:auto;line-height:var(--wim-line-height-normal);word-spacing:0;letter-spacing:0;line-break:normal;word-break:normal;text-wrap:pretty;overflow-wrap:anywhere;text-size-adjust:100%;text-spacing-trim:normal}body[lang=ja]{font-family:var(--wim-font-family-ja);font-feature-settings:"palt";line-height:var(--wim-line-height-normal-jp);hyphens:manual;line-break:auto}body[lang=ja] p,body[lang=ja] li,body[lang=ja] dd,body[lang=ja] dt{-webkit-line-break:strict;line-break:strict;word-break:break-all}body[lang=ja] h1,body[lang=ja] h2,body[lang=ja] h3,body[lang=ja] h4,body[lang=ja] h5,body[lang=ja] h6{-webkit-line-break:strict;line-break:strict}body[lang=en]{font-family:var(--wim-font-family-en);line-height:var(--wim-line-height-normal);hyphens:auto}body[lang=en] h1,body[lang=en] h2,body[lang=en] h3,body[lang=en] h4,body[lang=en] h5,body[lang=en] h6{hyphens:manual}body[lang=pt]{font-family:var(--wim-font-family-pt);line-height:var(--wim-line-height-normal);hyphens:auto}body[lang=pt] h1,body[lang=pt] h2,body[lang=pt] h3,body[lang=pt] h4,body[lang=pt] h5,body[lang=pt] h6{hyphens:manual}.font-size-ex-large{font-size:var(--wim-font-size-xl)}.font-size-large{font-size:var(--wim-font-size-lg)}.font-size-medium{font-size:var(--wim-font-size-md)}.font-size-small{font-size:var(--wim-font-size-sm)}.font-size-ex-small{font-size:var(--wim-font-size-xs)}.text-color-white{color:var(--wim-color-white)}.text-color-deepgray{color:var(--wim-color-text-primary)}.text-color-gray{color:var(--wim-color-text-secondary)}.text-color-lightgray{color:var(--wim-color-text-tertiary)}.text-color-black{color:var(--wim-color-surface-app)}.text-color-error{color:var(--wim-color-text-danger)}.font-weight-normal{font-weight:var(--wim-font-weight-normal)}.font-weight-bold{font-weight:var(--wim-font-weight-bold)}.font-style-normal{font-style:normal}.font-style-italic{font-style:italic}.font-lines-loose-jpan{line-height:var(--wim-line-height-loose-jp)}.font-lines-normal-jpan{line-height:var(--wim-line-height-normal-jp)}.font-lines-tight-jpan{line-height:var(--wim-line-height-tight-jp)}.font-lines-loose-latn{line-height:var(--wim-line-height-loose)}.font-lines-normal-latn{line-height:var(--wim-line-height-normal)}.font-lines-tight-latn{line-height:var(--wim-line-height-tight)}
|