Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions Makefile
Original file line number Diff line number Diff line change
Expand Up @@ -156,6 +156,7 @@ build-s2-docs:
yarn workspace @react-spectrum/s2-docs generate:og
REGISTRY_URL=$(PUBLIC_URL)/registry node scripts/buildRegistry.mjs
REGISTRY_URL=$(PUBLIC_URL)/registry yarn build:s2-docs --public-url $(PUBLIC_URL)
node scripts/createFeedS2.mjs
mkdir -p $(DIST_DIR)
mv packages/dev/s2-docs/dist/* $(DIST_DIR)
mkdir -p $(DIST_DIR)/registry
Expand Down
1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -185,6 +185,7 @@
"recast": "^0.23",
"recursive-readdir": "^2.2.2",
"regenerator-runtime": "0.13.3",
"rehype-stringify": "^9.0.4",
"rimraf": "^6.0.1",
"sharp": "^0.33.5",
"storybook": "^8.6.14",
Expand Down
6 changes: 3 additions & 3 deletions packages/@react-aria/dnd/intl/es-ES.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,9 @@
"dragSelectedKeyboard": "Pulse Intro para arrastrar {count, plural, one {# elemento seleccionado} other {# elementos seleccionados}}.",
"dragSelectedKeyboardAlt": "Pulse Alt + Intro para arrastrar {count, plural, one {# elemento seleccionado} other {# elementos seleccionados}}.",
"dragSelectedLongPress": "Mantenga pulsado para arrastrar {count, plural, one {# elemento seleccionado} other {# elementos seleccionados}}.",
"dragStartedKeyboard": "Se ha empezado a arrastrar. Pulse el tabulador para ir al público destinatario donde se vaya a colocar y, a continuación, pulse Intro para soltar, o pulse Escape para cancelar.",
"dragStartedTouch": "Se ha empezado a arrastrar. Vaya al público destinatario donde se vaya a colocar y, a continuación, pulse dos veces para soltar.",
"dragStartedVirtual": "Se ha empezado a arrastrar. Vaya al público destinatario donde se vaya a colocar y, a continuación, haga clic o pulse Intro para soltar.",
"dragStartedKeyboard": "Se ha empezado a arrastrar. Pulse el tabulador para ir al destino donde se vaya a colocar y, a continuación, pulse Intro para soltar, o pulse Escape para cancelar.",
"dragStartedTouch": "Se ha empezado a arrastrar. Vaya al destino donde se vaya a colocar y, a continuación, pulse dos veces para soltar.",
"dragStartedVirtual": "Se ha empezado a arrastrar. Vaya al destino donde se vaya a colocar y, a continuación, haga clic o pulse Intro para soltar.",
"dropCanceled": "Se ha cancelado la colocación.",
"dropComplete": "Colocación finalizada.",
"dropDescriptionKeyboard": "Pulse Intro para soltar. Pulse Escape para cancelar el arrastre.",
Expand Down
2 changes: 1 addition & 1 deletion packages/@react-aria/menu/intl/it-IT.json
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
{
"longPressMessage": "Premere a lungo o premere Alt + Freccia giù per aprire il menu"
"longPressMessage": "Premi a lungo o premi Alt + Freccia giù per aprire il menu"
}
122 changes: 61 additions & 61 deletions packages/@react-spectrum/s2/chromatic/Accordion.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
* governing permissions and limitations under the License.
*/

