@s_and_a/arrow-ui-design-remix 0.1.11 → 0.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/covers.generated.d.ts +5 -5
- package/dist/covers.generated.js +5 -5
- package/package.json +2 -2
- package/src/parts/ArAffix.css +2 -2
- package/src/parts/ArAppHeader.css +5 -5
- package/src/parts/ArBadge.css +1 -1
- package/src/parts/ArButton.css +4 -1
- package/src/parts/ArCalendar.css +1 -1
- package/src/parts/ArChip.css +1 -1
- package/src/parts/ArInfo.css +1 -1
- package/src/parts/ArItem.css +11 -2
- package/src/parts/ArList.css +5 -1
- package/src/parts/ArModal.css +1 -1
- package/src/parts/ArProfileCard.css +3 -1
- package/src/parts/ArSaveBar.css +2 -2
- package/src/parts/ArShiftGrid.css +3 -3
- package/src/parts/ArShiftViewTable.css +4 -4
- package/src/parts/ArTable.css +1 -1
- package/src/parts/ArTag.css +1 -1
- package/src/parts/ArWizard.css +1 -1
- package/src/parts/_choice.css +5 -0
- package/src/parts/_picker.css +2 -0
- package/src/parts/_product.css +83 -73
- package/src/parts/_rule-editor.css +30 -0
- package/src/styles.css +1 -0
|
@@ -58,7 +58,7 @@ export declare const covers: {
|
|
|
58
58
|
readonly ArKanaText: "1.0.0";
|
|
59
59
|
readonly ArLayout: "1.0.0";
|
|
60
60
|
readonly ArLink: "1.0.0";
|
|
61
|
-
readonly ArList: "1.
|
|
61
|
+
readonly ArList: "1.2.0";
|
|
62
62
|
readonly ArLogoSpin: "1.0.0";
|
|
63
63
|
readonly ArMapPreview: "1.0.0";
|
|
64
64
|
readonly ArMentions: "1.0.0";
|
|
@@ -86,7 +86,7 @@ export declare const covers: {
|
|
|
86
86
|
readonly ArPointerBadge: "1.0.0";
|
|
87
87
|
readonly ArPopconfirm: "1.0.0";
|
|
88
88
|
readonly ArPopover: "1.0.0";
|
|
89
|
-
readonly ArProfileCard: "1.
|
|
89
|
+
readonly ArProfileCard: "1.1.0";
|
|
90
90
|
readonly ArProgress: "1.0.0";
|
|
91
91
|
readonly ArPunchButton: "1.0.0";
|
|
92
92
|
readonly ArPunchPanel: "1.1.0";
|
|
@@ -116,10 +116,10 @@ export declare const covers: {
|
|
|
116
116
|
readonly ArStepSelect: "1.0.0";
|
|
117
117
|
readonly ArSubItem: "1.0.0";
|
|
118
118
|
readonly ArSwitch: "1.1.0";
|
|
119
|
-
readonly ArTable: "1.
|
|
119
|
+
readonly ArTable: "1.7.0";
|
|
120
120
|
readonly ArTableHeader: "1.0.0";
|
|
121
121
|
readonly ArTabs: "1.1.0";
|
|
122
|
-
readonly ArTag: "1.
|
|
122
|
+
readonly ArTag: "1.1.0";
|
|
123
123
|
readonly ArText: "1.0.0";
|
|
124
124
|
readonly ArTextarea: "1.1.0";
|
|
125
125
|
readonly ArTextInput: "1.1.0";
|
|
@@ -142,7 +142,7 @@ export declare const covers: {
|
|
|
142
142
|
readonly ArViewOptions: "1.1.0";
|
|
143
143
|
readonly ArWatermark: "1.0.0";
|
|
144
144
|
readonly ArWeekdayPicker: "1.1.0";
|
|
145
|
-
readonly ArWizard: "1.
|
|
145
|
+
readonly ArWizard: "1.3.0";
|
|
146
146
|
readonly ArYearInput: "1.1.0";
|
|
147
147
|
readonly ArYearMonthInput: "1.1.0";
|
|
148
148
|
readonly ArZipInput: "1.3.0";
|
package/dist/covers.generated.js
CHANGED
|
@@ -59,7 +59,7 @@ export const covers = {
|
|
|
59
59
|
ArKanaText: "1.0.0",
|
|
60
60
|
ArLayout: "1.0.0",
|
|
61
61
|
ArLink: "1.0.0",
|
|
62
|
-
ArList: "1.
|
|
62
|
+
ArList: "1.2.0",
|
|
63
63
|
ArLogoSpin: "1.0.0",
|
|
64
64
|
ArMapPreview: "1.0.0",
|
|
65
65
|
ArMentions: "1.0.0",
|
|
@@ -87,7 +87,7 @@ export const covers = {
|
|
|
87
87
|
ArPointerBadge: "1.0.0",
|
|
88
88
|
ArPopconfirm: "1.0.0",
|
|
89
89
|
ArPopover: "1.0.0",
|
|
90
|
-
ArProfileCard: "1.
|
|
90
|
+
ArProfileCard: "1.1.0",
|
|
91
91
|
ArProgress: "1.0.0",
|
|
92
92
|
ArPunchButton: "1.0.0",
|
|
93
93
|
ArPunchPanel: "1.1.0",
|
|
@@ -117,10 +117,10 @@ export const covers = {
|
|
|
117
117
|
ArStepSelect: "1.0.0",
|
|
118
118
|
ArSubItem: "1.0.0",
|
|
119
119
|
ArSwitch: "1.1.0",
|
|
120
|
-
ArTable: "1.
|
|
120
|
+
ArTable: "1.7.0",
|
|
121
121
|
ArTableHeader: "1.0.0",
|
|
122
122
|
ArTabs: "1.1.0",
|
|
123
|
-
ArTag: "1.
|
|
123
|
+
ArTag: "1.1.0",
|
|
124
124
|
ArText: "1.0.0",
|
|
125
125
|
ArTextarea: "1.1.0",
|
|
126
126
|
ArTextInput: "1.1.0",
|
|
@@ -143,7 +143,7 @@ export const covers = {
|
|
|
143
143
|
ArViewOptions: "1.1.0",
|
|
144
144
|
ArWatermark: "1.0.0",
|
|
145
145
|
ArWeekdayPicker: "1.1.0",
|
|
146
|
-
ArWizard: "1.
|
|
146
|
+
ArWizard: "1.3.0",
|
|
147
147
|
ArYearInput: "1.1.0",
|
|
148
148
|
ArYearMonthInput: "1.1.0",
|
|
149
149
|
ArZipInput: "1.3.0",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@s_and_a/arrow-ui-design-remix",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.12",
|
|
4
4
|
"description": "ARROW UI の design：remix",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": [
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"build": "tsc -p tsconfig.build.json"
|
|
26
26
|
},
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@s_and_a/arrow-ui": "^0.1.
|
|
28
|
+
"@s_and_a/arrow-ui": "^0.1.12"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@s_and_a/arrow-ui-tokens": "0.1.2"
|
package/src/parts/ArAffix.css
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
[data-ar-design="remix"] [data-ar="affix"][data-position="bottom"]:is([data-band="always"],[data-state~="affixed"]){border-top:1px solid var(--ar-color-border)}
|
|
7
7
|
|
|
8
8
|
/* Product shells keep page actions above their fixed navigation and safe-area inset. */
|
|
9
|
-
|
|
9
|
+
[data-ar-design="remix"]:is(html) .menu_layout [data-ar="affix"][data-position="bottom"]{--ar-affix-bottom-inset:var(--arrow-floating-bottom,16px)}
|
|
10
10
|
|
|
11
11
|
/* Leave the desktop help dock outside the action hit targets, even at the page end. */
|
|
12
|
-
@media (min-width:960px){
|
|
12
|
+
@media (min-width:960px){[data-ar-design="remix"]:is(html) .menu_layout [data-ar="affix"][data-position="bottom"]{padding-inline-end:76px}}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="top"]{height:38px;gap:8px;padding:0 28px}
|
|
6
6
|
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="top"]>[data-part="logo"]{width:128px;padding-left:20px}
|
|
7
7
|
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="top"]>[data-part="logo"]>:is(img,svg){height:18px;width:auto}
|
|
8
|
-
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="top"]>[data-part="pill"]{height:26px;gap:7px;padding:0 4px 0 10px;border:0;border-radius:13px;font-size:12.5px;font-weight:600;line-height:
|
|
8
|
+
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="top"]>[data-part="pill"]{height:26px;gap:7px;padding:0 4px 0 10px;border:0;border-radius:13px;font-size:12.5px;font-weight:600;line-height:1.4}
|
|
9
9
|
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="top"]>[data-part="pill"][data-state="empty"]{padding-right:10px}
|
|
10
10
|
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="top"]>[data-part="pill"][data-tone="notice"]{background:#F1F4F7;color:#3B4A5A}
|
|
11
11
|
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="top"]>[data-part="pill"][data-tone="todo"]{background:#FFF0EE;color:#B4322C}
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
[data-ar-design="remix"] [data-ar="app-footer"]{padding:30px 32px 0;padding-inline-end:max(32px,var(--ar-app-footer-end-inset,0px));color:var(--ar-color-text);font-feature-settings:"palt" 1}
|
|
31
31
|
[data-ar-design="remix"] [data-ar="app-footer"]>[data-part="row"]{align-items:center;gap:6px;padding-bottom:10px}
|
|
32
32
|
[data-ar-design="remix"] [data-ar="app-footer"]>[data-part="row"]>:is([data-part="links"],[data-part="supports"]){gap:6px}
|
|
33
|
-
[data-ar-design="remix"] [data-ar="app-footer"]>[data-part="row"]>[data-part="links"]>[data-part="link"]{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--ar-color-text-secondary);font-size:12.5px;font-weight:600;line-height:
|
|
33
|
+
[data-ar-design="remix"] [data-ar="app-footer"]>[data-part="row"]>[data-part="links"]>[data-part="link"]{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--ar-color-text-secondary);font-size:12.5px;font-weight:600;line-height:1.4}
|
|
34
34
|
[data-ar-design="remix"] [data-ar="app-footer"]>[data-part="row"]>[data-part="links"]>[data-part="link"]:hover{background:#E4EAF0}
|
|
35
|
-
[data-ar-design="remix"] [data-ar="app-footer"]>[data-part="row"]>[data-part="supports"]>[data-part="support"]{height:44px;gap:8px;padding:0 14px;border:0;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(31,41,51,.06);color:var(--ar-color-text-secondary);font-size:12.5px;font-weight:600;line-height:
|
|
35
|
+
[data-ar-design="remix"] [data-ar="app-footer"]>[data-part="row"]>[data-part="supports"]>[data-part="support"]{height:44px;gap:8px;padding:0 14px;border:0;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(31,41,51,.06);color:var(--ar-color-text-secondary);font-size:12.5px;font-weight:600;line-height:1.4}
|
|
36
36
|
[data-ar-design="remix"] [data-ar="app-footer"]>[data-part="row"]>[data-part="supports"]>[data-part="support"]:hover{box-shadow:0 1px 2px rgba(31,41,51,.06),0 0 0 1px var(--ar-accent-line)}
|
|
37
37
|
[data-ar-design="remix"] [data-ar="app-footer"]>[data-part="row"]>[data-part="supports"]>[data-part="support"]>[data-part="support-icon"]{width:15px;height:15px;color:var(--ar-accent-ink)}
|
|
38
38
|
[data-ar-design="remix"] [data-ar="app-footer"]>[data-part="row"]>:is([data-part="links"],[data-part="supports"])>:focus-visible{outline:0;box-shadow:0 0 0 3px var(--ar-accent-ring)}
|
|
@@ -80,8 +80,8 @@
|
|
|
80
80
|
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="domains"]>[data-part="domain-list"]>[data-part="domain"][data-state="on"]{border-bottom-color:var(--ar-accent);color:var(--ar-accent-ink)}
|
|
81
81
|
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="domains"]>[data-part="domain-list"]>[data-part="domain"] [data-ar="icon"]{width:16px;height:16px}
|
|
82
82
|
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="domains"]>[data-part="toggle"]{gap:4px;height:28px;padding:0 10px;border:1px solid var(--ar-color-border);border-radius:8px;background:#fff;color:var(--ar-color-text-secondary);font-size:12px}
|
|
83
|
-
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="nav"]>[data-part="submenu"]{gap:2px;margin-top:4px;padding:4px;border:1px solid var(--ar-color-border);border-radius:12px;background:#fff;box-shadow:var(--ar-shadow-pop)}
|
|
84
|
-
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="nav"]>[data-part="submenu"]>[data-part="submenu-item"]{padding:8px
|
|
83
|
+
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="nav"]>[data-part="submenu"]{min-width:max-content;max-width:calc(100vw - 24px);gap:2px;margin-top:4px;padding:4px;border:1px solid var(--ar-color-border);border-radius:12px;background:#fff;box-shadow:var(--ar-shadow-pop)}
|
|
84
|
+
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="nav"]>[data-part="submenu"]>[data-part="submenu-item"]{padding:8px 12px;border:0;border-radius:8px;background:none;color:var(--ar-color-text);font-size:13px}
|
|
85
85
|
[data-ar-design="remix"] [data-ar="app-header"]>[data-part="nav"]>[data-part="submenu"]>[data-part="submenu-item"]:hover{background:var(--ar-accent-faint);color:var(--ar-accent-ink)}
|
|
86
86
|
/* 1.1 下のメニューの子の段（メニューの真上に浮かぶ白い段・角丸14・影、タイルは項目と同じ形）と、メニューの一覧（下から出る板の中の4列のタイル） */
|
|
87
87
|
[data-ar-design="remix"] [data-ar="bottom-nav"]>[data-part="submenu"]{left:8px;right:auto;max-width:calc(100% - 16px);bottom:calc(100% + 6px);gap:2px;padding:6px 4px;border:1px solid var(--ar-color-border);border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(31,41,51,.14)}
|
package/src/parts/ArBadge.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
件数の丸はライブラリでこれ1つ。赤はデザインシステムの count（#DC2525。--ar-remix-count）。白い縁は data-ring（子に重ねるとき既定）。
|
|
4
4
|
variant="subtle"：淡い地に濃い字（タブ・表示内容・切り替えの中の件数）。 */
|
|
5
5
|
[data-ar-design="remix"] [data-ar="badge"]{font-family:var(--ar-font-family)}
|
|
6
|
-
[data-ar-design="remix"] [data-ar="badge"]>[data-part="count"]{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--ar-remix-count);color:#fff;font-size:11px;font-weight:700;line-height:
|
|
6
|
+
[data-ar-design="remix"] [data-ar="badge"]>[data-part="count"]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--ar-remix-count);color:#fff;font-size:11px;font-weight:700;line-height:1;vertical-align:middle;font-variant-numeric:tabular-nums;box-shadow:none}
|
|
7
7
|
[data-ar-design="remix"] [data-ar="badge"][data-mode="count"]:not([data-standalone])>[data-part="count"]{top:-7px;right:-9px}
|
|
8
8
|
[data-ar-design="remix"] [data-ar="badge"]>[data-part="dot"]{width:8px;height:8px;border-radius:50%;background:var(--ar-remix-count);box-shadow:none}
|
|
9
9
|
[data-ar-design="remix"] [data-ar="badge"][data-ring]>:is([data-part="count"],[data-part="dot"]){box-shadow:0 0 0 2px var(--ar-color-surface)}
|
package/src/parts/ArButton.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* @covers ArButton 1.1.0 */
|
|
2
2
|
/* ArButton：ARROW 共通の .btn（角丸10・13px太字）。大きさの段は入力と同じ sm 30・md 36・lg 42（size.control-*）。デザインシステムの .btn は 34 だが、入力・時刻と横に並べてそろえるため 36 にした。 */
|
|
3
|
-
[data-ar-design="remix"] [data-ar="button"]{height:var(--ar-size-control-md);padding:0 14px;gap:6px;border:0;border-radius:10px;font-size:13px;font-weight:700;line-height:
|
|
3
|
+
[data-ar-design="remix"] [data-ar="button"]{height:var(--ar-size-control-md);padding:0 14px;gap:6px;border:0;border-radius:10px;font-size:13px;font-weight:700;line-height:1;text-decoration:none;background:#fff;color:var(--ar-color-text-secondary);box-shadow:inset 0 0 0 1px var(--ar-color-border);transition:background var(--ar-motion-fast),box-shadow var(--ar-motion-fast),color var(--ar-motion-fast)}
|
|
4
4
|
[data-ar-design="remix"] [data-ar="button"]:focus-visible{outline:0;box-shadow:0 0 0 3px var(--ar-accent-ring)}
|
|
5
5
|
[data-ar-design="remix"] [data-ar="button"][data-tone="primary"]{background:var(--ar-accent);color:var(--ar-on-accent);text-shadow:var(--ar-on-accent-shadow);box-shadow:0 4px 10px -4px var(--ar-accent-ring)}
|
|
6
6
|
[data-ar-design="remix"] [data-ar="button"][data-tone="primary"]:hover:not(:disabled),[data-ar-design="remix"] [data-ar="button"][data-tone="primary"]:active:not(:disabled){background:var(--ar-accent-strong)}
|
|
@@ -60,3 +60,6 @@
|
|
|
60
60
|
[data-ar-design="remix"] [data-ar="button"]:is([data-intent],[data-tone="edit"]):focus-visible:not(:disabled,[aria-disabled="true"]){outline:0;box-shadow:0 0 0 3px var(--ar-action-ring)}
|
|
61
61
|
|
|
62
62
|
[data-ar-design="remix"] [data-ar="button"][data-intent="delete"][data-tone="danger"]:not(:disabled,[aria-disabled="true"]){background:var(--ar-color-danger);color:#fff}
|
|
63
|
+
|
|
64
|
+
/* Label and icon share the control centre, independent of inherited prose leading. */
|
|
65
|
+
[data-ar-design="remix"] [data-ar="button"]>[data-part="label"]{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.4}
|
package/src/parts/ArCalendar.css
CHANGED
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
[data-ar-design="remix"] [data-ar="calendar"][data-size="mini"]>[data-part="footer"]{display:flex;flex-wrap:wrap;gap:14px;color:var(--ar-color-text-secondary);font-size:12px;line-height:1.5}
|
|
97
97
|
|
|
98
98
|
[data-ar-design="remix"] [data-ar="calendar"] [data-part="times"]{gap:4px;padding-top:2px}
|
|
99
|
-
[data-ar-design="remix"] [data-ar="calendar"] [data-part="time-range"]{font:600 10.5px/1.3 var(--ar-font-family-numeric);font-variant-numeric:tabular-nums;color:var(--ar-
|
|
99
|
+
[data-ar-design="remix"] [data-ar="calendar"] [data-part="time-range"]{font:600 10.5px/1.3 var(--ar-font-family-numeric);font-variant-numeric:tabular-nums;color:var(--ar-color-text)}
|
|
100
100
|
[data-ar-design="remix"] [data-ar="calendar"] [data-part="time-end"]{color:var(--ar-color-text-secondary)}
|
|
101
101
|
|
|
102
102
|
/* State badges are deliberately compact in a seven-column phone calendar. Long translations wrap. */
|
package/src/parts/ArChip.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* @covers ArChip 1.0.0 */
|
|
2
2
|
/* .v-chip（11px の太字・角丸6・高さ20）。s1 の見た目ではテーマ色の淡い面 */
|
|
3
|
-
[data-ar-design="remix"] [data-ar="chip"]{padding:0 6px;border-radius:6px;font-size:11px;font-weight:700;line-height:
|
|
3
|
+
[data-ar-design="remix"] [data-ar="chip"]{padding:0 6px;border-radius:6px;font-size:11px;font-weight:700;height:20px;display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;background:var(--ar-accent-subtle);color:var(--ar-accent-ink)}
|
|
4
4
|
[data-ar-design="remix"] [data-ar="chip"][data-tone="event"]{background:#EDE7F7;color:#6A4BA3}
|
|
5
5
|
[data-ar-design="remix"] [data-ar="chip"][data-tone="neutral"]{background:#EEF1F5;color:var(--ar-color-text-secondary)}
|
|
6
6
|
[data-ar-design="remix"] [data-ar="chip"]{font-feature-settings:"palt" 1}
|
package/src/parts/ArInfo.css
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
[data-ar-design="remix"] [data-ar="info"][data-kind="mark"]{justify-content:center;width:22px;height:22px;border-radius:50%;color:var(--ar-color-text-muted);transition:background var(--ar-motion-fast),color var(--ar-motion-fast)}
|
|
7
7
|
[data-ar-design="remix"] [data-ar="info"][data-kind="mark"]>[data-part="icon"]{width:16px;height:16px}
|
|
8
8
|
[data-ar-design="remix"] [data-ar="info"][data-kind="mark"]:hover{background:var(--ar-accent-subtle);color:var(--ar-accent-ink)}
|
|
9
|
-
[data-ar-design="remix"] [data-ar="info"][data-kind="detail"]{height:
|
|
9
|
+
[data-ar-design="remix"] [data-ar="info"][data-kind="detail"]{width:fit-content;gap:4px;height:24px;padding:0 6px;border-radius:6px;font-size:11.5px;font-weight:700;color:var(--ar-accent-ink);transition:background var(--ar-motion-fast)}
|
|
10
10
|
[data-ar-design="remix"] [data-ar="info"][data-kind="detail"]:hover{background:var(--ar-accent-subtle)}
|
|
11
11
|
[data-ar-design="remix"] [data-ar="info"]:is([data-kind="mark"],[data-kind="detail"]):focus-visible{outline:0;box-shadow:0 0 0 3px var(--ar-accent-ring)}
|
|
12
12
|
[data-ar-design="remix"] [data-ar="info"]{font-feature-settings:"palt" 1}
|
package/src/parts/ArItem.css
CHANGED
|
@@ -50,6 +50,15 @@
|
|
|
50
50
|
|
|
51
51
|
/* Labels follow the first control line, even when the value spans several lines. */
|
|
52
52
|
[data-ar-design="remix"] [data-ar="item"]>[data-part="title"]{align-self:start;height:fit-content;align-content:flex-start}
|
|
53
|
-
[data-ar-design="remix"] [data-ar="item"]>[data-part="content"]>[data-part="info"]{display:flex;flex-wrap:wrap;align-items:
|
|
53
|
+
[data-ar-design="remix"] [data-ar="item"]>[data-part="content"]>[data-part="info"]{display:flex;flex-wrap:wrap;align-items:center;gap:4px;white-space:normal}
|
|
54
54
|
[data-ar-design="remix"] [data-ar="item"]>[data-part="content"]>[data-part="info"]>[data-part="info-text"]{white-space:pre-wrap}
|
|
55
|
-
[data-ar-design="remix"] [data-ar="item"]>[data-part="content"]>[data-part="info"]>[data-part="detail"]{display:inline-flex;align-items:center;align-self:
|
|
55
|
+
[data-ar-design="remix"] [data-ar="item"]>[data-part="content"]>[data-part="info"]>[data-part="detail"]{display:inline-flex;align-items:center;align-self:center;gap:3px;margin:0;line-height:inherit;white-space:nowrap}
|
|
56
|
+
|
|
57
|
+
/* A 36px first line aligns read values, switches and controls without centring a long form. */
|
|
58
|
+
[data-ar-design="remix"] [data-ar="item"][data-variant="form"]>[data-part="content"]{justify-content:flex-start;min-height:36px}
|
|
59
|
+
[data-ar-design="remix"] [data-ar="item"][data-variant="form"]>[data-part="content"]>:first-child:not([data-part="info"],[data-ar="switch"]){min-height:36px;box-sizing:border-box;align-content:center}
|
|
60
|
+
[data-ar-design="remix"] [data-ar="item"][data-variant="row"]>[data-part="content"]{min-height:36px}
|
|
61
|
+
[data-ar-design="remix"] [data-ar="item"][data-variant="row"]>[data-part="content"]>:first-child:not([data-ar="switch"]){min-height:36px;box-sizing:border-box;align-content:center}
|
|
62
|
+
[data-ar-design="remix"] [data-ar="item"]>[data-part="title"]>[data-part="label"]{max-width:100%;min-width:0;flex-wrap:wrap}
|
|
63
|
+
[data-ar-design="remix"] [data-ar="item"]>[data-part="title"]>[data-part="label"]>[data-part="label-text"]{word-break:normal;overflow-wrap:break-word}
|
|
64
|
+
[data-ar-design="remix"] [data-ar="item"]>[data-part="content"]>[data-ar="switch"]:first-child{margin-block:6px}
|
package/src/parts/ArList.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @covers ArList 1.
|
|
1
|
+
/* @covers ArList 1.2.0 */
|
|
2
2
|
/* ArList（.ad-listy：角丸12・線、行は10/14の余白・12の間・区切りは line-2、名前 13.5 太字、説明 12px 灰色、操作は右。グループの見出しは acc-50 の地に acc-ink の 11.5px 太字） */
|
|
3
3
|
[data-ar-design="remix"] [data-ar="list"]{font-feature-settings:"palt" 1;color:var(--ar-color-text);font-size:13px;line-height:1.5}
|
|
4
4
|
[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}
|
|
@@ -15,3 +15,7 @@
|
|
|
15
15
|
[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)}
|
|
16
16
|
[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}
|
|
17
17
|
[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}
|
|
18
|
+
/* イベントなど、データ自身が持つ色は文字と印の両方で見分ける。 */
|
|
19
|
+
[data-ar-design="remix"] [data-ar="list"] [data-part="item"][data-color] [data-part="title"]{color:var(--ar-list-color)}
|
|
20
|
+
[data-ar-design="remix"] [data-ar="list"] [data-part="item"][data-color] [data-part="title"]::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--ar-list-color);vertical-align:middle}
|
|
21
|
+
[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"]{white-space:pre-line;overflow-wrap:anywhere}
|
package/src/parts/ArModal.css
CHANGED
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
/* 確認：共通デザイン原稿の一枚のカード。入力フォームの帯・区切り線を使わない。 */
|
|
71
|
-
[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="header"]{flex-direction:
|
|
71
|
+
[data-ar-design="remix"] [data-ar="modal"][data-variant="confirm"]>[data-part="panel"]>[data-part="header"]{flex-direction:row;align-items:center;gap:12px;padding:22px 22px 12px;border:0}
|
|
72
72
|
[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)}
|
|
73
73
|
[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))}
|
|
74
74
|
[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))}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @covers ArProfileCard 1.
|
|
1
|
+
/* @covers ArProfileCard 1.1.0 */
|
|
2
2
|
/* The profile composes the design's Card, Avatar, Title, Tag and Descriptions. */
|
|
3
3
|
[data-ar-design="remix"] [data-ar="profile-card"]{color:var(--ar-color-text)}
|
|
4
4
|
|
|
@@ -41,3 +41,5 @@
|
|
|
41
41
|
|
|
42
42
|
[data-ar-design="remix"] [data-ar="profile-card"][data-layout="compact"] [data-part="name"]{font-size:18px}
|
|
43
43
|
[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)}
|
|
44
|
+
[data-ar-design="remix"] [data-ar="profile-card"] [data-part="photo-button"]:hover{box-shadow:0 0 0 4px var(--ar-accent-subtle)}
|
|
45
|
+
@container (max-width:600px){[data-ar-design="remix"] [data-ar="profile-card"] [data-part="photo-button"]>[data-ar="avatar"]{width:40px;height:40px;font-size:16px}}
|
package/src/parts/ArSaveBar.css
CHANGED
|
@@ -10,10 +10,10 @@
|
|
|
10
10
|
[data-ar-design="remix"] [data-ar="save-bar"][data-size="sm"]{padding:10px 10px 10px 12px}
|
|
11
11
|
|
|
12
12
|
/* ARROW page actions clear the fixed mobile navigation (the product shell supplies the dock offset). */
|
|
13
|
-
|
|
13
|
+
[data-ar-design="remix"]:is(html) .menu_layout [data-ar="save-bar"][data-sticky]{bottom:var(--arrow-floating-bottom,16px)}
|
|
14
14
|
|
|
15
15
|
/* Leave the desktop help dock outside the action hit targets, even at the page end. */
|
|
16
|
-
@media (min-width:960px){
|
|
16
|
+
@media (min-width:960px){[data-ar-design="remix"]:is(html) .menu_layout [data-ar="save-bar"][data-sticky]{padding-inline-end:76px}}
|
|
17
17
|
|
|
18
18
|
/* Keep action words together; a narrow container wraps whole buttons instead. */
|
|
19
19
|
@container ar-save-bar (max-width:480px){
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="name"]>[data-part="member"]>[data-part="summary"]{font-size:10.5px;line-height:1.35;color:var(--ar-color-text-muted)}
|
|
66
66
|
[data-ar-design="remix"] [data-ar="shift-grid"][data-compact] [data-part="name"]>[data-part="member"]>[data-part="summary"]{font-size:9.5px}
|
|
67
67
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="summary"]>span:not(:last-child)::after{content:"・"}
|
|
68
|
-
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"]{min-height:54px;padding:
|
|
68
|
+
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"]{min-height:54px;padding:1px;background:#fff;cursor:cell}
|
|
69
69
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"][data-weekend]{background:#FAFBFD}
|
|
70
70
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"][data-today]{background:color-mix(in srgb,var(--ar-accent) 4%,#fff)}
|
|
71
71
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"][data-locked]{background:var(--ar-remix-lock-stripe);cursor:not-allowed}
|
|
@@ -79,9 +79,9 @@
|
|
|
79
79
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"][data-state~="drop"]{background:var(--ar-accent-muted)}
|
|
80
80
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"][data-state~="drop-ok"]{background:color-mix(in srgb,var(--ar-accent) 10%,#fff);box-shadow:inset 0 0 0 2px var(--ar-accent)}
|
|
81
81
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"][data-state~="drop-ng"]{background:#FFF5F4;box-shadow:inset 0 0 0 2px #D9443B}
|
|
82
|
-
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"]>[data-part="shift"]{gap:1px;align-items:center;justify-content:center;border-radius:
|
|
82
|
+
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"]>[data-part="shift"]{gap:1px;align-items:center;justify-content:center;border-radius:4px;border:1px solid color-mix(in srgb,var(--sg-c,#8C96A1) 35%,transparent);background:color-mix(in srgb,var(--sg-c,#8C96A1) 14%,transparent);color:var(--sg-c,#4B5259);font-family:var(--ar-font-family-numeric);font-size:10.5px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}
|
|
83
83
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"][data-pattern="none"]>[data-part="shift"]{background:#fff;border:1.5px dashed #A9AFB6;color:#4B5259}
|
|
84
|
-
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"]>[data-part="shift"][data-leave]{background:var(--ar-remix-leave-stripe);border-
|
|
84
|
+
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"]>[data-part="shift"][data-leave]{background:var(--ar-remix-leave-stripe);border-color:#B9BFC6;color:#5C636B}
|
|
85
85
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"]>[data-part="avail"]{border-radius:7px;border:1.5px dashed var(--ar-remix-hope-line);background:var(--ar-remix-hope-subtle);color:#1E7A4C;font-size:10px;font-weight:700}
|
|
86
86
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"]>[data-part="avail"]:hover{background:#DDF1E5}
|
|
87
87
|
[data-ar-design="remix"] [data-ar="shift-grid"] [data-part="cell"]>[data-part="avail"]:focus-visible{outline:2px solid var(--ar-remix-hope-line);outline-offset:1px}
|
|
@@ -41,10 +41,10 @@
|
|
|
41
41
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"]:is([data-tone="sun"],[data-tone="sat"]){background:#FAFBFD}
|
|
42
42
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"][data-state~="today"]{background:color-mix(in srgb,var(--ar-accent) 4%,#fff)}
|
|
43
43
|
/* 札：この店舗はパターンの色の 11% の地と左 3px の線・文字もその色。ほかの店舗は白地に点線。有給は灰色の斜線 */
|
|
44
|
-
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"]>[data-part="chip"]{gap:1px;padding:4px 7px;border:
|
|
44
|
+
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"]>[data-part="chip"]{gap:1px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--ar-svt-chip,#6C7A89) 35%,transparent);border-radius:7px;background:color-mix(in srgb,var(--ar-svt-chip,#6C7A89) 11%,transparent);color:var(--ar-svt-chip,#6C7A89);line-height:1.2}
|
|
45
45
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"]>[data-part="chip"]+[data-part="chip"]{margin-top:4px}
|
|
46
|
-
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"]>[data-part="chip"][data-scope="other"]{border:1px dashed #AEB8C3;
|
|
47
|
-
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"]>[data-part="chip"][data-scope="leave"]{border-
|
|
46
|
+
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"]>[data-part="chip"][data-scope="other"]{border:1px dashed #AEB8C3;background:#fff;color:#4A5562}
|
|
47
|
+
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"]>[data-part="chip"][data-scope="leave"]{border-color:#C9CDD2;background:repeating-linear-gradient(135deg,#F2F3F5 0 5px,#E6E8EB 5px 10px);color:#5C636B}
|
|
48
48
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"]>[data-part="chip"]>[data-part="chip-time"]{font-size:12px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
|
|
49
49
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"]>[data-part="chip"]>[data-part="chip-branch"]{font-size:10px;font-weight:600;line-height:1.2;opacity:.85}
|
|
50
50
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="scroll"]>[data-part="table"]>tbody>tr>[data-part="cell"]>button[data-part="chip"]:hover{filter:brightness(.97)}
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="legend"]{gap:14px;color:var(--ar-color-text-secondary);font-size:11.5px;line-height:1.5}
|
|
59
59
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="legend"]>[data-part="legend-item"]{gap:6px}
|
|
60
60
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="legend"]>[data-part="legend-item"]>[data-part="swatch"]{width:14px;height:12px;border-radius:3px}
|
|
61
|
-
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="legend"]>[data-part="legend-item"]>[data-part="swatch"][data-kind="own"]{background:color-mix(in srgb,var(--ar-svt-chip,var(--ar-accent)) 14%,transparent);box-shadow:inset
|
|
61
|
+
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="legend"]>[data-part="legend-item"]>[data-part="swatch"][data-kind="own"]{background:color-mix(in srgb,var(--ar-svt-chip,var(--ar-accent)) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ar-svt-chip,var(--ar-accent)) 35%,transparent)}
|
|
62
62
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="legend"]>[data-part="legend-item"]>[data-part="swatch"][data-kind="other"]{border:1px dashed #AEB8C3;background:#fff}
|
|
63
63
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="legend"]>[data-part="legend-item"]>[data-part="swatch"][data-kind="leave"]{background:repeating-linear-gradient(135deg,#F2F3F5 0 3px,#E6E8EB 3px 6px)}
|
|
64
64
|
[data-ar-design="remix"] [data-ar="shift-view-table"]>[data-part="legend"]>[data-part="legend-item"]>[data-part="swatch"][data-kind="pattern"]{background:var(--ar-svt-chip,var(--ar-accent))}
|
package/src/parts/ArTable.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @covers ArTable 1.
|
|
1
|
+
/* @covers ArTable 1.7.0 */
|
|
2
2
|
/* ArTable（box＝.lst/.lr：外枠 角丸12・線、見出し34・行44。board＝シフト画面の .v-tr：外枠なし、角の丸い見出し・行50・合計の帯） */
|
|
3
3
|
[data-ar-design="remix"] [data-ar="table"]{font-feature-settings:"palt" 1;color:var(--ar-color-text);font-size:13px;line-height:1.5}
|
|
4
4
|
[data-ar-design="remix"] [data-ar="table"]>[data-part="viewport"]:focus-visible{outline:2px solid var(--ar-accent);outline-offset:2px}
|
package/src/parts/ArTag.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* @covers ArTag 1.
|
|
1
|
+
/* @covers ArTag 1.1.0 */
|
|
2
2
|
/* ArTag（.ad-tag：角丸7・高さ24・600 12px・線つき。pill＝.badge/.r-hc：高さ22・角丸11・700・線なし。xs＝.r-short/.r-sub：10px・高さ16・角丸5） */
|
|
3
3
|
[data-ar-design="remix"] [data-ar="tag"]{font-feature-settings:"palt" 1;gap:4px;height:24px;padding:0 9px;box-sizing:border-box;border-radius:7px;font-size:12px;font-weight:600;line-height:1;background:var(--ar-color-surface-alt);color:var(--ar-color-text-secondary);box-shadow:inset 0 0 0 1px var(--ar-color-border)}
|
|
4
4
|
[data-ar-design="remix"] [data-ar="tag"]>[data-part="icon"]{width:15px;height:15px}
|
package/src/parts/ArWizard.css
CHANGED
package/src/parts/_choice.css
CHANGED
|
@@ -69,3 +69,8 @@
|
|
|
69
69
|
[data-ar-design="remix"] input:hover:not(:disabled)+[data-ar="checkbox"][data-decorative]>[data-part="control"]>[data-part="box"]{border-color:var(--ar-accent)}
|
|
70
70
|
[data-ar-design="remix"] input:focus-visible+[data-ar="checkbox"][data-decorative]>[data-part="control"]>[data-part="box"]{box-shadow:0 0 0 3px var(--ar-accent-ring)}
|
|
71
71
|
[data-ar-design="remix"] input:disabled+[data-ar="checkbox"][data-decorative]>[data-part="control"]>[data-part="box"]{background:var(--ar-color-surface-alt);border-color:var(--ar-color-border)}
|
|
72
|
+
|
|
73
|
+
/* Equal-height choices centre their control and body; descriptions keep their own line. */
|
|
74
|
+
[data-ar-design="remix"] :is([data-ar="radio"],[data-ar="checkbox"])[data-variant="card"]{align-items:center}
|
|
75
|
+
[data-ar-design="remix"] :is([data-ar="radio"],[data-ar="checkbox"])[data-variant="card"]>[data-part="control"]{align-self:center;margin-top:0}
|
|
76
|
+
[data-ar-design="remix"] :is([data-ar="radio"],[data-ar="checkbox"])[data-variant="card"][data-desc]{align-content:center}
|
package/src/parts/_picker.css
CHANGED
|
@@ -35,3 +35,5 @@
|
|
|
35
35
|
[data-ar-design="remix"] [data-ar="select-panel"]>[data-part="list"][data-kind="people"] [data-part="option"]>[data-part="avatar"]{box-shadow:none}
|
|
36
36
|
[data-ar-design="remix"] [data-ar="select-panel"]>[data-part="list"][data-kind="people"] [data-part="option"][data-state~="disabled"]>[data-part="avatar"]{opacity:1}
|
|
37
37
|
[data-ar-design="remix"] [data-ar="select-panel"]>[data-part="list"][data-kind="people"] [data-part="option"]>[data-part="option-desc"]{font-size:11px;font-weight:700;line-height:16px}
|
|
38
|
+
|
|
39
|
+
[data-ar-design="remix"] :is([data-ar="select-panel"],[data-ar="cascader-panel"]) [data-part="option"]+[data-part="option"]{margin-top:3px}
|
package/src/parts/_product.css
CHANGED
|
@@ -324,97 +324,107 @@
|
|
|
324
324
|
}
|
|
325
325
|
|
|
326
326
|
/* Legacy table composition follows the same geometry as ArTable. */
|
|
327
|
-
[data-ar-design="remix"] table[data-ui-part="table"] thead>tr:first-child>th:first-child{border-top-left-radius:12px}
|
|
328
|
-
[data-ar-design="remix"] table[data-ui-part="table"] thead>tr:first-child>th:last-child{border-top-right-radius:12px;background:var(--ar-accent-subtle);border-bottom:1px solid var(--ar-color-border)}
|
|
329
|
-
[data-ar-design="remix"] table[data-ui-part="table"] td.button [data-ar="button"]+[data-ar="button"],
|
|
330
|
-
[data-ar-design="remix"] table[data-ui-part="table"] td>[data-ar="button"]+[data-ar="button"]{margin-inline-start:8px}
|
|
331
|
-
[data-ar-design="remix"] table[data-ui-part="table"] td [data-ar="button"][data-icon-only]{min-width:30px;min-height:30px}
|
|
332
|
-
[data-ar-design="remix"] table[data-ui-part="table"] td .no_drag{max-width:100%;min-width:0}
|
|
333
|
-
[data-ar-design="remix"] table[data-ui-part="table"] td .branch_selector_component{width:100%;min-width:0;max-width:100%}
|
|
327
|
+
[data-ar-design="remix"] table[data-ui-part="table"] thead>tr:first-child>th:first-child:not([data-ui-fixed], [data-ui-fixed] *){border-top-left-radius:12px}
|
|
328
|
+
[data-ar-design="remix"] table[data-ui-part="table"] thead>tr:first-child>th:last-child:not([data-ui-fixed], [data-ui-fixed] *){border-top-right-radius:12px;background:var(--ar-accent-subtle);border-bottom:1px solid var(--ar-color-border)}
|
|
329
|
+
[data-ar-design="remix"] table[data-ui-part="table"] td.button [data-ar="button"]+[data-ar="button"]:not([data-ui-fixed], [data-ui-fixed] *),
|
|
330
|
+
[data-ar-design="remix"] table[data-ui-part="table"] td>[data-ar="button"]+[data-ar="button"]:not([data-ui-fixed], [data-ui-fixed] *){margin-inline-start:8px}
|
|
331
|
+
[data-ar-design="remix"] table[data-ui-part="table"] td [data-ar="button"][data-icon-only]:not([data-ui-fixed], [data-ui-fixed] *){min-width:30px;min-height:30px}
|
|
332
|
+
[data-ar-design="remix"] table[data-ui-part="table"] td .no_drag:not([data-ui-fixed], [data-ui-fixed] *){max-width:100%;min-width:0}
|
|
333
|
+
[data-ar-design="remix"] table[data-ui-part="table"] td .branch_selector_component:not([data-ui-fixed], [data-ui-fixed] *){width:100%;min-width:0;max-width:100%}
|
|
334
334
|
/* Two 30px actions, their gap, and cell padding must fit even in fixed-layout tables. */
|
|
335
|
-
[data-ar-design="remix"] table[data-ui-part="table"] :is(th,td).button{width:100px;min-width:100px;white-space:nowrap;overflow:visible;position:sticky;right:0;z-index:2}
|
|
336
|
-
[data-ar-design="remix"] table[data-ui-part="table"] th.button{z-index:3}
|
|
337
|
-
[data-ar-design="remix"] table[data-ui-part="table"] td.button:has([data-ar="button"]:nth-of-type(3)){width:138px;min-width:138px}
|
|
338
|
-
[data-ar-design="remix"] table[data-ui-part="table"] td.button .no_drag{max-width:none}
|
|
339
|
-
[data-ar-design="remix"] table[data-ui-part="table"] tbody tr[data-add-row]>td{background:var(--ar-color-surface)}
|
|
340
|
-
[data-ar-design="remix"] [data-ui-part="tableViewport"]{box-sizing:border-box;max-width:100%;min-width:0}
|
|
341
|
-
[data-ar-design="remix"] table[data-ui-part="table"] td p[data-ui-part="text"]{margin:0;line-height:1.6}
|
|
335
|
+
[data-ar-design="remix"] table[data-ui-part="table"] :is(th,td).button:not([data-ui-fixed], [data-ui-fixed] *){width:100px;min-width:100px;white-space:nowrap;overflow:visible;position:sticky;right:0;z-index:2}
|
|
336
|
+
[data-ar-design="remix"] table[data-ui-part="table"] th.button:not([data-ui-fixed], [data-ui-fixed] *){z-index:3}
|
|
337
|
+
[data-ar-design="remix"] table[data-ui-part="table"] td.button:has([data-ar="button"]:nth-of-type(3)):not([data-ui-fixed], [data-ui-fixed] *){width:138px;min-width:138px}
|
|
338
|
+
[data-ar-design="remix"] table[data-ui-part="table"] td.button .no_drag:not([data-ui-fixed], [data-ui-fixed] *){max-width:none}
|
|
339
|
+
[data-ar-design="remix"] table[data-ui-part="table"] tbody tr[data-add-row]>td:not([data-ui-fixed], [data-ui-fixed] *){background:var(--ar-color-surface)}
|
|
340
|
+
[data-ar-design="remix"] [data-ui-part="tableViewport"]:not([data-ui-fixed], [data-ui-fixed] *){box-sizing:border-box;max-width:100%;min-width:0}
|
|
341
|
+
[data-ar-design="remix"] table[data-ui-part="table"] td p[data-ui-part="text"]:not([data-ui-fixed], [data-ui-fixed] *){margin:0;line-height:1.6}
|
|
342
342
|
/* Keep sorting tables native: legacy layout used block rows and broke colspan. */
|
|
343
|
-
[data-ar-design="remix"] table[data-ui-part="table"]>tbody.smooth-dnd-container{display:table-row-group!important}
|
|
344
|
-
[data-ar-design="remix"] .sortable_table_component table[data-ui-part="table"]>thead{display:table-header-group}
|
|
343
|
+
[data-ar-design="remix"] table[data-ui-part="table"]>tbody.smooth-dnd-container:not([data-ui-fixed], [data-ui-fixed] *){display:table-row-group!important}
|
|
344
|
+
[data-ar-design="remix"] .sortable_table_component table[data-ui-part="table"]>thead:not([data-ui-fixed], [data-ui-fixed] *){display:table-header-group}
|
|
345
345
|
@layer arrow-product-layout {
|
|
346
|
-
[data-ar-design="remix"] .sortable_table_component table[data-ui-part="table"]> :is(thead,tbody)>tr{display:table-row!important}
|
|
347
|
-
[data-ar-design="remix"] table[data-ui-part="table"]>tbody.smooth-dnd-container>tr{display:table-row!important}
|
|
346
|
+
[data-ar-design="remix"] .sortable_table_component table[data-ui-part="table"]> :is(thead,tbody)>tr:not([data-ui-fixed], [data-ui-fixed] *){display:table-row!important}
|
|
347
|
+
[data-ar-design="remix"] table[data-ui-part="table"]>tbody.smooth-dnd-container>tr:not([data-ui-fixed], [data-ui-fixed] *){display:table-row!important}
|
|
348
348
|
}
|
|
349
349
|
/* Shared authentication composition, including narrow viewports and text zoom. */
|
|
350
350
|
[data-ar-design="remix"] .login_wrapper:has([data-ar="auth-panel"]):not([data-ui-fixed], [data-ui-fixed] *){position:relative;isolation:isolate;overflow:clip;background:var(--ar-color-bg);min-height:100dvh}
|
|
351
|
-
[data-ar-design="remix"] .login_wrapper:has([data-ar="auth-panel"])::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:50% -25% -50%;border-radius:50% 50% 0 0;background:var(--ar-accent-subtle)}
|
|
352
|
-
[data-ar-design="remix"] [data-ar="auth-panel"] .login__languages{border-top:1px solid var(--ar-color-border-subtle);padding-top:12px;margin-top:20px;gap:4px}
|
|
353
|
-
[data-ar-design="remix"] [data-ar="auth-panel"] .login__languages [data-ar="button"]{padding-inline:8px;min-width:0;font-size:12px}
|
|
354
|
-
[data-ar-design="remix"] [data-ar="auth-panel"] .login__languages [aria-pressed="true"]{background:var(--ar-accent-subtle);color:var(--ar-accent-ink)}
|
|
355
|
-
[data-ar-design="remix"] [data-ar="auth-panel"] .reset_demo{flex-wrap:wrap;margin-top:12px}
|
|
356
|
-
[data-ar-design="remix"] [data-ar="auth-panel"] .reset_demo .form__item__data__import__input{flex:1 1 140px}
|
|
357
|
-
[data-ar-design="remix"] [data-ar="auth-panel"] .login__test_note{flex-basis:100%;font-size:11px;line-height:1.5;margin:0}
|
|
358
|
-
[data-ar-design="remix"] .join-introduction{width:100%;max-width:520px;margin:24px auto}
|
|
359
|
-
[data-ar-design="remix"] .login_wrapper .login__version{position:relative;align-self:flex-start;margin:24px 0 0;font-size:10px;line-height:1.5}
|
|
360
|
-
@media(min-width:768px){[data-ar-design="remix"] .login_wrapper .login__version{position:absolute;left:16px;bottom:12px}}
|
|
351
|
+
[data-ar-design="remix"] .login_wrapper:has([data-ar="auth-panel"]):not([data-ui-fixed], [data-ui-fixed] *)::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:50% -25% -50%;border-radius:50% 50% 0 0;background:var(--ar-accent-subtle)}
|
|
352
|
+
[data-ar-design="remix"] [data-ar="auth-panel"] .login__languages:not([data-ui-fixed], [data-ui-fixed] *){border-top:1px solid var(--ar-color-border-subtle);padding-top:12px;margin-top:20px;gap:4px}
|
|
353
|
+
[data-ar-design="remix"] [data-ar="auth-panel"] .login__languages [data-ar="button"]:not([data-ui-fixed], [data-ui-fixed] *){padding-inline:8px;min-width:0;font-size:12px}
|
|
354
|
+
[data-ar-design="remix"] [data-ar="auth-panel"] .login__languages [aria-pressed="true"]:not([data-ui-fixed], [data-ui-fixed] *){background:var(--ar-accent-subtle);color:var(--ar-accent-ink)}
|
|
355
|
+
[data-ar-design="remix"] [data-ar="auth-panel"] .reset_demo:not([data-ui-fixed], [data-ui-fixed] *){flex-wrap:wrap;margin-top:12px}
|
|
356
|
+
[data-ar-design="remix"] [data-ar="auth-panel"] .reset_demo .form__item__data__import__input:not([data-ui-fixed], [data-ui-fixed] *){flex:1 1 140px}
|
|
357
|
+
[data-ar-design="remix"] [data-ar="auth-panel"] .login__test_note:not([data-ui-fixed], [data-ui-fixed] *){flex-basis:100%;font-size:11px;line-height:1.5;margin:0}
|
|
358
|
+
[data-ar-design="remix"] .join-introduction:not([data-ui-fixed], [data-ui-fixed] *){width:100%;max-width:520px;margin:24px auto}
|
|
359
|
+
[data-ar-design="remix"] .login_wrapper .login__version:not([data-ui-fixed], [data-ui-fixed] *){position:relative;align-self:flex-start;margin:24px 0 0;font-size:10px;line-height:1.5}
|
|
360
|
+
@media(min-width:768px){[data-ar-design="remix"] .login_wrapper .login__version:not([data-ui-fixed], [data-ui-fixed] *){position:absolute;left:16px;bottom:12px}}
|
|
361
361
|
/* Login app prompt: keep the icon, wrapped name and actions inside narrow viewports. */
|
|
362
|
-
[data-ar-design="remix"] .app_popup[data-v-uibfa8b11a3438]{height:auto;min-height:50px}
|
|
363
|
-
[data-ar-design="remix"] .app_popup_content[data-v-uibfa8b11a3438]{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px}
|
|
364
|
-
[data-ar-design="remix"] .app_popup_content .mark_wrap[data-v-uibfa8b11a3438]{flex:none;width:28px;margin:0;padding:0}
|
|
365
|
-
[data-ar-design="remix"] .app_popup_text[data-v-uibfa8b11a3438]{flex:1;min-width:0;padding:0}
|
|
366
|
-
[data-ar-design="remix"] .app_popup_text :is(.app_name,.app_caution)[data-v-uibfa8b11a3438]{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
|
|
367
|
-
[data-ar-design="remix"] .app_button_wrap[data-v-uibfa8b11a3438]{display:flex;align-items:center;gap:4px;flex:none}
|
|
368
|
-
[data-ar-design="remix"] .close_app_button[data-v-uibfa8b11a3438]{display:inline-flex;width:30px;height:30px;margin:0;padding:0;line-height:normal}
|
|
362
|
+
[data-ar-design="remix"] .app_popup[data-v-uibfa8b11a3438]:not([data-ui-fixed], [data-ui-fixed] *){height:auto;min-height:50px}
|
|
363
|
+
[data-ar-design="remix"] .app_popup_content[data-v-uibfa8b11a3438]:not([data-ui-fixed], [data-ui-fixed] *){box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px}
|
|
364
|
+
[data-ar-design="remix"] .app_popup_content .mark_wrap[data-v-uibfa8b11a3438]:not([data-ui-fixed], [data-ui-fixed] *){flex:none;width:28px;margin:0;padding:0}
|
|
365
|
+
[data-ar-design="remix"] .app_popup_text[data-v-uibfa8b11a3438]:not([data-ui-fixed], [data-ui-fixed] *){flex:1;min-width:0;padding:0}
|
|
366
|
+
[data-ar-design="remix"] .app_popup_text :is(.app_name,.app_caution)[data-v-uibfa8b11a3438]:not([data-ui-fixed], [data-ui-fixed] *){font-size:12px;line-height:1.4;overflow-wrap:anywhere}
|
|
367
|
+
[data-ar-design="remix"] .app_button_wrap[data-v-uibfa8b11a3438]:not([data-ui-fixed], [data-ui-fixed] *){display:flex;align-items:center;gap:4px;flex:none}
|
|
368
|
+
[data-ar-design="remix"] .close_app_button[data-v-uibfa8b11a3438]:not([data-ui-fixed], [data-ui-fixed] *){display:inline-flex;width:30px;height:30px;margin:0;padding:0;line-height:normal}
|
|
369
369
|
|
|
370
370
|
/* Punch review uses the common stack spacing above its scrollable table. */
|
|
371
|
-
[data-ar-design="remix"] .attendance_table_wrap[data-v-uia097494f994a] { margin-top:0;padding-top:0; }
|
|
372
|
-
[data-ar-design="remix"] .attendance_table_wrap th.branch_id[data-v-uia097494f994a] { min-width:170px; }
|
|
373
|
-
[data-ar-design="remix"] .attendance_table_wrap th.shift.separated[data-v-uia097494f994a] { width:240px;min-width:240px; }
|
|
374
|
-
[data-ar-design="remix"] .attendance_table_wrap th.punch.separated[data-v-uia097494f994a] { width:264px;min-width:264px; }
|
|
371
|
+
[data-ar-design="remix"] .attendance_table_wrap[data-v-uia097494f994a]:not([data-ui-fixed], [data-ui-fixed] *) { margin-top:0;padding-top:0; }
|
|
372
|
+
[data-ar-design="remix"] .attendance_table_wrap th.branch_id[data-v-uia097494f994a]:not([data-ui-fixed], [data-ui-fixed] *) { min-width:170px; }
|
|
373
|
+
[data-ar-design="remix"] .attendance_table_wrap th.shift.separated[data-v-uia097494f994a]:not([data-ui-fixed], [data-ui-fixed] *) { width:240px;min-width:240px; }
|
|
374
|
+
[data-ar-design="remix"] .attendance_table_wrap th.punch.separated[data-v-uia097494f994a]:not([data-ui-fixed], [data-ui-fixed] *) { width:264px;min-width:264px; }
|
|
375
375
|
|
|
376
376
|
/* Keep this in the utility's layer: important declarations reverse layer order. */
|
|
377
377
|
@layer arrow-product-layout {
|
|
378
|
-
[data-ar-design="remix"] table[data-ui-part="table"] th.n2br {
|
|
378
|
+
[data-ar-design="remix"] table[data-ui-part="table"] th.n2br:not([data-ui-fixed], [data-ui-fixed] *) {
|
|
379
379
|
white-space: pre !important;
|
|
380
380
|
}
|
|
381
381
|
}
|
|
382
382
|
|
|
383
383
|
/* Opt-in cards preserve field labels and usable inline editors on narrow tables. */
|
|
384
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"]{container:ar-product-responsive-table / inline-size}
|
|
385
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] :is(th,td).name{width:144px;min-width:144px}
|
|
386
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] :is(th,td).is_selection{width:56px;min-width:56px}
|
|
387
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] :is(th,td).init_type{width:200px;min-width:200px}
|
|
388
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.name [data-ar="text-input"]{width:100%;min-width:0}
|
|
389
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.name>:is(.no_drag,.is_drag){max-width:120px}
|
|
384
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"]:not([data-ui-fixed], [data-ui-fixed] *){container:ar-product-responsive-table / inline-size}
|
|
385
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] :is(th,td).name:not([data-ui-fixed], [data-ui-fixed] *){width:144px;min-width:144px}
|
|
386
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] :is(th,td).is_selection:not([data-ui-fixed], [data-ui-fixed] *){width:56px;min-width:56px}
|
|
387
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] :is(th,td).init_type:not([data-ui-fixed], [data-ui-fixed] *){width:200px;min-width:200px}
|
|
388
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.name [data-ar="text-input"]:not([data-ui-fixed], [data-ui-fixed] *){width:100%;min-width:0}
|
|
389
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.name>:is(.no_drag,.is_drag):not([data-ui-fixed], [data-ui-fixed] *){max-width:120px}
|
|
390
390
|
@container ar-product-responsive-table (max-width:767px){
|
|
391
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]{display:block;width:100%;min-width:0;table-layout:auto;border:0;background:transparent}
|
|
392
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>thead{display:block;margin-bottom:8px}
|
|
393
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>thead>tr>th{display:none}
|
|
394
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>thead>tr>th:has([data-ar="info"]){display:flex;align-items:center;gap:6px;width:auto;min-width:0;padding:4px 8px;border:0;border-radius:6px;font-size:11px}
|
|
395
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody.smooth-dnd-container{display:grid!important;gap:10px;width:100%;min-width:0}
|
|
396
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--ar-color-border);border-radius:12px;background:var(--ar-color-surface);overflow:hidden}
|
|
397
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td:is([data-label],.button,[colspan]){display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:auto;min-width:0;max-width:none;position:static;padding:8px 12px;border:0;white-space:normal;text-align:left;background:transparent}
|
|
398
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td[data-label]::before{content:attr(data-label);flex:1;min-width:0;color:var(--ar-color-text-secondary);font-size:11px;line-height:1.5}
|
|
399
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td:is(.name,.paymentgroup_id,.init_type,.button,[colspan]:not([colspan="1"])){grid-column:1/-1}
|
|
400
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td:is(.name,.paymentgroup_id,.init_type){flex-direction:column;align-items:stretch;gap:4px}
|
|
401
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td.name{background:var(--ar-accent-subtle);font-weight:600}
|
|
402
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td.blank{display:none}
|
|
403
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td.button{justify-content:flex-end;border-top:1px solid var(--ar-color-border-subtle);background:var(--ar-color-surface)}
|
|
404
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.button [data-ar="button"][data-icon-only]{min-width:40px;min-height:40px}
|
|
405
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td:is(.name,.paymentgroup_id,.init_type)>:is(.no_drag,.is_drag){display:block;width:100%;min-width:0;max-width:100%}
|
|
406
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td .drag_icon_wrap{position:static;float:left;margin-right:8px}
|
|
407
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td [data-ar="text-input"]{max-width:100%}
|
|
408
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td:not(.name,.paymentgroup_id,.init_type,.button)>.no_drag{width:auto;flex:none}
|
|
409
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.button>.no_drag{display:flex;justify-content:flex-end;width:100%}
|
|
410
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.name:has(.drag_icon_wrap){position:relative;padding-left:32px}
|
|
411
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.name>.drag_icon_wrap{position:absolute;left:10px;top:12px;margin:0}
|
|
412
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td:is(.name,.paymentgroup_id) :is([data-ar="text-input"],[data-ar="select"],.paymentgroup_selector_component){width:100%;max-width:100%}
|
|
413
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.init_type .row{flex-wrap:wrap;max-width:100%}
|
|
414
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.init_type .row:first-child>[data-ar="select"]{width:100%}
|
|
415
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] tbody>tr:hover>td:not(.name){background:transparent}
|
|
391
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]:not([data-ui-fixed], [data-ui-fixed] *){display:block;width:100%;min-width:0;table-layout:auto;border:0;background:transparent}
|
|
392
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>thead:not([data-ui-fixed], [data-ui-fixed] *){display:block;margin-bottom:8px}
|
|
393
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>thead>tr>th:not([data-ui-fixed], [data-ui-fixed] *){display:none}
|
|
394
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>thead>tr>th:has([data-ar="info"]):not([data-ui-fixed], [data-ui-fixed] *){display:flex;align-items:center;gap:6px;width:auto;min-width:0;padding:4px 8px;border:0;border-radius:6px;font-size:11px}
|
|
395
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody.smooth-dnd-container:not([data-ui-fixed], [data-ui-fixed] *){display:grid!important;gap:10px;width:100%;min-width:0}
|
|
396
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr:not([data-ui-fixed], [data-ui-fixed] *){grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--ar-color-border);border-radius:12px;background:var(--ar-color-surface);overflow:hidden}
|
|
397
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td:is([data-label],.button,[colspan]):not([data-ui-fixed], [data-ui-fixed] *){display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:auto;min-width:0;max-width:none;position:static;padding:8px 12px;border:0;white-space:normal;text-align:left;background:transparent}
|
|
398
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td[data-label]:not([data-ui-fixed], [data-ui-fixed] *)::before{content:attr(data-label);flex:1;min-width:0;color:var(--ar-color-text-secondary);font-size:11px;line-height:1.5}
|
|
399
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td:is(.name,.paymentgroup_id,.init_type,.button,[colspan]:not([colspan="1"])):not([data-ui-fixed], [data-ui-fixed] *){grid-column:1/-1}
|
|
400
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td:is(.name,.paymentgroup_id,.init_type):not([data-ui-fixed], [data-ui-fixed] *){flex-direction:column;align-items:stretch;gap:4px}
|
|
401
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td.name:not([data-ui-fixed], [data-ui-fixed] *){background:var(--ar-accent-subtle);font-weight:600}
|
|
402
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td.blank:not([data-ui-fixed], [data-ui-fixed] *){display:none}
|
|
403
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"]>tbody>tr>td.button:not([data-ui-fixed], [data-ui-fixed] *){justify-content:flex-end;border-top:1px solid var(--ar-color-border-subtle);background:var(--ar-color-surface)}
|
|
404
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.button [data-ar="button"][data-icon-only]:not([data-ui-fixed], [data-ui-fixed] *){min-width:40px;min-height:40px}
|
|
405
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td:is(.name,.paymentgroup_id,.init_type)>:is(.no_drag,.is_drag):not([data-ui-fixed], [data-ui-fixed] *){display:block;width:100%;min-width:0;max-width:100%}
|
|
406
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td .drag_icon_wrap:not([data-ui-fixed], [data-ui-fixed] *){position:static;float:left;margin-right:8px}
|
|
407
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td [data-ar="text-input"]:not([data-ui-fixed], [data-ui-fixed] *){max-width:100%}
|
|
408
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td:not(.name,.paymentgroup_id,.init_type,.button)>.no_drag:not([data-ui-fixed], [data-ui-fixed] *){width:auto;flex:none}
|
|
409
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.button>.no_drag:not([data-ui-fixed], [data-ui-fixed] *){display:flex;justify-content:flex-end;width:100%}
|
|
410
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.name:has(.drag_icon_wrap):not([data-ui-fixed], [data-ui-fixed] *){position:relative;padding-left:32px}
|
|
411
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.name>.drag_icon_wrap:not([data-ui-fixed], [data-ui-fixed] *){position:absolute;left:10px;top:12px;margin:0}
|
|
412
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td:is(.name,.paymentgroup_id) :is([data-ar="text-input"],[data-ar="select"],.paymentgroup_selector_component):not([data-ui-fixed], [data-ui-fixed] *){width:100%;max-width:100%}
|
|
413
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.init_type .row:not([data-ui-fixed], [data-ui-fixed] *){flex-wrap:wrap;max-width:100%}
|
|
414
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] td.init_type .row:first-child>[data-ar="select"]:not([data-ui-fixed], [data-ui-fixed] *){width:100%}
|
|
415
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"] table[data-ui-part="table"] tbody>tr:hover>td:not(.name):not([data-ui-fixed], [data-ui-fixed] *){background:transparent}
|
|
416
416
|
@layer arrow-product-layout {
|
|
417
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"].sortable_table_component table[data-ui-part="table"]>thead>tr{display:flex!important;flex-wrap:wrap;gap:6px}
|
|
418
|
-
[data-ar-design="remix"] [data-ui-responsive="cards"].sortable_table_component table[data-ui-part="table"]>tbody>tr{display:grid!important}
|
|
417
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"].sortable_table_component table[data-ui-part="table"]>thead>tr:not([data-ui-fixed], [data-ui-fixed] *){display:flex!important;flex-wrap:wrap;gap:6px}
|
|
418
|
+
[data-ar-design="remix"] [data-ui-responsive="cards"].sortable_table_component table[data-ui-part="table"]>tbody>tr:not([data-ui-fixed], [data-ui-fixed] *){display:grid!important}
|
|
419
419
|
}
|
|
420
420
|
}
|
|
421
|
+
|
|
422
|
+
/* Attendance time slots align entered values and read-only values to the same 32px row. */
|
|
423
|
+
[data-ar-design="remix"] .attendance_table_wrap .shift_time_col:not([data-ui-fixed], [data-ui-fixed] *){display:flex;align-items:center;justify-content:center;height:32px;line-height:1.4;margin:0;box-sizing:border-box}
|
|
424
|
+
[data-ar-design="remix"] .attendance_table_wrap :is(.date_col,.work_type_col,.hourly_paidhol_col,.branch_id_col,.carfare_col):not([data-ui-fixed], [data-ui-fixed] *){display:flex;align-items:center;justify-content:center;line-height:1.4;box-sizing:content-box}
|
|
425
|
+
[data-ar-design="remix"] .attendance_table_wrap .branch_id_col:not([data-ui-fixed], [data-ui-fixed] *){justify-content:flex-start}
|
|
426
|
+
[data-ar-design="remix"] .attendance_table_wrap .shift_time_col>[data-ar="time-input"]:not([data-ui-fixed], [data-ui-fixed] *){vertical-align:middle}
|
|
427
|
+
[data-ar-design="remix"] .attendance_table_wrap:not([data-ui-fixed], [data-ui-fixed] *){margin-top:0;padding-top:0}
|
|
428
|
+
@media(max-width:499px){[data-ar-design="remix"] .attendance_table_wrap .shift_time_col:not([data-ui-fixed], [data-ui-fixed] *){height:27px}}
|
|
429
|
+
/* Add-only rows are controls, not hoverable data. Raw tree slots use the same treatment. */
|
|
430
|
+
[data-ar-design="remix"] :is(table[data-ui-part="table"],[data-ar="tree-table"]) tbody[data-part="before-rows"] tr:hover>td:not([data-ui-fixed], [data-ui-fixed] *){background:var(--ar-color-surface)}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/* Product rule editor: shared geometry for highlighted code and its editable layer. */
|
|
2
|
+
[data-ar-design="remix"] [data-ui-part="javaScriptRuleEditor"].ts_rule_editor{--editor-font-size:13px;--editor-line-height:20px;--editor-padding-y:12px;--editor-padding-x:12px;--editor-font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;width:100%;min-width:0;border:1px solid var(--ar-color-field);border-radius:12px;overflow:hidden;background:var(--ar-color-surface)}
|
|
3
|
+
[data-ar-design="remix"] .ts_rule_editor>[data-ar="variable-panel"]{padding:12px;border-bottom:1px solid var(--ar-color-border);background:var(--ar-color-surface-alt)}
|
|
4
|
+
[data-ar-design="remix"] .ts_rule_editor_legend{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--ar-color-border);background:var(--ar-color-surface-alt)}
|
|
5
|
+
[data-ar-design="remix"] .ts_rule_editor_legend_item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ar-color-text-secondary)}
|
|
6
|
+
[data-ar-design="remix"] .ts_rule_editor_legend_dot{width:8px;height:8px;border-radius:50%;display:inline-block}
|
|
7
|
+
[data-ar-design="remix"] .ts_rule_editor_body{display:flex;min-height:240px}
|
|
8
|
+
[data-ar-design="remix"] .ts_rule_editor_line_numbers{width:48px;flex:0 0 48px;overflow:hidden;position:relative;border-right:1px solid var(--ar-color-border);background:var(--ar-color-surface-alt);user-select:none}
|
|
9
|
+
[data-ar-design="remix"] .ts_rule_editor_line_numbers_inner{position:absolute;inset:0;padding:var(--editor-padding-y) 8px;text-align:right;font:var(--editor-font-size)/var(--editor-line-height) var(--editor-font-family);color:var(--ar-color-text-muted);will-change:transform}
|
|
10
|
+
[data-ar-design="remix"] .ts_rule_editor_line_number{display:block;height:var(--editor-line-height);line-height:var(--editor-line-height)}
|
|
11
|
+
[data-ar-design="remix"] .ts_rule_editor_code_wrap{position:relative;flex:1;min-width:0;min-height:240px;overflow:hidden}
|
|
12
|
+
[data-ar-design="remix"] :is(.ts_rule_editor_highlight,.ts_rule_editor_textarea){box-sizing:border-box;position:absolute;inset:0;margin:0;padding:var(--editor-padding-y) var(--editor-padding-x);font:var(--editor-font-size)/var(--editor-line-height) var(--editor-font-family);white-space:pre;word-break:normal;tab-size:2;letter-spacing:normal}
|
|
13
|
+
[data-ar-design="remix"] .ts_rule_editor_highlight{height:100%;min-width:100%;width:max-content;overflow:visible;pointer-events:none;background:var(--ar-color-surface);color:var(--ar-color-text);will-change:transform}
|
|
14
|
+
[data-ar-design="remix"] .ts_rule_editor_textarea{width:100%;height:100%;resize:none;border:0;outline:0;background:transparent;color:transparent;caret-color:var(--ar-color-text);overflow-x:auto;overflow-y:hidden}
|
|
15
|
+
[data-ar-design="remix"] .ts_rule_editor_body:focus-within{box-shadow:inset 0 0 0 2px var(--ar-accent-ring)}
|
|
16
|
+
[data-ar-design="remix"] .ts_rule_editor_textarea::selection{background:var(--ar-accent-muted)}
|
|
17
|
+
[data-ar-design="remix"] .ts_rule_editor_hover_tooltip{position:absolute;z-index:3;max-width:min(360px,90%);padding:8px 10px;border-radius:8px;background:#1f2933;color:#fff;font:12px/1.5 var(--ar-font-family);white-space:pre-wrap;pointer-events:none;box-shadow:var(--ar-shadow-pop)}
|
|
18
|
+
[data-ar-design="remix"] .ts_rule_editor_error{padding:10px 12px;border-top:1px solid var(--ar-color-border);background:var(--ar-color-danger-subtle);color:var(--ar-color-danger-ink);font-size:12px;line-height:1.5;white-space:pre-wrap}
|
|
19
|
+
[data-ar-design="remix"] .ts_rule_editor_highlight :is(.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-name){color:#7e3eaa}
|
|
20
|
+
[data-ar-design="remix"] .ts_rule_editor_highlight :is(.hljs-string,.hljs-doctag){color:#287544}
|
|
21
|
+
[data-ar-design="remix"] .ts_rule_editor_highlight :is(.hljs-title,.hljs-section,.hljs-selector-id){color:#2465a5}
|
|
22
|
+
[data-ar-design="remix"] .ts_rule_editor_highlight :is(.hljs-comment,.hljs-quote){color:#66727f}
|
|
23
|
+
[data-ar-design="remix"] .ts_rule_editor_highlight :is(.hljs-number,.hljs-operator,.hljs-built_in,.hljs-type){color:#9c5118}
|
|
24
|
+
[data-ar-design="remix"] .ts_rule_editor .rule-token-mutable{color:#287544}
|
|
25
|
+
[data-ar-design="remix"] .ts_rule_editor .rule-token-user_defined{color:#2465a5}
|
|
26
|
+
[data-ar-design="remix"] .ts_rule_editor .rule-token-constant{color:#9c6500}
|
|
27
|
+
[data-ar-design="remix"] .ts_rule_editor_legend_dot{background:currentColor}
|
|
28
|
+
[data-ar-design="remix"] pre.guide_code{margin:0;max-width:100%;padding:12px 16px;border:1px solid var(--ar-color-border);border-radius:10px;background:var(--ar-color-surface-alt);color:var(--ar-color-text);font:13px/1.7 SFMono-Regular,Menlo,Consolas,monospace;overflow:auto;white-space:pre;tab-size:2}
|
|
29
|
+
[data-ar-design="remix"] ol.guide_list{margin:0;padding-left:24px;list-style:decimal;line-height:1.8}
|
|
30
|
+
[data-ar-design="remix"] .guide_list>li+li{margin-top:4px}
|