@s_and_a/arrow-ui-design-remix 0.1.7 → 0.1.10

package/dist/covers.generated.d.ts

@@ -16,7 +16,7 @@ export declare const covers: {
     readonly ArBottomNav: "1.1.0";
     readonly ArBreadcrumb: "1.0.0";
     readonly ArButton: "1.0.0";
-    readonly ArCalendar: "1.2.0";
+    readonly ArCalendar: "1.3.0";
     readonly ArCard: "1.1.0";
     readonly ArCarousel: "1.0.0";
     readonly ArCascader: "1.0.0";
@@ -45,7 +45,7 @@ export declare const covers: {
     readonly ArEmpty: "1.0.0";
     readonly ArExample: "1.0.0";
     readonly ArField: "1.0.0";
-    readonly ArFlagGroup: "1.1.0";
+    readonly ArFlagGroup: "1.2.0";
     readonly ArFlagView: "1.0.0";
     readonly ArFloatButton: "1.0.0";
     readonly ArForm: "1.0.0";
@@ -58,7 +58,7 @@ export declare const covers: {
     readonly ArKanaText: "1.0.0";
     readonly ArLayout: "1.0.0";
     readonly ArLink: "1.0.0";
-    readonly ArList: "1.0.0";
+    readonly ArList: "1.1.0";
     readonly ArLogoSpin: "1.0.0";
     readonly ArMapPreview: "1.0.0";
     readonly ArMentions: "1.0.0";
@@ -75,8 +75,10 @@ export declare const covers: {
     readonly ArOtpInput: "1.0.0";
     readonly ArPageHeading: "1.0.0";
     readonly ArPagination: "1.0.0";
-    readonly ArParagraph: "1.0.0";
-    readonly ArPayslip: "1.0.0";
+    readonly ArParagraph: "1.1.0";
+    readonly ArPayslip: "1.1.0";
+    readonly ArPayslipLine: "1.0.0";
+    readonly ArPayslipTable: "1.0.0";
     readonly ArPdfViewer: "1.0.0";
     readonly ArPeriodBox: "1.0.0";
     readonly ArPeriodNav: "1.1.0";
@@ -87,17 +89,17 @@ export declare const covers: {
     readonly ArProfileCard: "1.0.0";
     readonly ArProgress: "1.0.0";
     readonly ArPunchButton: "1.0.0";
-    readonly ArPunchPanel: "1.0.0";
+    readonly ArPunchPanel: "1.1.0";
     readonly ArQRCode: "1.0.0";
     readonly ArRadio: "1.1.0";
     readonly ArRadioGroup: "1.2.0";
     readonly ArRate: "1.0.0";
     readonly ArResult: "1.0.0";
     readonly ArRibbon: "1.0.0";
-    readonly ArRichTextEditor: "1.0.0";
+    readonly ArRichTextEditor: "1.1.0";
     readonly ArSaveBar: "1.0.0";
     readonly ArSectionHead: "1.0.0";
-    readonly ArSectionMenu: "1.0.0";
+    readonly ArSectionMenu: "1.1.0";
     readonly ArSegmented: "1.2.0";
     readonly ArSelect: "1.3.0";
     readonly ArShiftChart: "1.0.0";
@@ -121,26 +123,26 @@ export declare const covers: {
     readonly ArText: "1.0.0";
     readonly ArTextarea: "1.1.0";
     readonly ArTextInput: "1.1.0";
-    readonly ArThumbnail: "1.1.0";
+    readonly ArThumbnail: "1.3.0";
     readonly ArTimeChart: "1.1.0";
     readonly ArTimeInput: "1.1.0";
     readonly ArTimeline: "1.0.0";
     readonly ArTimePicker: "1.0.0";
-    readonly ArTimeRange: "1.1.0";
+    readonly ArTimeRange: "1.3.0";
     readonly ArTitle: "1.0.0";
     readonly ArToast: "1.0.0";
     readonly ArTooltip: "1.1.0";
     readonly ArTour: "1.0.0";
     readonly ArTransfer: "1.0.0";
     readonly ArTree: "1.0.0";
-    readonly ArTreeSelect: "1.1.0";
+    readonly ArTreeSelect: "1.2.0";
     readonly ArTreeTable: "1.1.0";
     readonly ArUpload: "1.2.0";
     readonly ArVariablePanel: "1.0.0";
     readonly ArViewOptions: "1.1.0";
     readonly ArWatermark: "1.0.0";
     readonly ArWeekdayPicker: "1.1.0";
-    readonly ArWizard: "1.0.0";
+    readonly ArWizard: "1.2.0";
     readonly ArYearInput: "1.1.0";
     readonly ArYearMonthInput: "1.1.0";
     readonly ArZipInput: "1.2.0";

package/dist/covers.generated.js

@@ -17,7 +17,7 @@ export const covers = {
     ArBottomNav: "1.1.0",
     ArBreadcrumb: "1.0.0",
     ArButton: "1.0.0",
-    ArCalendar: "1.2.0",
+    ArCalendar: "1.3.0",
     ArCard: "1.1.0",
     ArCarousel: "1.0.0",
     ArCascader: "1.0.0",
@@ -46,7 +46,7 @@ export const covers = {
     ArEmpty: "1.0.0",
     ArExample: "1.0.0",
     ArField: "1.0.0",
-    ArFlagGroup: "1.1.0",
+    ArFlagGroup: "1.2.0",
     ArFlagView: "1.0.0",
     ArFloatButton: "1.0.0",
     ArForm: "1.0.0",
@@ -59,7 +59,7 @@ export const covers = {
     ArKanaText: "1.0.0",
     ArLayout: "1.0.0",
     ArLink: "1.0.0",
-    ArList: "1.0.0",
+    ArList: "1.1.0",
     ArLogoSpin: "1.0.0",
     ArMapPreview: "1.0.0",
     ArMentions: "1.0.0",
@@ -76,8 +76,10 @@ export const covers = {
     ArOtpInput: "1.0.0",
     ArPageHeading: "1.0.0",
     ArPagination: "1.0.0",
-    ArParagraph: "1.0.0",
-    ArPayslip: "1.0.0",
+    ArParagraph: "1.1.0",
+    ArPayslip: "1.1.0",
+    ArPayslipLine: "1.0.0",
+    ArPayslipTable: "1.0.0",
     ArPdfViewer: "1.0.0",
     ArPeriodBox: "1.0.0",
     ArPeriodNav: "1.1.0",
@@ -88,17 +90,17 @@ export const covers = {
     ArProfileCard: "1.0.0",
     ArProgress: "1.0.0",
     ArPunchButton: "1.0.0",
-    ArPunchPanel: "1.0.0",
+    ArPunchPanel: "1.1.0",
     ArQRCode: "1.0.0",
     ArRadio: "1.1.0",
     ArRadioGroup: "1.2.0",
     ArRate: "1.0.0",
     ArResult: "1.0.0",
     ArRibbon: "1.0.0",
-    ArRichTextEditor: "1.0.0",
+    ArRichTextEditor: "1.1.0",
     ArSaveBar: "1.0.0",
     ArSectionHead: "1.0.0",
-    ArSectionMenu: "1.0.0",
+    ArSectionMenu: "1.1.0",
     ArSegmented: "1.2.0",
     ArSelect: "1.3.0",
     ArShiftChart: "1.0.0",
@@ -122,26 +124,26 @@ export const covers = {
     ArText: "1.0.0",
     ArTextarea: "1.1.0",
     ArTextInput: "1.1.0",
-    ArThumbnail: "1.1.0",
+    ArThumbnail: "1.3.0",
     ArTimeChart: "1.1.0",
     ArTimeInput: "1.1.0",
     ArTimeline: "1.0.0",
     ArTimePicker: "1.0.0",
-    ArTimeRange: "1.1.0",
+    ArTimeRange: "1.3.0",
     ArTitle: "1.0.0",
     ArToast: "1.0.0",
     ArTooltip: "1.1.0",
     ArTour: "1.0.0",
     ArTransfer: "1.0.0",
     ArTree: "1.0.0",
-    ArTreeSelect: "1.1.0",
+    ArTreeSelect: "1.2.0",
     ArTreeTable: "1.1.0",
     ArUpload: "1.2.0",
     ArVariablePanel: "1.0.0",
     ArViewOptions: "1.1.0",
     ArWatermark: "1.0.0",
     ArWeekdayPicker: "1.1.0",
-    ArWizard: "1.0.0",
+    ArWizard: "1.2.0",
     ArYearInput: "1.1.0",
     ArYearMonthInput: "1.1.0",
     ArZipInput: "1.2.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_and_a/arrow-ui-design-remix",
-  "version": "0.1.7",
+  "version": "0.1.10",
   "description": "ARROW UI の design：remix",
   "type": "module",
   "sideEffects": [
@@ -25,7 +25,7 @@
     "build": "tsc -p tsconfig.build.json"
   },
   "peerDependencies": {
-    "@s_and_a/arrow-ui": "0.1.4"
+    "@s_and_a/arrow-ui": "^0.1.10"
   },
   "dependencies": {
     "@s_and_a/arrow-ui-tokens": "0.1.2"

package/src/parts/ArApprovalFlow.css

@@ -36,7 +36,14 @@
 
 [data-ar-design="remix"] [data-ar="approval-flow"][data-layout="list"] [data-part="body"]>[data-part="title"]>[data-ar="icon"]{display:none}
 [data-ar-design="remix"] [data-ar="approval-flow"][data-layout="list"] [data-part="status"]{max-width:100%;height:auto;min-height:22px;white-space:normal;overflow-wrap:anywhere}
-[data-ar-design="remix"] [data-ar="approval-flow"][data-detailed][data-layout="row"] [data-part="step"]{padding:12px;border-radius:12px;gap:6px}
+[data-ar-design="remix"] [data-ar="approval-flow"][data-detailed][data-layout="row"]{align-items:stretch}
+[data-ar-design="remix"] [data-ar="approval-flow"][data-detailed][data-layout="row"]>[data-part="item"]{align-items:stretch}
+[data-ar-design="remix"] [data-ar="approval-flow"][data-detailed][data-layout="row"] [data-part="step"]{height:auto;padding:12px;border-radius:12px;gap:6px;min-width:150px}
+@media(max-width:600px){
+  [data-ar-design="remix"] [data-ar="approval-flow"][data-detailed][data-layout="row"]{flex-direction:column}
+  [data-ar-design="remix"] [data-ar="approval-flow"][data-detailed][data-layout="row"]>[data-part="item"]{flex-direction:column;width:100%;gap:4px}
+  [data-ar-design="remix"] [data-ar="approval-flow"][data-detailed][data-layout="row"] [data-part="sep"]{transform:rotate(90deg);align-self:center}
+}
 [data-ar-design="remix"] [data-ar="approval-flow"][data-detailed][data-layout="row"] [data-part="status"]{font-size:12px;color:var(--ar-color-text-secondary)}
 [data-ar-design="remix"] [data-ar="approval-flow"] [data-part="details"]{font-size:13px;line-height:1.5}
 @media(max-width:600px){[data-ar-design="remix"] [data-ar="approval-flow"][data-layout="list"] [data-part="step"]{grid-template-columns:minmax(0,1fr)}[data-ar-design="remix"] [data-ar="approval-flow"][data-layout="list"] [data-part="status"]{justify-self:start}}

package/src/parts/ArCalendar.css

@@ -1,4 +1,4 @@
-/* @covers ArCalendar 1.2.0 */
+/* @covers ArCalendar 1.3.0 */
 /* ArCalendar：デザインシステムの .ad-calf（角丸12・線の枠・見出しの段 8/10 と下線、曜日は淡いテーマ色の 28px、マスは 54px・線 #F0F3F6・12px 中太の数字、
    今日はテーマ色の 20px の丸、選んだ日は acc-25 の地と 1.5px の枠、前後の月は #A3AEB9）と .ev（行事の印）、.seg（月／年の切り替え）。 */
 [data-ar-design="remix"] [data-ar="calendar"]:not([data-variant="board"],[data-size="mini"]){border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--ar-color-border);overflow:hidden;color:var(--ar-color-text);font-size:14px;line-height:1.5}

package/src/parts/ArCard.css

@@ -2,8 +2,10 @@
 /* ArCard（band＝.v-card＋.v-band＋.v-tabs、elevated・outlined＝.ad-card、plain＝.stat の小さな線の箱） */
 [data-ar-design="remix"] [data-ar="card"]{font-feature-settings:"palt" 1;background:var(--ar-color-surface);color:var(--ar-color-text)}
 
+/* clip keeps rounded content inside the card without making it a scroll container.
+   Sticky navigation in the body must follow the page scroll. */
 /* band：白・角丸18・影。帯は54px・18px太字・字間0.08em、テーマ色の120度のやわらかいグラデーションに淡い白の丸 */
-[data-ar-design="remix"] [data-ar="card"][data-variant="band"]{border-radius:18px;box-shadow:var(--ar-shadow-card);overflow:hidden}
+[data-ar-design="remix"] [data-ar="card"][data-variant="band"]{border-radius:18px;box-shadow:var(--ar-shadow-card);overflow:clip}
 [data-ar-design="remix"] [data-ar="card"][data-variant="band"]>[data-part="head"]{position:relative;overflow:hidden;flex:none;flex-wrap:nowrap;height:54px;padding:0 16px;justify-content:center;background:linear-gradient(120deg,var(--ar-accent-hi) 0%,var(--ar-accent) 45%,var(--ar-accent-strong) 100%);color:var(--ar-on-accent);text-shadow:var(--ar-on-accent-shadow)}
 [data-ar-design="remix"] [data-ar="card"][data-variant="band"]>[data-part="head"]::before,[data-ar-design="remix"] [data-ar="card"][data-variant="band"]>[data-part="head"]::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
 [data-ar-design="remix"] [data-ar="card"][data-variant="band"]>[data-part="head"]::before{right:-30px;top:-46px;width:150px;height:150px;background:rgba(255,255,255,.10)}
@@ -20,7 +22,7 @@
 [data-ar-design="remix"] [data-ar="card"][data-variant="band"][data-size="sm"]>[data-part="body"]{--ar-card-pad-x:12px;padding:12px}
 
 /* elevated・outlined：白・角丸18（影か線）。見出しの行は下に線、本文は灰色の13px */
-[data-ar-design="remix"] [data-ar="card"]:is([data-variant="elevated"],[data-variant="outlined"]){border-radius:18px;overflow:hidden}
+[data-ar-design="remix"] [data-ar="card"]:is([data-variant="elevated"],[data-variant="outlined"]){border-radius:18px;overflow:clip}
 [data-ar-design="remix"] [data-ar="card"][data-variant="elevated"]{box-shadow:var(--ar-shadow-card)}
 [data-ar-design="remix"] [data-ar="card"][data-variant="outlined"]{box-shadow:inset 0 0 0 1px var(--ar-color-border)}
 [data-ar-design="remix"] [data-ar="card"]:is([data-variant="elevated"],[data-variant="outlined"])>[data-part="head"]{gap:8px;flex-wrap:nowrap;padding:12px 16px;border-bottom:1px solid var(--ar-color-border-subtle)}

package/src/parts/ArDocumentBlock.css

@@ -5,3 +5,5 @@
 [data-ar-design="remix"] [data-ar="document-block"]>[data-part="arrow"]>[data-ar="icon"]{width:28px;height:28px;stroke-width:2}
 [data-ar-design="remix"] [data-ar="document-block"]>[data-part="box"]{margin:8px 0;padding:16px 20px;border-radius:12px;background:var(--ar-color-surface);box-shadow:inset 0 0 0 1px var(--ar-color-border)}
 [data-ar-design="remix"] [data-ar="document-block"]>[data-part="box"]>[data-part="title"]{margin-bottom:8px;font-size:15px;font-weight:700;line-height:1.5;text-align:center}@media (max-width:499px){[data-ar-design="remix"] [data-ar="document-block"]>[data-part="box"]{padding:12px 14px}}
+[data-ar-design="remix"] [data-ar="document-block"][data-variant="step"]>[data-part="box"]{margin:0;padding:14px 16px}
+[data-ar-design="remix"] [data-ar="document-block"][data-variant="step"]>[data-part="box"]>[data-part="title"]{text-align:start;font-size:13px}

package/src/parts/ArField.css

@@ -6,7 +6,7 @@
 [data-ar-design="remix"] [data-ar="field"][data-layout="inline"]{column-gap:14px;align-items:center}
 [data-ar-design="remix"] [data-ar="field"][data-layout="inline"]>[data-part="label"]{justify-content:flex-end;min-width:0;overflow-wrap:anywhere;gap:4px;font-size:13.5px;font-weight:600;line-height:20.25px;text-align:right}
 [data-ar-design="remix"] [data-ar="field"]>[data-part="label"]>[data-part="required"]{display:block;flex:none;padding:0 5px;border-radius:4px;background:var(--ar-color-danger-subtle);color:var(--ar-color-danger-ink);font-size:11px;font-weight:700;line-height:18px}
-[data-ar-design="remix"] [data-ar="field"]>[data-part="control"]>[data-part="help"]{margin-top:4px;font-size:12px;line-height:18px;color:var(--ar-color-text-muted)}
+[data-ar-design="remix"] [data-ar="field"]>[data-part="control"]>[data-part="help"]{margin-top:4px;font-size:12px;line-height:18px;color:var(--ar-color-text-muted);white-space:pre-line;overflow-wrap:anywhere}
 [data-ar-design="remix"] [data-ar="field"]>[data-part="control"]>[data-part="error"]{display:flex;gap:6px;align-items:center;margin-top:6px;font-size:12.5px;font-weight:600;line-height:18.75px;color:var(--ar-color-danger-ink)}
 [data-ar-design="remix"] [data-ar="field"]>[data-part="control"]>[data-part="error"]>[data-ar="icon"]{flex:none}
 /* toolbar：シフト画面の .v-st（12.5px 600・mute・入力との間 8px） */

package/src/parts/ArFlagGroup.css

@@ -1,4 +1,4 @@
-/* @covers ArFlagGroup 1.1.0, ArFlagView 1.0.0 */
+/* @covers ArFlagGroup 1.2.0, ArFlagView 1.0.0 */
 /* チェックの並びの間は _choice.css（ArCheckboxGroup と同じ段） */
 /* 立っている項目は小さな札で並べる */
 [data-ar-design="remix"] [data-ar="flag-view"]{gap:4px}

package/src/parts/ArItem.css

@@ -44,3 +44,6 @@
 [data-ar-design="remix"] [data-ar="item"][data-variant="row"]>[data-part="content"]>[data-part="info"]>[data-part="detail"]>[data-ar="icon"]{width:15px;height:15px}
 [data-ar-design="remix"] [data-ar="item"]>[data-part="aside"]{gap:4px;padding-top:6px}
 [data-ar-design="remix"] [data-ar="item"]>[data-part="aside"]>[data-part="changed"]{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;background:var(--ar-accent-subtle);color:var(--ar-accent-ink);font-size:12px;font-weight:700;line-height:18px;white-space:nowrap}@media (max-width:768px){[data-ar-design="remix"] [data-ar="item"][data-variant="row"]{gap:8px;padding:14px 4px}[data-ar-design="remix"] [data-ar="item"][data-variant="row"]>[data-part="title"]{padding-top:0}[data-ar-design="remix"] [data-ar="item"]>[data-part="aside"]{padding-top:0}}
+
+/* An explicit Stack gap owns spacing between its direct form rows. */
+[data-ar-design="remix"] [data-ar="stack"]:not([data-gap="0"])>[data-ar="item"]{margin-bottom:0}

package/src/parts/ArList.css

@@ -1,4 +1,4 @@
-/* @covers ArList 1.0.0 */
+/* @covers ArList 1.1.0 */
 /* ArList（.ad-listy：角丸12・線、行は10/14の余白・12の間・区切りは line-2、名前 13.5 太字、説明 12px 灰色、操作は右。グループの見出しは acc-50 の地に acc-ink の 11.5px 太字） */
 [data-ar-design="remix"] [data-ar="list"]{font-feature-settings:"palt" 1;color:var(--ar-color-text);font-size:13px;line-height:1.5}
 [data-ar-design="remix"] [data-ar="list"][data-bordered]{border-radius:12px;box-shadow:inset 0 0 0 1px var(--ar-color-border);background:var(--ar-color-surface);overflow:hidden}
@@ -12,6 +12,6 @@
 [data-ar-design="remix"] [data-ar="list"]>[data-part="viewport"]>[data-part="group"]>[data-part="items"]>[data-part="item"]>[data-part="meta"]>[data-part="title"]{font-size:13.5px;font-weight:700}
 [data-ar-design="remix"] [data-ar="list"]>[data-part="viewport"]>[data-part="group"]>[data-part="items"]>[data-part="item"]>[data-part="meta"]>[data-part="description"]{font-size:12px;color:var(--ar-color-text-muted)}
 [data-ar-design="remix"] [data-ar="list"]>[data-part="viewport"]>[data-part="group"]>[data-part="items"]>[data-part="item"]>[data-part="actions"]{gap:4px;color:var(--ar-accent-ink);font-size:12.5px;font-weight:600}
-[data-ar-design="remix"] [data-ar="list"]>[data-part="viewport"]>[data-part="group"]>[data-part="items"]>[data-part="item"][data-state~="off"]>[data-part="meta"]{color:var(--ar-color-text-faint)}
+[data-ar-design="remix"] [data-ar="list"]>[data-part="viewport"]>[data-part="group"]>[data-part="items"]>[data-part="item"][data-state~="off"]>[data-part="meta"]{color:var(--ar-color-text-muted)}
 [data-ar-design="remix"] [data-ar="list"][data-size="sm"]>[data-part="viewport"]>[data-part="group"]>[data-part="items"]>[data-part="item"]{gap:10px;padding:7px 12px}
 [data-ar-design="remix"] [data-ar="list"][data-size="sm"]>[data-part="viewport"]>[data-part="group"]>[data-part="items"]>[data-part="item"]>[data-part="meta"]>[data-part="title"]{font-size:13px}

package/src/parts/ArModal.css

@@ -12,9 +12,6 @@
 [data-ar-design="remix"] [data-ar="modal"]>[data-part="panel"]>[data-part="header"]>[data-part="icon"][data-tone="warn"]{color:#E39A2D}
 [data-ar-design="remix"] [data-ar="modal"]>[data-part="panel"]>[data-part="header"]>[data-part="icon"][data-tone="danger"]{color:var(--ar-color-danger)}
 [data-ar-design="remix"] [data-ar="modal"]>[data-part="panel"]>[data-part="header"]>[data-part="icon"][data-tone="ok"]{color:var(--ar-color-ok)}
-/* 確かめ（confirm）：説明は ink-2 寄りの13px、足は右寄せで左右16px */
-[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="header"]>[data-part="heading"]>[data-part="description"]{margin-top:4px;line-height:1.6}
-[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="footer"]{padding:12px 16px}
 /* 手順 .stpr（頭の下の行。左に切り替えなどを置ける） */
 [data-ar-design="remix"] [data-ar="modal"]>[data-part="panel"]>[data-part="nav"]{gap:10px;padding:10px 22px;border-bottom:1px solid var(--ar-color-border)}
 [data-ar-design="remix"] [data-ar="modal"]>[data-part="panel"]>[data-part="nav"][data-toolbar]{padding:12px 22px}
@@ -64,3 +61,19 @@
   [data-ar-design="remix"] [data-ar="modal"][data-mobile="fullscreen"]>[data-part="panel"]>[data-part="footer"]>[data-part="footer-start"]:has([data-part="note"]){flex-basis:100%}
   [data-ar-design="remix"] [data-ar="modal"][data-mobile="fullscreen"]>[data-part="panel"]>[data-part="footer"]>[data-part="footer-end"]>[data-part="note"]{flex-basis:100%}
 }
+
+/* 確認：共通デザイン原稿の一枚のカード。入力フォームの帯・区切り線を使わない。 */
+[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="header"]{flex-direction:column;align-items:flex-start;gap:12px;padding:22px 22px 12px;border:0}
+[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="header"]>[data-part="icon"]{align-items:center;justify-content:center;width:36px;height:36px;margin:0;border-radius:10px;background:var(--ar-accent-subtle)}
+[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="header"]>[data-part="icon"][data-tone="warn"]{background:color-mix(in srgb,#E39A2D 10%,var(--ar-color-surface))}
+[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="header"]>[data-part="icon"][data-tone="danger"]{background:color-mix(in srgb,var(--ar-color-danger) 10%,var(--ar-color-surface))}
+[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="header"]>[data-part="icon"][data-tone="ok"]{background:color-mix(in srgb,var(--ar-color-ok) 10%,var(--ar-color-surface))}
+[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="header"]>[data-part="heading"]>[data-part="title"]{font-size:16px;line-height:1.5}
+[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="header"]>[data-part="heading"]>[data-part="description"]{margin-top:8px;line-height:1.6}
+[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="body"]{padding:0 22px 16px;font-size:13px;line-height:1.6}
+[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="footer"]{padding:4px 22px 20px;background:var(--ar-color-surface);border:0}
+
+@media(max-width:640px){
+  [data-ar-design="remix"] [data-ar="modal"]>[data-part="panel"]>[data-part="nav"]>[data-part="steps"]{gap:8px}
+  [data-ar-design="remix"] [data-ar="modal"]>[data-part="panel"]>[data-part="nav"]>[data-part="steps"]>[data-part="step"]{font-size:11px;line-height:1.4}
+}

package/src/parts/ArParagraph.css

@@ -1,4 +1,4 @@
-/* @covers ArParagraph 1.0.0 */
+/* @covers ArParagraph 1.1.0 */
 /* ArParagraph：本文 13.5px・行の高さ1.75・ink */
 [data-ar-design="remix"] [data-ar="paragraph"]{margin:0;font-size:13.5px;line-height:1.75;color:var(--ar-color-text);font-feature-settings:"palt" 1}
 [data-ar-design="remix"] [data-ar="paragraph"][data-size="sm"]{font-size:12.5px;line-height:1.6}

package/src/parts/ArPayslip.css

@@ -1,4 +1,4 @@
-/* @covers ArPayslip 1.0.0 */
+/* @covers ArPayslip 1.1.0, ArPayslipTable 1.0.0, ArPayslipLine 1.0.0 */
 /* ArPayslip（マイページ・給与賞与報酬の明細書：白い紙・角丸14・線と下の1px・padding 18・間14。見出しは 20px/700・字間.1em、下にテーマ色の2pxの線。
    表（.lst）は角丸12・線、頭は acc-50 の地に acc-ink の 11.5px/700。行は高さ38・名前 12.5px ink-2・値は太字の数字。合計の行は acc-25 の地。下の箱（.stat）は角丸12・線・名前11.5px・値15px（差引支給額は22px と acc-50 の地）） */
 [data-ar-design="remix"] [data-ar="payslip"]{gap:14px;padding:18px;border-radius:14px;background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--ar-color-border),0 1px 0 var(--ar-color-border);color:var(--ar-color-text);font-family:var(--ar-font-family);font-size:13px;line-height:1.5}
@@ -51,6 +51,14 @@
 [data-ar-design="remix"] [data-ar="payslip"]>[data-part="totals"]>[data-part="total"]>dd>[data-part="diff"][data-sign="zero"]{color:var(--ar-color-text-muted)}
 [data-ar-design="remix"] [data-ar="payslip"]>[data-part="totals"]>[data-part="total"][data-state~="emphasis"]{background:var(--ar-accent-subtle)}
 [data-ar-design="remix"] [data-ar="payslip"]>[data-part="totals"]>[data-part="total"][data-state~="emphasis"]>dd{font-size:22px}
-@media (max-width:767px){[data-ar-design="remix"] [data-ar="payslip"]{padding:14px 12px}[data-ar-design="remix"] [data-ar="payslip"]>[data-part="totals"]{order:-1}}
+@media (max-width:767px){[data-ar-design="remix"] [data-ar="payslip"]{padding:14px 12px}}
 
 [data-ar-design="remix"] [data-ar="payslip"]>[data-part="totals"]{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
+/* 狭い明細は見出し→合計→内訳。画面幅ではなく配置先の幅を基準にする。 */
+@container ar-payslip (max-width:599px){
+  [data-ar-design="remix"] [data-ar="payslip"]>[data-part="totals"]{order:1;grid-template-columns:repeat(2,minmax(0,1fr))}
+  [data-ar-design="remix"] [data-ar="payslip"]>[data-part="columns"]{order:2}
+  [data-ar-design="remix"] [data-ar="payslip"]>[data-part="totals"]>[data-part="total"]{min-width:0;overflow-wrap:anywhere}
+  [data-ar-design="remix"] [data-ar="payslip"]>[data-part="totals"]>[data-part="total"][data-state~="emphasis"]>dd{font-size:18px}
+}
+@container ar-payslip (max-width:259px){[data-ar-design="remix"] [data-ar="payslip"]>[data-part="totals"]{grid-template-columns:minmax(0,1fr)}}

package/src/parts/ArProfileCard.css

@@ -38,3 +38,6 @@
     flex: none;
   }
 }
+
+[data-ar-design="remix"] [data-ar="profile-card"][data-layout="compact"] [data-part="name"]{font-size:18px}
+[data-ar-design="remix"] [data-ar="profile-card"][data-layout="compact"] [data-ar="descriptions"]>[data-part="list"]>[data-part="item"]{padding:4px 8px;border-radius:6px;background:var(--ar-color-surface-alt)}

package/src/parts/ArPunchPanel.css

@@ -1,2 +1,4 @@
-/* @covers ArPunchPanel 1.0.0 */
+/* @covers ArPunchPanel 1.1.0 */
 [data-ar-design="remix"] [data-ar="punch-panel"] [data-part="clock"]{font-size:clamp(22px,4vw,42px);font-weight:800;line-height:1.5;color:var(--ar-color-text)}
+[data-ar-design="remix"] [data-ar="punch-panel"][data-date-separated="true"] [data-part="clock"]{font-size:clamp(36px,6vw,52px);line-height:1.1}
+[data-ar-design="remix"] [data-ar="punch-panel"] [data-part="date"]{font-size:13px;font-weight:600;color:var(--ar-color-text)}

package/src/parts/ArRichTextEditor.css

@@ -1,4 +1,4 @@
-/* @covers ArRichTextEditor 1.0.0 */
+/* @covers ArRichTextEditor 1.1.0 */
 /* ArRichTextEditor：書類集計キャンバスの自作書類の編集（.edw 角丸12・field の内側の線、.tbar #F8FAFC の段 6px 8px と下線、.tb 高さ32 角丸8 700 12.5px・乗せると白、
    .tb.av テーマ色の塗り、.tsep 1×20、.edbody #E9EDF1 の地 18px、.pdfs 白い紙 560px 40px 44px・明朝 11.5px・表の線 #888、.vv 変数の札、.edft 下の段 12px）と、
    通知キャンバスのメールテンプレートの編集（線 #E6EBF0 の枠・30px の「ARROW 差し込み項目」・.v-ib 30px の元に戻す・右端の「194文字」・本文 500 13.5px 行1.9 の 14px 16px）。 */

package/src/parts/ArSectionMenu.css

@@ -1,2 +1,4 @@
-/* @covers ArSectionMenu 1.0.0 */
+/* @covers ArSectionMenu 1.1.0 */
 /* Composed from the active design’s public controls. */
+
+[data-ar-design="remix"] [data-ar="section-menu"] > [data-part="navigation"] [data-ar="menu"][data-mode="inline"] > [data-part="item"]{height:auto;min-height:38px;line-height:1.5;padding-top:8px;padding-bottom:8px}

package/src/parts/ArStatistic.css

@@ -8,6 +8,7 @@
 [data-ar-design="remix"] [data-ar="statistic"]>[data-part="content"]>[data-part="trend"]{font-size:14px;line-height:1.5}
 [data-ar-design="remix"] [data-ar="statistic"]>[data-part="content"]>[data-part="trend"][data-trend="up"]{color:var(--ar-color-ok)}
 [data-ar-design="remix"] [data-ar="statistic"]>[data-part="content"]>[data-part="trend"][data-trend="down"]{color:var(--ar-color-danger-ink)}
+[data-ar-design="remix"] [data-ar="statistic"]>[data-part="content"]>[data-part="trend"]:is([data-tone="neutral"],[data-trend="flat"]){color:var(--ar-color-text-secondary)}
 [data-ar-design="remix"] [data-ar="statistic"]>[data-part="content"]>[data-part="trend"]>[data-ar="icon"]{width:15px;height:15px}
 [data-ar-design="remix"] [data-ar="statistic"][data-tone="ok"]>[data-part="content"]{color:var(--ar-color-ok)}
 [data-ar-design="remix"] [data-ar="statistic"][data-tone="warn"]>[data-part="content"]{color:var(--ar-color-warn)}

package/src/parts/ArSteps.css

@@ -20,6 +20,7 @@
 [data-ar-design="remix"] [data-ar="steps"]>[data-part="step"]>[data-part="body"]:focus-visible{outline:0;box-shadow:0 0 0 3px var(--ar-accent-ring);border-radius:8px}
 [data-ar-design="remix"] [data-ar="steps"][data-size="mini"]{gap:8px}
 [data-ar-design="remix"] [data-ar="steps"][data-size="mini"]>[data-part="connector"]{width:18px;height:1px;background:var(--ar-color-border)}
+[data-ar-design="remix"] [data-ar="steps"][data-size="mini"][data-compact] [data-part="title"]{font-size:12px;line-height:1.5}
 [data-ar-design="remix"] [data-ar="steps"][data-size="mini"]>[data-part="step"]>[data-part="body"]{gap:7px;font-size:13px;font-weight:600;color:var(--ar-color-text-muted)}
 [data-ar-design="remix"] [data-ar="steps"][data-size="mini"]>[data-part="step"]>[data-part="body"]>[data-part="icon"]{width:24px;height:24px;border-radius:50%;background:#EEF1F5;color:var(--ar-color-text-secondary);font-size:12px}
 [data-ar-design="remix"] [data-ar="steps"][data-size="mini"]>[data-part="step"]:is([data-status="process"],[data-status="finish"],[data-status="error"])>[data-part="body"]{color:var(--ar-color-text)}

package/src/parts/ArThumbnail.css

@@ -1,4 +1,4 @@
-/* @covers ArThumbnail 1.1.0 */
+/* @covers ArThumbnail 1.3.0 */
 /* 顔写真：四角は角丸14・丸、写真がないときは淡い灰の面に人の形。カメラは右下の白い丸（32）にテーマ色の線 */
 [data-ar-design="remix"] [data-ar="thumbnail"]>:is([data-part="image"],[data-part="silhouette"]){border-radius:14px;box-shadow:inset 0 0 0 1px rgba(31,41,51,.06)}
 [data-ar-design="remix"] [data-ar="thumbnail"]>[data-part="image"]{border:1px solid var(--ar-color-border)}

package/src/parts/ArTimeInput.css

@@ -1,4 +1,4 @@
-/* @covers ArTimeInput 1.1.0, ArTimeRange 1.1.0 */
+/* @covers ArTimeInput 1.1.0, ArTimeRange 1.3.0 */
 /* ArTimeInput：.tin（枠 field・600 14px）。［当日］は #F1F4F7 の 700 11px、［前日］は橙。
    大きさの段はほかの入力と同じ sm 30／md 36／lg 42・角丸 9／10／11（デザインシステムの .tin は 32／36／40・角丸9 だが、横に並べてそろえるため段に合わせた）。文字は .tin どおり 13／14／15px。 */
 [data-ar-design="remix"] [data-ar="time-input"]{height:var(--ar-size-control-md);border:1px solid var(--ar-color-field);border-radius:10px;background:#fff;transition:border-color var(--ar-motion-fast),box-shadow var(--ar-motion-fast)}

package/src/parts/ArTreeSelect.css

@@ -1,4 +1,4 @@
-/* @covers ArTreeSelect 1.1.0 */
+/* @covers ArTreeSelect 1.2.0 */
 /* ArTreeSelect：押す所は ArSelect と同じ（ArSelect.css）。木（.ad-tree）は行30px・角丸7・間6・字下げ22px、開く印は18px幅の mute。
    チェック（.chk）は18px・角丸5・枠 #AEB9C4、チェック・一部は テーマ色の塗りに白い印。1つ選ぶときの選んだ行は淡いテーマ色の太字。 */
 [data-ar-design="remix"] [data-ar="tree-select-panel"]>[data-part="list"]>[data-part="node"]{gap:6px;height:30px;padding:0 8px 0 calc(var(--ar-tree-level,0) * 22px);border-radius:7px;font-size:13.5px;line-height:20.25px;color:var(--ar-color-text)}

package/src/parts/ArWizard.css

@@ -1,2 +1,14 @@
-/* @covers ArWizard 1.0.0 */
+/* @covers ArWizard 1.2.0 */
 /* Composed from the active design’s public controls. */
+
+[data-ar-design="remix"] [data-ar="wizard"][data-layout="form"] {
+  inline-size: 100%;
+  max-inline-size: 48rem;
+  margin-inline: auto;
+}
+[data-ar-design="remix"] [data-ar="wizard"][data-layout="form"] > [data-part="actions"] {
+  justify-content: space-between;
+}
+[data-ar-design="remix"] [data-ar="wizard"][data-layout="form"] > [data-part="actions"] > [data-tone="primary"] {
+  margin-inline-start: auto;
+}