import {Accordion, ActionButton, Disclosure, DisclosureHeader, DisclosurePanel, DisclosureTitle, TextField} from '../src';
import {Accordion, AccordionItem, AccordionItemHeader, AccordionItemPanel, AccordionItemTitle, ActionButton, TextField} from '../src';
import type {Meta, StoryObj} from '@storybook/react';
import NewIcon from '../s2wf-icons/S2_Icon_New_20_N.svg';
import React from 'react';
Expand All @@ -32,22 +32,22 @@ export const Example: Story = {
return (
<div className={style({minHeight: 240})}>
<Accordion {...args}>
<Disclosure id="files">
<DisclosureTitle>
<AccordionItem id="files">
<AccordionItemTitle>
Files
</DisclosureTitle>
<DisclosurePanel>
</AccordionItemTitle>
<AccordionItemPanel>
Files content
</DisclosurePanel>
</Disclosure>
<Disclosure id="people">
<DisclosureTitle>
</AccordionItemPanel>
</AccordionItem>
<AccordionItem id="people">
<AccordionItemTitle>
People
</DisclosureTitle>
<DisclosurePanel>
</AccordionItemTitle>
<AccordionItemPanel>
<TextField label="Name" styles={style({maxWidth: 176})} placeholder="Enter your name" />
</DisclosurePanel>
</Disclosure>
</AccordionItemPanel>
</AccordionItem>
</Accordion>
</div>
);
Expand All @@ -59,57 +59,57 @@ export const WithLongTitle: Story = {
return (
<div className={style({minHeight: 224})}>
<Accordion styles={style({maxWidth: 224})} {...args}>
<Disclosure>
<DisclosureTitle>
<AccordionItem>
<AccordionItemTitle>
Files
</DisclosureTitle>
<DisclosurePanel>
</AccordionItemTitle>
<AccordionItemPanel>
Files content
</DisclosurePanel>
</Disclosure>
<Disclosure>
<DisclosureTitle>
</AccordionItemPanel>
</AccordionItem>
<AccordionItem>
<AccordionItemTitle>
People
</DisclosureTitle>
<DisclosurePanel>
</AccordionItemTitle>
<AccordionItemPanel>
People content
</DisclosurePanel>
</Disclosure>
<Disclosure>
<DisclosureTitle>
</AccordionItemPanel>
</AccordionItem>
<AccordionItem>
<AccordionItemTitle>
Very very very very very long title that wraps
</DisclosureTitle>
<DisclosurePanel>
</AccordionItemTitle>
<AccordionItemPanel>
Accordion content
</DisclosurePanel>
</Disclosure>
</AccordionItemPanel>
</AccordionItem>
</Accordion>
</div>
);
}
};

