@s_and_a/arrow-ui-design-classic 0.1.8 → 0.1.9

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-classic",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "ARROW UI の design：classic",
   "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/ArAlert.css

@@ -27,7 +27,9 @@
 [data-ar-design="classic"] [data-ar="alert"][data-tone="neutral"]>[data-part="icon"]{-webkit-mask:none;mask:none;background:none;color:rgba(0,0,0,.45)}
 [data-ar-design="classic"] [data-ar="alert"][data-tone="neutral"]>[data-part="icon"]>*{display:revert}
 [data-ar-design="classic"] [data-ar="alert"]:not([data-titled]){min-height:40px}
-[data-ar-design="classic"] [data-ar="alert"]:not([data-banner]){width:fit-content}
+/* Size containment needs a definite width; let the message share a row with its icon. */
+[data-ar-design="classic"] [data-ar="alert"]:has(>[data-part="action"])>[data-part="content"]{flex:1 1 0}
+[data-ar-design="classic"] [data-ar="alert"]:not([data-banner]):not(:has(>[data-part="action"])){width:fit-content}
 [data-ar-design="classic"] [data-ar="alert"][data-titled]{align-items:flex-start;padding:20px 24px;gap:12px}
 [data-ar-design="classic"] [data-ar="alert"][data-titled]>[data-part="icon"]{width:24px;height:24px}
 [data-ar-design="classic"] [data-ar="alert"][data-titled][data-tone="info"]>[data-part="icon"]{width:24px;height:24px;background-color:#1677FF;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2264%2064%20896%20896%22%3E%3Cpath%20d%3D%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448%20448-200.6%20448-448S759.4%2064%20512%2064zm0%20820c-205.4%200-372-166.6-372-372s166.6-372%20372-372%20372%20166.6%20372%20372-166.6%20372-372%20372z%22%2F%3E%3Cpath%20d%3D%22M464%20336a48%2048%200%201096%200%2048%2048%200%2010-96%200zm72%20112h-48c-4.4%200-8%203.6-8%208v272c0%204.4%203.6%208%208%208h48c4.4%200%208-3.6%208-8V456c0-4.4-3.6-8-8-8z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2264%2064%20896%20896%22%3E%3Cpath%20d%3D%22M512%2064C264.6%2064%2064%20264.6%2064%20512s200.6%20448%20448%20448%20448-200.6%20448-448S759.4%2064%20512%2064zm0%20820c-205.4%200-372-166.6-372-372s166.6-372%20372-372%20372%20166.6%20372%20372-166.6%20372-372%20372z%22%2F%3E%3Cpath%20d%3D%22M464%20336a48%2048%200%201096%200%2048%2048%200%2010-96%200zm72%20112h-48c-4.4%200-8%203.6-8%208v272c0%204.4%203.6%208%208%208h48c4.4%200%208-3.6%208-8V456c0-4.4-3.6-8-8-8z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}

package/src/parts/ArAppHeader.css

@@ -62,6 +62,7 @@
 [data-ar-design="classic"] [data-ar="mobile-header"]>[data-part="notice"]>[data-part="count"]>[data-part="count"]{width:20px;min-width:20px;height:20px;padding:0;border-radius:10px;background:red;color:#fff;font-size:9px;font-weight:600;line-height:20px;box-shadow:none}
 /* 下のメニュー（959px 以下の footer_inner_slim：#ECECEC・高さ65（下に15）・上に 2px の線、今いる項目は線とアイコンと名前が項目の色） */
 [data-ar-design="classic"] [data-ar="bottom-nav"]{height:65px;padding-bottom:15px;background:#ECECEC;font-family:"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif}
+[data-ar-design="classic"] [data-ar="bottom-nav"][data-fixed]{height:calc(65px + env(safe-area-inset-bottom,0px));padding-bottom:calc(15px + env(safe-area-inset-bottom,0px))}
 [data-ar-design="classic"] [data-ar="bottom-nav"]>[data-part="item"]{justify-content:flex-start;height:100%;padding:7px;border-top:2px solid #ECECEC;background:none;color:#5C5C5C;font-size:8px;font-weight:600;line-height:1}
 [data-ar-design="classic"] [data-ar="bottom-nav"]>[data-part="item"]>[data-part="icon"]{width:20px;height:20px;flex:none}
 [data-ar-design="classic"] [data-ar="bottom-nav"]>[data-part="item"]>[data-part="label"]{margin-top:4px}

package/src/parts/ArCalendar.css

@@ -1,4 +1,4 @@
-/* @covers ArCalendar 1.2.0 */
+/* @covers ArCalendar 1.3.0 */
 /* ArCalendar：今の ARROW の Calendar.vue（シフト・勤怠のカレンダー）。7列、曜日の見出しは高さ30・15px 太さ600・淡いテーマ色の地（シフト #F2F8FC）・日は赤 / 土は青、
    マスは高さ100・余白3・枠 0.5px lightgray・中央寄せ、日付は 30px の丸（#F0F0F0・14px 太さ600）、今日はテーマ色の丸に白、選んだ日は 3px のテーマ色の枠と #D9EEFF の地、
    乗せると #E6F3FC、前後の月は lightgray、行事は高さ18・角丸4・色の帯に白い 10px（refs/classic/arrow-Calendar*.png・rules/arrow-Calendar.css を実測）。

package/src/parts/ArCollapse.css

@@ -8,10 +8,10 @@
 [data-ar-design="classic"] [data-ar="collapse"]>[data-part="panel"]>[data-part="header"]>[data-part="trigger"]:disabled{color:rgba(0,0,0,.25)}
 [data-ar-design="classic"] [data-ar="collapse"]>[data-part="panel"]>[data-part="header"]>[data-part="trigger"]:focus-visible{outline:2px solid #91CAFF;outline-offset:1px}
 [data-ar-design="classic"] [data-ar="collapse"]>[data-part="panel"]>[data-part="body"]{padding:0;font-size:13px;line-height:13px}
-/* 今の見出し（antd の ghost）：高さ32の中で文字は上（行20.43）、矢印は antd の RightOutlined（12px の塗り）を高さ32の真ん中に置く。文字と矢印の間 12px */
-[data-ar-design="classic"] [data-ar="collapse"]>[data-part="panel"]>[data-part="header"]>[data-part="trigger"]{align-items:flex-start;height:32px;min-height:0;padding:0;line-height:20.43px}
-[data-ar-design="classic"] [data-ar="collapse"]>[data-part="panel"]>[data-part="header"]>[data-part="trigger"]>[data-part="arrow"]{margin-top:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2264%2064%20896%20896%22%3E%3Cpath%20d%3D%22M765.7%20486.8L314.9%20134.7A7.97%207.97%200%2000302%20141v77.3c0%204.9%202.3%209.6%206.1%2012.6l360%20281.1-360%20281.1c-3.9%203-6.1%207.7-6.1%2012.6V883c0%206.6%207.6%2010.3%2012.9%206.3l450.8-352.1a31.96%2031.96%200%20000-50.4z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2264%2064%20896%20896%22%3E%3Cpath%20d%3D%22M765.7%20486.8L314.9%20134.7A7.97%207.97%200%2000302%20141v77.3c0%204.9%202.3%209.6%206.1%2012.6l360%20281.1-360%20281.1c-3.9%203-6.1%207.7-6.1%2012.6V883c0%206.6%207.6%2010.3%2012.9%206.3l450.8-352.1a31.96%2031.96%200%20000-50.4z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
+/* 今の見出し（antd の ghost）：最小高さ32で長い見出しは折り返す。矢印は antd の RightOutlined（12px の塗り）を中央に置き、文字との間は12px */
+[data-ar-design="classic"] [data-ar="collapse"]>[data-part="panel"]>[data-part="header"]>[data-part="trigger"]{align-items:center;height:auto;min-height:32px;padding:4px 0;line-height:20.43px}
+[data-ar-design="classic"] [data-ar="collapse"]>[data-part="panel"]>[data-part="header"]>[data-part="trigger"]>[data-part="arrow"]{margin-top:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2264%2064%20896%20896%22%3E%3Cpath%20d%3D%22M765.7%20486.8L314.9%20134.7A7.97%207.97%200%2000302%20141v77.3c0%204.9%202.3%209.6%206.1%2012.6l360%20281.1-360%20281.1c-3.9%203-6.1%207.7-6.1%2012.6V883c0%206.6%207.6%2010.3%2012.9%206.3l450.8-352.1a31.96%2031.96%200%20000-50.4z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2264%2064%20896%20896%22%3E%3Cpath%20d%3D%22M765.7%20486.8L314.9%20134.7A7.97%207.97%200%2000302%20141v77.3c0%204.9%202.3%209.6%206.1%2012.6l360%20281.1-360%20281.1c-3.9%203-6.1%207.7-6.1%2012.6V883c0%206.6%207.6%2010.3%2012.9%206.3l450.8-352.1a31.96%2031.96%200%20000-50.4z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
 [data-ar-design="classic"] [data-ar="collapse"]>[data-part="panel"]>[data-part="header"]>[data-part="trigger"]>[data-part="arrow"]>*{display:none}
 /* 1.1 見出しのボタンの外の右（header-extra）：見出しと同じ高さ32・間 8px。見出しの部品（#title）は今の #header と同じく文字の行に置く */
-[data-ar-design="classic"] [data-ar="collapse"]>[data-part="panel"]>[data-part="header"]>[data-part="header-extra"]{gap:8px;height:32px;padding-left:8px;font-size:13px}
+[data-ar-design="classic"] [data-ar="collapse"]>[data-part="panel"]>[data-part="header"]>[data-part="header-extra"]{gap:8px;min-height:32px;padding-left:8px;font-size:13px}
 [data-ar-design="classic"] [data-ar="collapse"]>[data-part="panel"]>[data-part="header"]>[data-part="trigger"]>[data-part="title"]{gap:4px}

package/src/parts/ArDocumentBlock.css

@@ -6,3 +6,6 @@
 [data-ar-design="classic"] [data-ar="document-block"]>[data-part="arrow"]>[data-ar="icon"]{width:55px;height:50.8px}
 [data-ar-design="classic"] [data-ar="document-block"]>[data-part="box"]{margin:10px auto;padding:10px 15px;border:2px solid gray;border-radius:10px;background:#fff}
 [data-ar-design="classic"] [data-ar="document-block"]>[data-part="box"]>[data-part="title"]{margin-bottom:5px;color:#000;font-size:15px;font-weight:600;line-height:30px;text-align:center}@media (max-width:499px){[data-ar-design="classic"] [data-ar="document-block"]>[data-part="box"]{padding:5px 8px}[data-ar-design="classic"] [data-ar="document-block"]>[data-part="arrow"]>[data-ar="icon"]{width:35px;height:32.3px}[data-ar-design="classic"] [data-ar="document-block"]>[data-part="box"]>[data-part="title"]{font-size:12px;line-height:25px}}
+[data-ar-design="classic"] [data-ar="document-block"][data-variant="step"]>[data-part="box"]>[data-part="title"]{text-align:start}
+
+[data-ar-design="classic"] [data-ar="document-block"][data-variant="step"]>[data-part="box"]{margin:0}

package/src/parts/ArField.css

@@ -11,7 +11,7 @@
 [data-ar-design="classic"] [data-ar="field"][data-layout="inline"]>[data-part="label"][data-empty]::after{content:none}
 [data-ar-design="classic"] [data-ar="field"]>[data-part="label"]:has(>[data-part="required"])::before{content:"*" / "";display:inline-block;margin-inline-end:4px;color:#FF4D4F;font-family:SimSun,sans-serif;font-size:14px;line-height:1}
 [data-ar-design="classic"] [data-ar="field"]>[data-part="label"]>[data-part="required"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
-[data-ar-design="classic"] [data-ar="field"]>[data-part="control"]>[data-part="help"]{font-size:14px;color:rgba(0,0,0,.45);line-height:22px}
+[data-ar-design="classic"] [data-ar="field"]>[data-part="control"]>[data-part="help"]{font-size:14px;color:rgba(0,0,0,.45);line-height:22px;white-space:pre-line;overflow-wrap:anywhere}
 [data-ar-design="classic"] [data-ar="field"]>[data-part="control"]>[data-part="error"]{font-size:13px;color:#FF4D4F;line-height:13px}
 [data-ar-design="classic"] [data-ar="field"]>[data-part="control"]>[data-part="error"]>[data-ar="icon"]{display:none}
 /* toolbar：今の画面の「店舗：」「表示」（13px・黒・コロン） */

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 */
 /* 今の Flag（ui-Flag：Check を inline-block・行30で並べる）と FlagView（ui-FlagView：13px の黒・行32・名前の間10） */
 [data-ar-design="classic"] [data-ar="flag-group"]{column-gap:0;line-height:30px}
 [data-ar-design="classic"] [data-ar="flag-group"][data-direction="vertical"]{row-gap:0}

package/src/parts/ArFloatButton.css

@@ -6,7 +6,7 @@
 [data-ar-design="classic"] [data-ar="float-button"][data-tone="primary"]:hover{background:var(--ar-accent-hi)}
 [data-ar-design="classic"] [data-ar="float-button"]:focus-visible{outline:2px solid #91CAFF;outline-offset:1px}
 /* 右下に固定するときは antd と同じ 右24・下48 */
-[data-ar-design="classic"] [data-ar="float-button"][data-fixed]{bottom:48px}
+[data-ar-design="classic"] [data-ar="float-button"][data-fixed]{bottom:var(--ar-float-button-bottom,48px)}
 /* アイコンは 18px（antd の FloatButton） */
 [data-ar-design="classic"] [data-ar="float-button"] [data-part="icon"]{width:18px;height:18px}
 /* 並び（グループ）：antd の FloatButton.Group（丸）と同じく、丸を 16px あけて縦に並べる（つないだ1本にはしない） */

package/src/parts/ArItem.css

@@ -30,3 +30,6 @@
 [data-ar-design="classic"] [data-ar="item"]>[data-part="aside"]>[data-part="changed"]{border-color:#91CAFF;background:#E6F4FF;color:#0958D9}
 [data-ar-design="classic"] [data-ar="item"][data-variant="row"]{column-gap:0}
 [data-ar-design="classic"] [data-ar="item"][data-variant="row"]>[data-part="content"]>[data-part="info"]>[data-part="detail"]>[data-ar="icon"]{display:none}
+
+/* An explicit Stack gap owns spacing between its direct form rows. */
+[data-ar-design="classic"] [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（素の ant-design-vue 4 の List bordered：角丸8・#D9D9D9 の枠、見出し・行は 12/24 の余白、下に rgba(5,5,5,.06) の線、丸32＋16、名前 14px、説明 14px rgba(0,0,0,.45)、操作は #1677FF） */
 /* 文字は ARROW の地の書体（今の画面は div・li・h4 に游ゴシックが当たる）。見出し・足は div の 13px（行の高さ 13px）。 */
 [data-ar-design="classic"] [data-ar="list"]{color:rgba(0,0,0,.88);font-family:"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3",メイリオ,sans-serif;font-size:14px;line-height:22px}
@@ -14,7 +14,7 @@
 [data-ar-design="classic"] [data-ar="list"]>[data-part="viewport"]>[data-part="group"]>[data-part="items"]>[data-part="item"]>[data-part="actions"]{gap:16px;margin-left:48px;padding-right:8px;color:rgba(0,0,0,.45)}
 /* 頭文字の丸は antd の meta と同じく上にそろえる（操作は行の中央） */
 [data-ar-design="classic"] [data-ar="list"]>[data-part="viewport"]>[data-part="group"]>[data-part="items"]>[data-part="item"]>[data-part="avatar"]{align-self:flex-start}
-[data-ar-design="classic"] [data-ar="list"]>[data-part="viewport"]>[data-part="group"]>[data-part="items"]>[data-part="item"][data-state~="off"]>[data-part="meta"]{color:rgba(0,0,0,.25)}
+[data-ar-design="classic"] [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="classic"] [data-ar="list"][data-size="sm"]>[data-part="viewport"]>[data-part="group"]>[data-part="items"]>[data-part="item"]{padding:8px 16px}
 
 @container ar-list (max-width:480px){

package/src/parts/ArModal.css

@@ -81,3 +81,8 @@
   [data-ar-design="classic"] [data-ar="modal"][data-variant="default"]>[data-part="panel"]>[data-part="footer"]>[data-part="footer-end"]{flex:1}
   [data-ar-design="classic"] [data-ar="modal"][data-variant="default"]>[data-part="panel"]>[data-part="footer"]>[data-part="footer-end"]>[data-ar="button"]{flex:1}
 }
+
+@media(max-width:640px){
+  [data-ar-design="classic"] [data-ar="modal"]>[data-part="panel"]>[data-part="nav"]>[data-part="steps"]{gap:8px}
+  [data-ar-design="classic"] [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：ant-design-vue 4 の Typography.Paragraph（14px・1.5714・下に1em） */
 [data-ar-design="classic"] [data-ar="paragraph"]{margin:0 0 1em;font-size:14px;line-height:1.5714;color:rgba(0,0,0,.88)}
 [data-ar-design="classic"] [data-ar="paragraph"][data-size="sm"]{font-size:12px}

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（今の ARROW の給与明細の紙 .payment_slip：白・padding 25。左上に水色の札「給与明細書」（310×35・#9ad1e2・白の22px/600）、会社名 20px/600、
    見出しの表は 17px で下に #9ad1e2 の3pxの線、項目の札は #ddd の 12px。4列の表 .slip_table（列の間0.6%）：線 1px #4daac3・行の高さ33・15px、
    頭と合計の名前は #cbe9f4 の地・600・均等割り付け、行の名前は #cbe9f4 の地・600・左寄せ、値は右寄せ。表と表の間32px。手で直した金額は緑） */

package/src/parts/ArPunchPanel.css

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

package/src/parts/ArRichTextEditor.css

@@ -1,4 +1,4 @@
-/* @covers ArRichTextEditor 1.0.0 */
+/* @covers ArRichTextEditor 1.1.0 */
 /* ArRichTextEditor：今の ARROW の Froala 4.2.1（MailTemplateContent.vue・CustomDocumentContent.vue。froala_editor.pkgd.min.css と本番 index.html の地の文字）を実測。
    枠は角丸10・#CCCCCC の1px。ツールバーは白・高さ50（上の枠1・ボタンの段48・下に左右9pxをあけた #EFEFEF の1pxの線）・ボタンは 38×40・外側 4px 2px・角丸4・#333 の 24px の塗りの絵、
    乗せると #EBEBEB、押している（太字など）は絵が #0098F7、開いたメニューのボタンは #D6D6D6、元に戻せないときは #BDBDBD で薄さ .3。まとまりの間は 12px と 17px（区切りの線はない）・最後のまとまりは右端。

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="classic"] [data-ar="section-menu"] > [data-part="navigation"] [data-ar="menu"][data-mode="inline"] > [data-part="item"]{height:auto;min-height:40px;line-height:1.5;padding-top:8px;padding-bottom:8px}

package/src/parts/ArStatistic.css

@@ -8,6 +8,7 @@
 [data-ar-design="classic"] [data-ar="statistic"]>[data-part="content"]>[data-part="trend"]{gap:2px;font-size:16px}
 [data-ar-design="classic"] [data-ar="statistic"]>[data-part="content"]>[data-part="trend"][data-trend="up"]{color:#3F8600}
 [data-ar-design="classic"] [data-ar="statistic"]>[data-part="content"]>[data-part="trend"][data-trend="down"]{color:#CF1322}
+[data-ar-design="classic"] [data-ar="statistic"]>[data-part="content"]>[data-part="trend"]:is([data-tone="neutral"],[data-trend="flat"]){color:rgba(0,0,0,.65)}
 [data-ar-design="classic"] [data-ar="statistic"]>[data-part="content"]>[data-part="trend"]>[data-ar="icon"]{width:14px;height:14px}
 [data-ar-design="classic"] [data-ar="statistic"][data-tone="ok"]>[data-part="content"]{color:#3F8600}
 [data-ar-design="classic"] [data-ar="statistic"][data-tone="warn"]>[data-part="content"]{color:#D48806}

package/src/parts/ArSteps.css

@@ -34,6 +34,7 @@
 [data-ar-design="classic"] [data-ar="steps"][data-size="mini"]{gap:12px}
 [data-ar-design="classic"] [data-ar="steps"][data-size="mini"]>[data-part="step"]>[data-part="body"]{gap:8px}
 [data-ar-design="classic"] [data-ar="steps"][data-size="mini"]>[data-part="connector"]{width:32px;height:1px;background:rgba(5,5,5,.06)}
+[data-ar-design="classic"] [data-ar="steps"][data-size="mini"][data-compact] [data-part="title"]{font-size:12px;line-height:1.5}
 /* 今の Step は手順の帯の上 20px・下 15px、左右に幅の 2% の余白（.step_wrap） */
 [data-ar-design="classic"] [data-ar="steps"]:not([data-direction="vertical"]):not([data-size="mini"]){margin:20px 0 15px;padding-inline:2%;box-sizing:border-box}
 /* 縦のときも、エラーの丸は × の絵だけにする（数字の「!」が重ならないように） */

package/src/parts/ArThumbnail.css

@@ -1,4 +1,4 @@
-/* @covers ArThumbnail 1.1.0 */
+/* @covers ArThumbnail 1.3.0 */
 /* 今の Thumbnail（ui-Thumbnail.png）：1px の黒い枠、写真がないときは #A7A7A7 に白い塗りの人の形、右下 3px に 30px の rgba(0,0,0,.6) の丸いカメラ */
 [data-ar-design="classic"] [data-ar="thumbnail"]{border:1px solid #000}
 [data-ar-design="classic"] [data-ar="thumbnail"][data-shape="circle"],[data-ar-design="classic"] [data-ar="thumbnail"][data-shape="circle"]>:is([data-part="image"],[data-part="silhouette"]){border-radius:50%}

package/src/parts/ArTimeInput.css

@@ -1,4 +1,4 @@
-/* @covers ArTimeInput 1.1.0, ArTimeRange 1.1.0, ArDurationInput 1.1.0 */
+/* @covers ArTimeInput 1.1.0, ArTimeRange 1.3.0, ArDurationInput 1.1.0 */
 /* ArTimeInput（ui-Time）。classic は forms で fields: "split"・dayToggle: "link"（今の形）を選ぶ。
    下の single（1つの箱）の決まりは、forms を外したときの形（箱の値は今の Input と同じ）。 */
 [data-ar-design="classic"] [data-ar="time-input"]{height:32px;align-items:center;gap:3px;border:0;border-radius:0;background:none;box-shadow:none;font:13px/32px "Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;color:#000;overflow:visible}
@@ -13,7 +13,7 @@
 [data-ar-design="classic"] [data-ar="time-input"]>[data-part="day-toggle"]{padding:0;border:0;background:none;color:#1677FF;font:13px/32px "Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif}
 [data-ar-design="classic"] [data-ar="time-input"]>[data-part="day-toggle"]:hover:not(:disabled){color:#4096FF}
 [data-ar-design="classic"] [data-ar="time-input"]>[data-part="day-toggle"]:disabled{color:rgba(0,0,0,.25)}
-[data-ar-design="classic"] [data-ar="time-input"][data-state~="note"]>[data-part="note"]{height:30px;padding:0 8px;border:1px dashed #D9D9D9;border-radius:6px;font-size:12px;line-height:28px;color:rgba(0,0,0,.45);box-sizing:border-box}
+[data-ar-design="classic"] [data-ar="time-input"][data-state~="note"]>[data-part="note"]{height:30px;padding:0 8px;border:1px dashed #D9D9D9;border-radius:6px;font-size:12px;line-height:28px;color:var(--ar-color-text-secondary);box-sizing:border-box}
 [data-ar-design="classic"] [data-ar="time-input"][data-size="lg"]{height:40px}
 [data-ar-design="classic"] [data-ar="time-input"][data-block]>[data-part="input"]{width:auto}
 /* ArTimeRange：2つの時刻を「〜」（13px の黒）でつなぐ */

package/src/parts/ArTreeSelect.css

@@ -1,4 +1,4 @@
-/* @covers ArTreeSelect 1.1.0 */
+/* @covers ArTreeSelect 1.2.0 */
 /* ArTreeSelect（今の ARROW の TreeSelect＝antd 4 の TreeSelect）：押す所は Select と同じ。プルダウンは余白 8px 4px・角丸8。
    行は高さ34・字下げ24px、名前は余白 5px 12px・角丸6・14px、選んだ行は #e6f4ff。チェックは 16px・角丸4・枠 #d9d9d9、チェックは #1677ff。 */
 [data-ar-design="classic"] [data-ar="tree-select-panel"]{padding:8px 4px}

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="classic"] [data-ar="wizard"][data-layout="form"] {
+  inline-size: 100%;
+  max-inline-size: 52rem;
+  margin-inline: auto;
+}
+[data-ar-design="classic"] [data-ar="wizard"][data-layout="form"] > [data-part="actions"] {
+  justify-content: space-between;
+}
+[data-ar-design="classic"] [data-ar="wizard"][data-layout="form"] > [data-part="actions"] > [data-tone="primary"] {
+  margin-inline-start: auto;
+}

package/src/parts/product/box.css

@@ -307,14 +307,7 @@ input[type="number"]:where([data-ar-design="classic"], [data-ar-design="classic"
   display: block;
   clear: both;
 }
-#for_top
-  a:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  display: none;
-  position: fixed;
-  bottom: 0px;
-  right: 50px;
-  z-index: 3;
-}
+
 p.attention:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
   font-size: 18px;
   font-weight: 600;

package/src/parts/product/text.css

@@ -572,86 +572,6 @@
 /* @end-component */
 
 /* @component src/Component/EmployeeSelectTable/EmployeeSelectTableInner.vue#0 */
-.detail_search_button_wrap[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  width: 175px;
-}
-.detail_search_wrap[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  margin-bottom: 10px;
-}
-table
-  th.check[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  width: 80px;
-  max-width: 80px;
-  min-width: 80px;
-}
-table
-  th.code[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  width: 100px;
-  max-width: 100px;
-  min-width: 100px;
-}
-table
-  th.name[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  width: 150px;
-  max-width: 150px;
-  min-width: 150px;
-}
-table
-  th.hiring_type[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  width: 150px;
-  max-width: 150px;
-  min-width: 150px;
-}
-table
-  th.branch_id[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  width: 150px;
-  max-width: 150px;
-  min-width: 150px;
-}
-table
-  th.status[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  width: 200px;
-  max-width: 200px;
-  min-width: 200px;
-}
-@media screen and (max-width: 499px) {
-  table
-    th.check[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-    width: 65px;
-    max-width: 65px;
-    min-width: 65px;
-  }
-  table
-    th.code[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-    width: 70px;
-    max-width: 70px;
-    min-width: 70px;
-  }
-  table
-    th.name[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-    width: 120px;
-    max-width: 120px;
-    min-width: 120px;
-  }
-  table
-    th.hiring_type[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-    width: 110px;
-    max-width: 110px;
-    min-width: 110px;
-  }
-  table
-    th.branch_id[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-    width: 125px;
-    max-width: 125px;
-    min-width: 125px;
-  }
-  table
-    th.status[data-v-uia0bf9036271d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-    width: 150px;
-    max-width: 150px;
-    min-width: 150px;
-  }
-}
 /* @end-component */
 
 /* @component src/View/Manager/BulkChange/Employee/EmployeeSelectTableWithCondition.vue#0 */

package/src/parts/product/workflow.css

@@ -169,10 +169,6 @@ fieldset[data-v-ui9ae6b325de9c]:where([data-ar-design="classic"], [data-ar-desig
 /* @end-component */
 
 /* @component src/Component/Workflow/ExpenseTableInput.vue#0 */
-.expense_table_input[data-v-ui6c7fe69c7ab9]
-  td:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  vertical-align: top;
-}
 /* @end-component */
 
 /* @component src/Component/Workflow/FieldInput.vue#0 */
@@ -182,9 +178,6 @@ fieldset[data-v-ui9ae6b325de9c]:where([data-ar-design="classic"], [data-ar-desig
 /* @end-component */
 
 /* @component src/Component/Workflow/FieldPreview.vue#0 */
-.field_preview[data-v-ui8dc9c1c223ab]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  opacity: 0.75;
-}
 /* @end-component */
 
 /* @component src/Component/Workflow/HistoryButton.vue#0 */
@@ -209,9 +202,6 @@ fieldset[data-v-ui34a47bbaf561]:where([data-ar-design="classic"], [data-ar-desig
 /* @end-component */
 
 /* @component src/Component/Workflow/ReassignmentEditor.vue#0 */
-fieldset[data-v-ui788c63d2858f]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  border: 0;
-}
 /* @end-component */
 
 /* @component src/Component/Workflow/RequestComparison.vue#0 */
@@ -227,9 +217,6 @@ fieldset[data-v-ui788c63d2858f]:where([data-ar-design="classic"], [data-ar-desig
 /* @end-component */
 
 /* @component src/Component/Workflow/RequestHistory.vue#0 */
-.submission[data-v-ui02ea7d5be25d]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  border-top: 1px solid #ddd;
-}
 /* @end-component */
 
 /* @component src/View/Common/Workflow/Create.vue#0 */
@@ -244,24 +231,9 @@ fieldset[data-v-ui788c63d2858f]:where([data-ar-design="classic"], [data-ar-desig
 /* @end-component */
 
 /* @component src/View/Common/Workflow/McpSettings.vue#0 */
-.field_info[data-v-ui3fcd59d89fce]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  font-size: 11px;
-  color: #5f5f5f;
-}
 /* @end-component */
 
 /* @component src/View/Common/Workflow/Request.vue#0 */
-.draft_help[data-v-ui97c69ad12d87]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  color: #666;
-  font-size: 13px;
-}
-.error[data-v-ui97c69ad12d87]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  background: white;
-  border: 1px solid #ddd;
-}
-.upload_status[data-v-ui97c69ad12d87]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  font-size: 13px;
-}
 /* @end-component */
 
 /* @component src/View/Common/Workflow/Requests.vue#0 */
@@ -281,10 +253,6 @@ fieldset[data-v-ui788c63d2858f]:where([data-ar-design="classic"], [data-ar-desig
 /* @end-component */
 
 /* @component src/View/Manager/Workflow/Component/FieldAnnotation.vue#0 */
-.field_annotation[data-v-ui359b81f9d1a3]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  font-size: 11px;
-  color: #90959a;
-}
 /* @end-component */
 
 /* @component src/View/Manager/Workflow/Component/FieldEditor.vue#0 */
@@ -292,12 +260,6 @@ fieldset[data-v-ui788c63d2858f]:where([data-ar-design="classic"], [data-ar-desig
 /* @end-component */
 
 /* @component src/View/Manager/Workflow/Component/FlowEditor.vue#0 */
-.tag_condition[data-v-ui3b048862611f]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  border-top: 1px solid #ddd;
-}
-.empty[data-v-ui3b048862611f]:where([data-ar-design="classic"], [data-ar-design="classic"] *) {
-  border: 1px solid #ddd;
-}
 /* @end-component */
 
 /* @component src/View/Manager/Workflow/Component/FlowPreview.vue#0 */