Fork dialog — 375 px bottom sheet, English · עברית · العربية
Below 40em the fork confirmation of frame 5 becomes the design system's BottomSheet: same content, same order, same hooks. Actions stack with the primary action nearest the thumb.
en · ltr · 375
Fork “Priority” for Globex Freight
Your organization gets its own copy that you can change. The common list doesn't change.
- Key
- priority — kept
- Copied
- 5 values and every translation
Replaces the common list in every form.
Everyone else keeps the common list.
You become the owner — you can edit it and give others roles on it.
Later changes to the common list won't be copied into your fork.
he · rtl · 375
יצירת עותק של „עדיפות” עבור Globex Freight
הארגון שלך יקבל עותק משלו שאפשר לשנות. הרשימה המשותפת לא משתנה.
- מפתח
- priority — נשמר
- מועתק
- 5 ערכים וכל התרגומים
מחליפה את הרשימה המשותפת בכל טופס.
כל השאר ממשיכים עם הרשימה המשותפת.
אתם הופכים לבעלים — אפשר לערוך אותו ולתת לאחרים תפקידים בו.
שינויים עתידיים ברשימה המשותפת לא יועתקו לעותק שלכם.
ar · rtl · 375
إنشاء نسخة من «الأولوية» لـ Globex Freight
ستحصل مؤسستك على نسخة خاصة بها يمكن تعديلها. القائمة المشتركة لا تتغير.
- المفتاح
- priority — يبقى كما هو
- يُنسخ
- 5 قيم وجميع الترجمات
تحل محل القائمة المشتركة في كل نموذج.
يستمر الآخرون في استخدام القائمة المشتركة.
تصبحون المالك — يمكنكم تعديلها ومنح الآخرين أدوارًا عليها.
لن تُنسخ التغييرات المستقبلية على القائمة المشتركة إلى نسختكم.
Rules the implementation must keep
- One component, two presentations:
ForkListDialogrenders the DS Modal at ≥ 40em and the DS BottomSheet below it. Content, order, hooks and focus rules are identical; only the container changes. - The sheet's facts are condensed to Key and Copied; “You become owner” and the quota preview move below the options and may scroll. The visibility choice, the owner and no-sync notes and both actions are always visible without scrolling at 375×667.
- Actions stack vertically, full width: Cancel first, the primary action bottom-most (nearest the thumb). In RTL the order is the same — stacking is vertical, so nothing is mirrored.
- Organization names and keys inside Hebrew/Arabic sentences are wrapped in
<bdi>/dir="ltr"; quotation marks follow the locale („…” in Hebrew, «…» in Arabic). - Swipe-down and the scrim dismiss the sheet only while idle — never during
submitting(frame 5).
Test hooks: [data-frame='12-rtl-mobile-fork'] · [data-dialog='fork'][data-presentation='bottom-sheet'] · [data-device='375'] · [data-locale='he'][data-dir='rtl'] · [data-locale='ar'][data-dir='rtl'] · [data-control='fork-visibility'] · [data-visibility-option='org'][aria-checked='true'] · [data-fork-key='priority'] · [data-note='no-sync'] · [data-action='confirm-fork'] · [data-action='cancel'] · [data-rules='rtl-mobile-fork']
Playwright drives the real dialog at { viewport: 375×667, locale: he-IL | ar }: the dialog has data-presentation='bottom-sheet', dir is rtl,
and the confirm button is inside the viewport without scrolling.
Tokens only — no raw hex, spacing or type outside tokens.css / frame.css.