Skip to content

Commit ad9e171

Browse files
PatrikKozakpaulpopusJessRynkarJarrodMFlesch
authored
feat(ui): restyle Number & Text field for v4 (#16419)
## Summary Restyles the Number field and ReactSelect components for the v4 UI refresh. Adds an `InputStepper` component with custom chevron buttons to replace native browser spinners, fixes multi-value pill styling with proper 20px height and spacing, and fixes `ClearIndicator` alignment for single and multi-row layouts. Also migrates all ReactSelect scss files to css, adds a `CircledX` icon with tight viewBox, and updates the `X` and `Chevron` icons with size prop support. --------- Co-authored-by: Paul Popus <paul@payloadcms.com> Co-authored-by: Jessica Rynkar <jrynkar@figma.com> Co-authored-by: Jessica Rynkar <67977755+JessRynkar@users.noreply.github.com> Co-authored-by: Jarrod Flesch <jarrodmflesch@gmail.com> Co-authored-by: Jarrod Flesch <30633324+JarrodMFlesch@users.noreply.github.com>
1 parent 640c6d7 commit ad9e171

84 files changed

Lines changed: 654 additions & 454 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎packages/translations/src/clientKeys.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -230,6 +230,7 @@ export const clientTranslationKeys = createClientTranslationKeys([
230230
'general:custom',
231231
'general:dark',
232232
'general:dashboard',
233+
'general:decrement',
233234
'general:delete',
234235
'general:deleted',
235236
'general:deletedAt',
@@ -260,6 +261,7 @@ export const clientTranslationKeys = createClientTranslationKeys([
260261
'general:emailAddress',
261262
'general:emptyTrash',
262263
'general:emptyTrashLabel',
264+
'general:enterANumber',
263265
'general:enterAValue',
264266
'general:error',
265267
'general:errors',
@@ -270,6 +272,7 @@ export const clientTranslationKeys = createClientTranslationKeys([
270272
'general:globals',
271273
'general:goBack',
272274
'general:groupByLabel',
275+
'general:increment',
273276
'general:isEditing',
274277
'general:item',
275278
'general:items',

‎packages/translations/src/languages/ar.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -290,6 +290,7 @@ export const arTranslations: DefaultTranslationsObject = {
290290
custom: 'مخصص',
291291
dark: 'غامق',
292292
dashboard: 'لوحة التّحكّم',
293+
decrement: 'إنقاص',
293294
delete: 'حذف',
294295
deleted: 'تم الحذف',
295296
deletedAt: 'تم الحذف في',
@@ -322,6 +323,7 @@ export const arTranslations: DefaultTranslationsObject = {
322323
emailAddress: 'عنوان البريد الإلكتروني',
323324
emptyTrash: 'أفرغ القمامة',
324325
emptyTrashLabel: 'أفرغ سلة المحذوفات {{label}}',
326+
enterANumber: 'أدخل رقماً',
325327
enterAValue: 'أدخل قيمة',
326328
error: 'خطأ',
327329
errors: 'أخطاء',
@@ -336,6 +338,7 @@ export const arTranslations: DefaultTranslationsObject = {
336338
goBack: 'العودة',
337339
groupByLabel: 'التجميع حسب {{label}}',
338340
import: 'استيراد',
341+
increment: 'زيادة',
339342
isEditing: 'يحرر',
340343
item: 'عنصر',
341344
items: 'عناصر',

‎packages/translations/src/languages/az.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -302,6 +302,7 @@ export const azTranslations: DefaultTranslationsObject = {
302302
custom: 'Xüsusi',
303303
dark: 'Tünd',
304304
dashboard: 'Panel',
305+
decrement: 'Azaltmaq',
305306
delete: 'Sil',
306307
deleted: 'Silinmiş',
307308
deletedAt: 'Silinib Tarixi',
@@ -335,6 +336,7 @@ export const azTranslations: DefaultTranslationsObject = {
335336
emailAddress: 'Elektron poçt ünvanı',
336337
emptyTrash: 'Zibil qutusunu boşaltın',
337338
emptyTrashLabel: '{{label}} zibilini boşaltın',
339+
enterANumber: 'Bir rəqəm daxil edin',
338340
enterAValue: 'Bir dəyər daxil edin',
339341
error: 'Xəta',
340342
errors: 'Xətalar',
@@ -349,6 +351,7 @@ export const azTranslations: DefaultTranslationsObject = {
349351
goBack: 'Geri qayıt',
350352
groupByLabel: '{{label}} ilə qruplaşdırın',
351353
import: 'İdxal',
354+
increment: 'Artırmaq',
352355
isEditing: 'redaktə edir',
353356
item: 'Əşya',
354357
items: 'maddələr',

‎packages/translations/src/languages/bg.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -299,6 +299,7 @@ export const bgTranslations: DefaultTranslationsObject = {
299299
custom: 'Персонализиран',
300300
dark: 'Тъмна',
301301
dashboard: 'Табло',
302+
decrement: 'Декрементиране',
302303
delete: 'Изтрий',
303304
deleted: 'Изтрито',
304305
deletedAt: 'Изтрито на',
@@ -332,6 +333,7 @@ export const bgTranslations: DefaultTranslationsObject = {
332333
emailAddress: 'Имейл адрес',
333334
emptyTrash: 'Изпразни кошчето',
334335
emptyTrashLabel: 'Изпразнете кошчето за {{label}}',
336+
enterANumber: 'Въведете число',
335337
enterAValue: 'Въведи стойност',
336338
error: 'Грешка',
337339
errors: 'Грешки',
@@ -346,6 +348,7 @@ export const bgTranslations: DefaultTranslationsObject = {
346348
goBack: 'Върни се',
347349
groupByLabel: 'Групирай по {{label}}',
348350
import: 'Внос',
351+
increment: 'Увеличение',
349352
isEditing: 'редактира',
350353
item: 'Aртикул',
351354
items: 'артикули',

‎packages/translations/src/languages/bnBd.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -304,6 +304,7 @@ export const bnBdTranslations: DefaultTranslationsObject = {
304304
custom: 'কাস্টম',
305305
dark: 'ডার্ক',
306306
dashboard: 'ড্যাশবোর্ড',
307+
decrement: 'হ্রাস করুন',
307308
delete: 'মুছুন',
308309
deleted: 'মুছে ফেলা হয়েছে',
309310
deletedAt: 'মুছে ফেলার সময়',
@@ -337,6 +338,7 @@ export const bnBdTranslations: DefaultTranslationsObject = {
337338
emailAddress: 'ইমেইল ঠিকানা',
338339
emptyTrash: 'ট্র্যাশ খালি করুন',
339340
emptyTrashLabel: '{{label}} ট্র্যাশ খালি করুন',
341+
enterANumber: 'একটি সংখ্যা লিখুন',
340342
enterAValue: 'একটি মান লিখুন',
341343
error: 'ত্রুটি',
342344
errors: 'ত্রুটিগুলি',
@@ -351,6 +353,7 @@ export const bnBdTranslations: DefaultTranslationsObject = {
351353
goBack: 'পিছনে যান',
352354
groupByLabel: '{{label}} অনুযায়ী গ্রুপ করুন',
353355
import: 'ইম্পোর্ট করুন',
356+
increment: 'বৃদ্ধি',
354357
isEditing: 'সম্পাদনা করছেন',
355358
item: 'আইটেম',
356359
items: 'আইটেমগুলি',

‎packages/translations/src/languages/bnIn.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -303,6 +303,7 @@ export const bnInTranslations: DefaultTranslationsObject = {
303303
custom: 'কাস্টম',
304304
dark: 'ডার্ক',
305305
dashboard: 'ড্যাশবোর্ড',
306+
decrement: 'ডিক্রিমেন্ট',
306307
delete: 'মুছুন',
307308
deleted: 'মুছে ফেলা হয়েছে',
308309
deletedAt: 'মুছে ফেলার সময়',
@@ -336,6 +337,7 @@ export const bnInTranslations: DefaultTranslationsObject = {
336337
emailAddress: 'ইমেইল ঠিকানা',
337338
emptyTrash: 'ট্র্যাশ খালি করুন',
338339
emptyTrashLabel: '{{label}} ফাঁকা করুন',
340+
enterANumber: 'একটি সংখ্যা প্রবেশ করুন',
339341
enterAValue: 'একটি মান লিখুন',
340342
error: 'ত্রুটি',
341343
errors: 'ত্রুটিগুলি',
@@ -350,6 +352,7 @@ export const bnInTranslations: DefaultTranslationsObject = {
350352
goBack: 'পিছনে যান',
351353
groupByLabel: '{{label}} দ্বারা গ্রুপ করুন',
352354
import: 'ইম্পোর্ট করুন',
355+
increment: 'বৃদ্ধি',
353356
isEditing: 'সম্পাদনা করছেন',
354357
item: 'আইটেম',
355358
items: 'আইটেমগুলি',

‎packages/translations/src/languages/ca.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -301,6 +301,7 @@ export const caTranslations: DefaultTranslationsObject = {
301301
custom: 'Personalitzat',
302302
dark: 'Fosc',
303303
dashboard: 'Tauler',
304+
decrement: 'Decrementar',
304305
delete: 'Eliminar',
305306
deleted: 'Eliminat',
306307
deletedAt: 'Eliminat en',
@@ -334,6 +335,7 @@ export const caTranslations: DefaultTranslationsObject = {
334335
emailAddress: 'Addressa de correu electrònic',
335336
emptyTrash: 'Buida la paperera',
336337
emptyTrashLabel: 'Buideu la paperera {{label}}',
338+
enterANumber: 'Introdueixi un nombre',
337339
enterAValue: 'Introdueix un valor',
338340
error: 'Error',
339341
errors: 'Errors',
@@ -348,6 +350,7 @@ export const caTranslations: DefaultTranslationsObject = {
348350
goBack: 'Torna enrere',
349351
groupByLabel: 'Agrupa per {{label}}',
350352
import: 'Importar',
353+
increment: 'Increment',
351354
isEditing: 'esta editant',
352355
item: 'Element',
353356
items: 'articles',

‎packages/translations/src/languages/cs.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -298,6 +298,7 @@ export const csTranslations: DefaultTranslationsObject = {
298298
custom: 'Vlastní',
299299
dark: 'Tmavý',
300300
dashboard: 'Nástěnka',
301+
decrement: 'Dekrementovat',
301302
delete: 'Odstranit',
302303
deleted: 'Smazáno',
303304
deletedAt: 'Smazáno dne',
@@ -331,6 +332,7 @@ export const csTranslations: DefaultTranslationsObject = {
331332
emailAddress: 'E-mailová adresa',
332333
emptyTrash: 'Vyprázdnit koš',
333334
emptyTrashLabel: 'Vyprázdnit {{label}} koš',
335+
enterANumber: 'Zadejte číslo',
334336
enterAValue: 'Zadejte hodnotu',
335337
error: 'Chyba',
336338
errors: 'Chyby',
@@ -345,6 +347,7 @@ export const csTranslations: DefaultTranslationsObject = {
345347
goBack: 'Vrátit se',
346348
groupByLabel: 'Seskupit podle {{label}}',
347349
import: 'Import',
350+
increment: 'Inkrement',
348351
isEditing: 'upravuje',
349352
item: 'Položka',
350353
items: 'položky',

‎packages/translations/src/languages/da.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -298,6 +298,7 @@ export const daTranslations: DefaultTranslationsObject = {
298298
custom: 'Tilpasset',
299299
dark: 'Mørk',
300300
dashboard: 'Dashboard',
301+
decrement: 'Decrementere',
301302
delete: 'Slet',
302303
deleted: 'Slettet',
303304
deletedAt: 'Slettet Ved',
@@ -331,6 +332,7 @@ export const daTranslations: DefaultTranslationsObject = {
331332
emailAddress: 'e-mailadresse',
332333
emptyTrash: 'Tøm skraldespanden',
333334
emptyTrashLabel: 'Tøm {{label}} skraldespanden',
335+
enterANumber: 'Indtast et tal',
334336
enterAValue: 'Indtast en værdi',
335337
error: 'Fejl',
336338
errors: 'Fejl',
@@ -345,6 +347,7 @@ export const daTranslations: DefaultTranslationsObject = {
345347
goBack: 'Gå tilbage',
346348
groupByLabel: 'Gruppér efter {{label}}',
347349
import: 'Import',
350+
increment: 'Forøg',
348351
isEditing: 'redigerer',
349352
item: 'Vare',
350353
items: 'elementer',

‎packages/translations/src/languages/de.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -308,6 +308,7 @@ export const deTranslations: DefaultTranslationsObject = {
308308
custom: 'Benutzerdefiniert',
309309
dark: 'Dunkel',
310310
dashboard: 'Übersicht',
311+
decrement: 'Dekrement',
311312
delete: 'Löschen',
312313
deleted: 'Gelöscht',
313314
deletedAt: 'Gelöscht am',
@@ -341,6 +342,7 @@ export const deTranslations: DefaultTranslationsObject = {
341342
emailAddress: 'E-Mail-Adresse',
342343
emptyTrash: 'Papierkorb leeren',
343344
emptyTrashLabel: '{{label}} Papierkorb leeren',
345+
enterANumber: 'Geben Sie eine Zahl ein',
344346
enterAValue: 'Gib einen Wert ein',
345347
error: 'Fehler',
346348
errors: 'Fehler',
@@ -355,6 +357,7 @@ export const deTranslations: DefaultTranslationsObject = {
355357
goBack: 'Zurück',
356358
groupByLabel: 'Nach {{label}} gruppieren',
357359
import: 'Importieren',
360+
increment: 'Erhöhung',
358361
isEditing: 'bearbeitet gerade',
359362
item: 'Element',
360363
items: 'Elemente',

0 commit comments

Comments
 (0)