export const WithDisabledDisclosure: Story = {
export const WithDisabledItem: Story = {
render: (args) => {
return (
<div className={style({minHeight: 240})}>
<Accordion {...args}>
<Disclosure>
<DisclosureTitle>
<AccordionItem>
<AccordionItemTitle>
Files
</DisclosureTitle>
<DisclosurePanel>
</AccordionItemTitle>
<AccordionItemPanel>
Files content
</DisclosurePanel>
</Disclosure>
<Disclosure isDisabled>
<DisclosureTitle>
</AccordionItemPanel>
</AccordionItem>
<AccordionItem isDisabled>
<AccordionItemTitle>
People
</DisclosureTitle>
<DisclosurePanel>
</AccordionItemTitle>
<AccordionItemPanel>
<TextField label="Name" placeholder="Enter your name" />
</DisclosurePanel>
</Disclosure>
</AccordionItemPanel>
</AccordionItem>
</Accordion>
</div>
);
Expand All @@ -122,7 +122,7 @@ WithLongTitle.parameters = {
}
};

WithDisabledDisclosure.parameters = {
WithDisabledItem.parameters = {
docs: {
disable: true
}
Expand All @@ -133,28 +133,28 @@ export const WithActionButton: Story = {
return (
<div className={style({minHeight: 240})}>
<Accordion {...args}>
<Disclosure id="files">
<DisclosureHeader>
<DisclosureTitle>
<AccordionItem id="files">
<AccordionItemHeader>
<AccordionItemTitle>
Files
</DisclosureTitle>
</AccordionItemTitle>
<ActionButton><NewIcon aria-label="new icon" /></ActionButton>
</DisclosureHeader>
<DisclosurePanel>
</AccordionItemHeader>
<AccordionItemPanel>
Files content
</DisclosurePanel>
</Disclosure>
<Disclosure id="people">
<DisclosureHeader>
<DisclosureTitle>
</AccordionItemPanel>
</AccordionItem>
<AccordionItem id="people">
<AccordionItemHeader>
<AccordionItemTitle>
People
</DisclosureTitle>
</AccordionItemTitle>
<ActionButton><NewIcon aria-label="new icon" /></ActionButton>
</DisclosureHeader>
<DisclosurePanel>
</AccordionItemHeader>
<AccordionItemPanel>
<TextField label="Name" styles={style({maxWidth: 176})} placeholder="Enter your name" />
</DisclosurePanel>
</Disclosure>
</AccordionItemPanel>
</AccordionItem>
</Accordion>
</div>
);
Expand Down
2 changes: 1 addition & 1 deletion packages/@react-spectrum/s2/intl/ar-AE.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
"notificationbadge.indicatorOnly": "نشاط جديد",
"notificationbadge.plus": "{notifications}+",
"picker.placeholder": "تحديد…",
"picker.selectedCount": "{count, plural, =0 {لم يتم تحديد عناصر} one {# عنصر محدد} other {# عنصر محدد}}",
"picker.selectedCount": "{count, plural, =0 {لم يتم تحديد أي عنصر} one {تم تحديد عنصر واحد} two {تم تحديد عنصرين} few {تم تحديد # عناصر} other {تم تحديد # عنصر}}",
"slider.maximum": "أقصى",
"slider.minimum": "أدنى",
"table.cancel": "إلغاء",
Expand Down
5 changes: 4 additions & 1 deletion packages/@react-spectrum/s2/intl/bg-BG.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,12 +26,15 @@
"notificationbadge.indicatorOnly": "Нова дейност",
"notificationbadge.plus": "{notifications}+",
"picker.placeholder": "Изберете…",
"picker.selectedCount": "{count, plural, =0 {Няма избрани елементи} one {# избран елемент} other {# избрани елементи}}",
"picker.selectedCount": "{count, plural, =0 {Няма избрани елементи} one {# избран елемент} other {# избрани елемента}}",
"slider.maximum": "Максимум",
"slider.minimum": "Минимум",
"table.cancel": "Отказ",
"table.editCell": "Редактиране на клетка",
"table.loading": "Зареждане...",
"table.loadingMore": "Зареждане на още...",
"table.resizeColumn": "Преоразмеряване на колона",
"table.save": "Запазване",
"table.sortAscending": "Възходящо сортиране",
"table.sortDescending": "Низходящо сортиране ",
"tag.actions": "Действия",
Expand Down
5 changes: 4 additions & 1 deletion packages/@react-spectrum/s2/intl/cs-CZ.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,12 +26,15 @@
"notificationbadge.indicatorOnly": "Nová aktivita",
"notificationbadge.plus": "{notifications}+",
"picker.placeholder": "Vybrat…",
"picker.selectedCount": "{count, plural, =0 {Nevybrány žádné položky} one {Vybrána # položka} other {Vybráno # položek}}",
"picker.selectedCount": "{count, plural, =0 {Nevybrány žádné položky} one {Vybrána # položka} few {Vybrány # položky} other {Vybráno # položek}}",
"slider.maximum": "Maximum",
"slider.minimum": "Minimum",
"table.cancel": "Zrušit",
"table.editCell": "Upravit buňku",
"table.loading": "Načítání...",
"table.loadingMore": "Načítání dalších...",
"table.resizeColumn": "Změnit velikost sloupce",
"table.save": "Uložit",
"table.sortAscending": "Seřadit vzestupně",
"table.sortDescending": "Seřadit sestupně",
"tag.actions": "Akce",
Expand Down
3 changes: 3 additions & 0 deletions packages/@react-spectrum/s2/intl/da-DK.json
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,12 @@
"picker.selectedCount": "{count, plural, =0 {Ingen elementer valgt} one {# element valgt} other {# elementer valgt}}",
"slider.maximum": "Maksimum",
"slider.minimum": "Minimum",
"table.cancel": "Annuller",
"table.editCell": "Rediger celle",
"table.loading": "Indlæser...",
"table.loadingMore": "Indlæser flere...",
"table.resizeColumn": "Tilpas størrelse på kolonne",
"table.save": "Gem",
"table.sortAscending": "Sorter stigende",
"table.sortDescending": "Sorter faldende",
"tag.actions": "Handlinger",
Expand Down
3 changes: 3 additions & 0 deletions packages/@react-spectrum/s2/intl/de-DE.json
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,12 @@
"picker.selectedCount": "{count, plural, =0 {Keine Elemente ausgewählt} one {# Element ausgewählt} other {# Elemente ausgewählt}}",
"slider.maximum": "Maximum",
"slider.minimum": "Minimum",
"table.cancel": "Abbrechen",
"table.editCell": "Zelle bearbeiten",
"table.loading": "Laden...",
"table.loadingMore": "Mehr laden ...",
"table.resizeColumn": "Spaltengröße ändern",
"table.save": "Speichern",
"table.sortAscending": "Aufsteigend sortieren",
"table.sortDescending": "Absteigend sortieren",
"tag.actions": "Aktionen",
Expand Down
3 changes: 3 additions & 0 deletions packages/@react-spectrum/s2/intl/el-GR.json
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,12 @@
"picker.selectedCount": "{count, plural, =0 {Δεν επιλέχθηκαν στοιχεία} one {Επιλέχθηκε # στοιχείο} other {Επιλέχθηκαν # στοιχεία}}",
"slider.maximum": "Μέγιστο",
"slider.minimum": "Ελάχιστο",
"table.cancel": "Ακύρωση",
"table.editCell": "Επεξεργασία κελιού",
"table.loading": "Φόρτωση...",
"table.loadingMore": "Φόρτωση περισσότερων...",
"table.resizeColumn": "Αλλαγή μεγέθους στήλης",
"table.save": "Αποθήκευση",
"table.sortAscending": "Ταξινόμηση κατά αύξουσα σειρά",
"table.sortDescending": "Ταξινόμηση κατά φθίνουσα σειρά",
"tag.actions": "Ενέργειες",
Expand Down
3 changes: 3 additions & 0 deletions packages/@react-spectrum/s2/intl/es-ES.json
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,12 @@
"picker.selectedCount": "{count, plural, =0 {Ningún elemento seleccionado} one {# elemento seleccionado} other {# elementos seleccionados}}",
"slider.maximum": "Máximo",
"slider.minimum": "Mínimo",
"table.cancel": "Cancelar",
"table.editCell": "Editar celda",
"table.loading": "Cargando…",
"table.loadingMore": "Cargando más…",
"table.resizeColumn": "Cambiar el tamaño de la columna",
"table.save": "Guardar",
"table.sortAscending": "Orden ascendente",
"table.sortDescending": "Orden descendente",
"tag.actions": "Acciones",
Expand Down
5 changes: 4 additions & 1 deletion packages/@react-spectrum/s2/intl/et-EE.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,12 +26,15 @@
"notificationbadge.indicatorOnly": "Uus tegevus",
"notificationbadge.plus": "{notifications}+",
"picker.placeholder": "Valige…",
"picker.selectedCount": "{count, plural, =0 {Üksusi pole valitud} one {# üksus valitud} other {# üksust valitud}}",
"picker.selectedCount": "{count, plural, =0 {üksuseid pole valitud} one {# üksus valitud} other {# üksust valitud}}",
"slider.maximum": "Maksimaalne",
"slider.minimum": "Minimaalne",
"table.cancel": "Tühista",
"table.editCell": "Muuda lahtrit",
"table.loading": "Laadimine...",
"table.loadingMore": "Laadi rohkem...",
"table.resizeColumn": "Muuda veeru suurust",
"table.save": "Salvesta",
"table.sortAscending": "Sordi kasvavalt",
"table.sortDescending": "Sordi kahanevalt",
"tag.actions": "Toimingud",
Expand Down
5 changes: 4 additions & 1 deletion packages/@react-spectrum/s2/intl/fi-FI.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,12 +26,15 @@
"notificationbadge.indicatorOnly": "Uusi toiminta",
"notificationbadge.plus": "{notifications}+",
"picker.placeholder": "Valitse…",
"picker.selectedCount": "{count, plural, =0 {Ei yhtään kohdetta valittu} one {# kohde valittu} other {# kohdetta valittu}}",
"picker.selectedCount": "{count, plural, =0 {Kohteita ei ole valittu} one {# kohde valittu} other {# kohdetta valittu}}",
"slider.maximum": "Maksimi",
"slider.minimum": "Minimi",
"table.cancel": "Peruuta",
"table.editCell": "Muokkaa solua",
"table.loading": "Ladataan…",
"table.loadingMore": "Ladataan lisää…",
"table.resizeColumn": "Muuta sarakkeen kokoa",
"table.save": "Tallenna",
"table.sortAscending": "Lajittelujärjestys: nouseva",
"table.sortDescending": "Lajittelujärjestys: laskeva",
"tag.actions": "Toiminnot",
Expand Down
3 changes: 3 additions & 0 deletions packages/@react-spectrum/s2/intl/fr-FR.json
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,12 @@
"picker.selectedCount": "{count, plural, =0 {Aucun élément sélectionné} one {# élément sélectionné} other {# éléments sélectionnés}}",
"slider.maximum": "Maximum",
"slider.minimum": "Minimum",
"table.cancel": "Annuler",
"table.editCell": "Modifier la cellule",
"table.loading": "Chargement...",
"table.loadingMore": "Chargement supplémentaire...",
"table.resizeColumn": "Redimensionner la colonne",
"table.save": "Enregistrer",
"table.sortAscending": "Trier par ordre croissant",
"table.sortDescending": "Trier par ordre décroissant",
"tag.actions": "Actions",
Expand Down
3 changes: 3 additions & 0 deletions packages/@react-spectrum/s2/intl/he-IL.json
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,12 @@
"picker.selectedCount": "{count, plural, =0 {לא נבחרו פריטים} one {פריט # נבחר} other {# פריטים נבחרו}}",
"slider.maximum": "מקסימום",
"slider.minimum": "מינימום",
"table.cancel": "ביטול",
"table.editCell": "עריכת תא",
"table.loading": "טוען...",
"table.loadingMore": "טוען עוד...",
"table.resizeColumn": "שנה את גודל העמודה",
"table.save": "שמירה",
"table.sortAscending": "מיין בסדר עולה",
"table.sortDescending": "מיין בסדר יורד",
"tag.actions": "פעולות",
Expand Down
3 changes: 3 additions & 0 deletions packages/@react-spectrum/s2/intl/hr-HR.json
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,12 @@
"picker.selectedCount": "{count, plural, =0 {Nije odabrana nijedna stavka} one {Odabrana je # stavka} other {Odabrano je # stavki}}",
"slider.maximum": "Najviše",
"slider.minimum": "Najmanje",
"table.cancel": "Poništi",
"table.editCell": "Uredi ćeliju",
"table.loading": "Učitavam...",
"table.loadingMore": "Učitavam još...",
"table.resizeColumn": "Promijeni veličinu stupca",
"table.save": "Spremi",
"table.sortAscending": "Sortiraj uzlazno",
"table.sortDescending": "Sortiraj silazno",
"tag.actions": "Radnje",
Expand Down
Loading
Loading