@portnet/ui 6.0.1 → 6.0.3
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/CHANGELOG.md +737 -0
- package/dist/esm/index.js +90 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/v2/__tests__/AppMain.test.js +130 -0
- package/dist/esm/v2/__tests__/AppMain.test.js.map +1 -0
- package/dist/esm/v2/__tests__/ChartFigure.test.js +180 -0
- package/dist/esm/v2/__tests__/ChartFigure.test.js.map +1 -0
- package/dist/esm/v2/__tests__/DataGridRowActionsPropagation.test.js +150 -0
- package/dist/esm/v2/__tests__/DataGridRowActionsPropagation.test.js.map +1 -0
- package/dist/esm/v2/__tests__/DrawerTactileTargets.test.js +93 -0
- package/dist/esm/v2/__tests__/DrawerTactileTargets.test.js.map +1 -0
- package/dist/esm/v2/__tests__/FieldError.test.js +71 -39
- package/dist/esm/v2/__tests__/FieldError.test.js.map +1 -1
- package/dist/esm/v2/__tests__/FieldNaming.test.js +160 -0
- package/dist/esm/v2/__tests__/FieldNaming.test.js.map +1 -0
- package/dist/esm/v2/__tests__/FieldWidth.test.js +146 -0
- package/dist/esm/v2/__tests__/FieldWidth.test.js.map +1 -0
- package/dist/esm/v2/__tests__/FileCard.test.js +18 -18
- package/dist/esm/v2/__tests__/FileCard.test.js.map +1 -1
- package/dist/esm/v2/__tests__/FormikCheckbox.test.js +173 -0
- package/dist/esm/v2/__tests__/FormikCheckbox.test.js.map +1 -0
- package/dist/esm/v2/__tests__/FormikDateTimePicker.test.js +236 -0
- package/dist/esm/v2/__tests__/FormikDateTimePicker.test.js.map +1 -0
- package/dist/esm/v2/__tests__/FormikDisplayWidth.test.js +101 -0
- package/dist/esm/v2/__tests__/FormikDisplayWidth.test.js.map +1 -0
- package/dist/esm/v2/__tests__/FormikRadioGroup.test.js +299 -0
- package/dist/esm/v2/__tests__/FormikRadioGroup.test.js.map +1 -0
- package/dist/esm/v2/__tests__/MobileRowCard.test.js +44 -43
- package/dist/esm/v2/__tests__/MobileRowCard.test.js.map +1 -1
- package/dist/esm/v2/__tests__/PreviewDrawer.test.js +165 -0
- package/dist/esm/v2/__tests__/PreviewDrawer.test.js.map +1 -0
- package/dist/esm/v2/__tests__/ReferentielFieldContainer.test.js +156 -0
- package/dist/esm/v2/__tests__/ReferentielFieldContainer.test.js.map +1 -0
- package/dist/esm/v2/__tests__/SectionErrorBoundary.test.js +37 -52
- package/dist/esm/v2/__tests__/SectionErrorBoundary.test.js.map +1 -1
- package/dist/esm/v2/__tests__/apiError.test.js +50 -69
- package/dist/esm/v2/__tests__/apiError.test.js.map +1 -1
- package/dist/esm/v2/__tests__/banned-patterns.test.js +41 -122
- package/dist/esm/v2/__tests__/banned-patterns.test.js.map +1 -1
- package/dist/esm/v2/__tests__/chart-palette.test.js +204 -0
- package/dist/esm/v2/__tests__/chart-palette.test.js.map +1 -0
- package/dist/esm/v2/__tests__/contrast-palette.test.js +42 -74
- package/dist/esm/v2/__tests__/contrast-palette.test.js.map +1 -1
- package/dist/esm/v2/__tests__/cssVariables.test.js +44 -51
- package/dist/esm/v2/__tests__/cssVariables.test.js.map +1 -1
- package/dist/esm/v2/__tests__/fileValidation.test.js +134 -0
- package/dist/esm/v2/__tests__/fileValidation.test.js.map +1 -0
- package/dist/esm/v2/__tests__/filterCriteria.test.js +321 -0
- package/dist/esm/v2/__tests__/filterCriteria.test.js.map +1 -0
- package/dist/esm/v2/__tests__/fmtDate.test.js +68 -0
- package/dist/esm/v2/__tests__/fmtDate.test.js.map +1 -0
- package/dist/esm/v2/__tests__/gap-leakage-refonte.test.js +218 -0
- package/dist/esm/v2/__tests__/gap-leakage-refonte.test.js.map +1 -0
- package/dist/esm/v2/__tests__/labels-merge.test.js +17 -22
- package/dist/esm/v2/__tests__/labels-merge.test.js.map +1 -1
- package/dist/esm/v2/__tests__/locale-fallback.test.js +35 -40
- package/dist/esm/v2/__tests__/locale-fallback.test.js.map +1 -1
- package/dist/esm/v2/__tests__/reviveSavedCriteria.test.js +143 -0
- package/dist/esm/v2/__tests__/reviveSavedCriteria.test.js.map +1 -0
- package/dist/esm/v2/__tests__/rowActions.test.js +182 -0
- package/dist/esm/v2/__tests__/rowActions.test.js.map +1 -0
- package/dist/esm/v2/__tests__/useFocusOnRouteChange.test.js +155 -0
- package/dist/esm/v2/__tests__/useFocusOnRouteChange.test.js.map +1 -0
- package/dist/esm/v2/__tests__/useFocusTrap.test.js +266 -402
- package/dist/esm/v2/__tests__/useFocusTrap.test.js.map +1 -1
- package/dist/esm/v2/__tests__/usePrefersReducedMotion.test.js +120 -0
- package/dist/esm/v2/__tests__/usePrefersReducedMotion.test.js.map +1 -0
- package/dist/esm/v2/components/Accordion.js +48 -70
- package/dist/esm/v2/components/Accordion.js.map +1 -1
- package/dist/esm/v2/components/ActionStrip.js +31 -43
- package/dist/esm/v2/components/ActionStrip.js.map +1 -1
- package/dist/esm/v2/components/Banner.js +25 -22
- package/dist/esm/v2/components/Banner.js.map +1 -1
- package/dist/esm/v2/components/Busy.js +14 -19
- package/dist/esm/v2/components/Busy.js.map +1 -1
- package/dist/esm/v2/components/Button.js +34 -45
- package/dist/esm/v2/components/Button.js.map +1 -1
- package/dist/esm/v2/components/CategoryTag.js +44 -27
- package/dist/esm/v2/components/CategoryTag.js.map +1 -1
- package/dist/esm/v2/components/Checkbox.js +32 -38
- package/dist/esm/v2/components/Checkbox.js.map +1 -1
- package/dist/esm/v2/components/Chip.js +23 -36
- package/dist/esm/v2/components/Chip.js.map +1 -1
- package/dist/esm/v2/components/Combobox.js +112 -136
- package/dist/esm/v2/components/Combobox.js.map +1 -1
- package/dist/esm/v2/components/CommandPalette.js +113 -198
- package/dist/esm/v2/components/CommandPalette.js.map +1 -1
- package/dist/esm/v2/components/ConfirmDialog.js +36 -45
- package/dist/esm/v2/components/ConfirmDialog.js.map +1 -1
- package/dist/esm/v2/components/DatePicker.js +78 -81
- package/dist/esm/v2/components/DatePicker.js.map +1 -1
- package/dist/esm/v2/components/DateRangePicker.js +63 -74
- package/dist/esm/v2/components/DateRangePicker.js.map +1 -1
- package/dist/esm/v2/components/DateTimePicker.js +118 -90
- package/dist/esm/v2/components/DateTimePicker.js.map +1 -1
- package/dist/esm/v2/components/Drawer.js +71 -65
- package/dist/esm/v2/components/Drawer.js.map +1 -1
- package/dist/esm/v2/components/Dropzone.js +130 -177
- package/dist/esm/v2/components/Dropzone.js.map +1 -1
- package/dist/esm/v2/components/EmptyState.js +9 -9
- package/dist/esm/v2/components/EmptyState.js.map +1 -1
- package/dist/esm/v2/components/FavoriteToggle.js +24 -33
- package/dist/esm/v2/components/FavoriteToggle.js.map +1 -1
- package/dist/esm/v2/components/Field.js +210 -52
- package/dist/esm/v2/components/Field.js.map +1 -1
- package/dist/esm/v2/components/FieldError.js +9 -13
- package/dist/esm/v2/components/FieldError.js.map +1 -1
- package/dist/esm/v2/components/FieldHelp.js +28 -49
- package/dist/esm/v2/components/FieldHelp.js.map +1 -1
- package/dist/esm/v2/components/FileCard.js +14 -19
- package/dist/esm/v2/components/FileCard.js.map +1 -1
- package/dist/esm/v2/components/FilterTab.js +22 -31
- package/dist/esm/v2/components/FilterTab.js.map +1 -1
- package/dist/esm/v2/components/ForbiddenPage.js +28 -8
- package/dist/esm/v2/components/ForbiddenPage.js.map +1 -1
- package/dist/esm/v2/components/FormGrid.js +48 -54
- package/dist/esm/v2/components/FormGrid.js.map +1 -1
- package/dist/esm/v2/components/FormikDisplay.js +98 -24
- package/dist/esm/v2/components/FormikDisplay.js.map +1 -1
- package/dist/esm/v2/components/Input.js +75 -34
- package/dist/esm/v2/components/Input.js.map +1 -1
- package/dist/esm/v2/components/KPICard.js +42 -51
- package/dist/esm/v2/components/KPICard.js.map +1 -1
- package/dist/esm/v2/components/KPIStrip.js +9 -15
- package/dist/esm/v2/components/KPIStrip.js.map +1 -1
- package/dist/esm/v2/components/KV.js +16 -23
- package/dist/esm/v2/components/KV.js.map +1 -1
- package/dist/esm/v2/components/KVGrid.js +15 -23
- package/dist/esm/v2/components/KVGrid.js.map +1 -1
- package/dist/esm/v2/components/Layout.js +81 -117
- package/dist/esm/v2/components/Layout.js.map +1 -1
- package/dist/esm/v2/components/MobileRowCard.js +64 -75
- package/dist/esm/v2/components/MobileRowCard.js.map +1 -1
- package/dist/esm/v2/components/Modal.js +44 -53
- package/dist/esm/v2/components/Modal.js.map +1 -1
- package/dist/esm/v2/components/NetworkErrorPage.js +28 -11
- package/dist/esm/v2/components/NetworkErrorPage.js.map +1 -1
- package/dist/esm/v2/components/NotFoundPage.js +28 -9
- package/dist/esm/v2/components/NotFoundPage.js.map +1 -1
- package/dist/esm/v2/components/NumberInput.js +77 -107
- package/dist/esm/v2/components/NumberInput.js.map +1 -1
- package/dist/esm/v2/components/OverflowMenu.js +24 -42
- package/dist/esm/v2/components/OverflowMenu.js.map +1 -1
- package/dist/esm/v2/components/PdfViewer.js +24 -33
- package/dist/esm/v2/components/PdfViewer.js.map +1 -1
- package/dist/esm/v2/components/ProgressBar.js +28 -36
- package/dist/esm/v2/components/ProgressBar.js.map +1 -1
- package/dist/esm/v2/components/Radio.js +49 -57
- package/dist/esm/v2/components/Radio.js.map +1 -1
- package/dist/esm/v2/components/SectionErrorBoundary.js +84 -130
- package/dist/esm/v2/components/SectionErrorBoundary.js.map +1 -1
- package/dist/esm/v2/components/SectionHeader.js +24 -31
- package/dist/esm/v2/components/SectionHeader.js.map +1 -1
- package/dist/esm/v2/components/Segmented.js +59 -84
- package/dist/esm/v2/components/Segmented.js.map +1 -1
- package/dist/esm/v2/components/Select.js +100 -138
- package/dist/esm/v2/components/Select.js.map +1 -1
- package/dist/esm/v2/components/ServerErrorPage.js +27 -10
- package/dist/esm/v2/components/ServerErrorPage.js.map +1 -1
- package/dist/esm/v2/components/Skeleton.js +81 -96
- package/dist/esm/v2/components/Skeleton.js.map +1 -1
- package/dist/esm/v2/components/SkipLink.js +6 -7
- package/dist/esm/v2/components/SkipLink.js.map +1 -1
- package/dist/esm/v2/components/Spinner.js +13 -22
- package/dist/esm/v2/components/Spinner.js.map +1 -1
- package/dist/esm/v2/components/Status.js +14 -25
- package/dist/esm/v2/components/Status.js.map +1 -1
- package/dist/esm/v2/components/Stepper.js +68 -71
- package/dist/esm/v2/components/Stepper.js.map +1 -1
- package/dist/esm/v2/components/Surface.js +25 -44
- package/dist/esm/v2/components/Surface.js.map +1 -1
- package/dist/esm/v2/components/Switch.js +21 -29
- package/dist/esm/v2/components/Switch.js.map +1 -1
- package/dist/esm/v2/components/TabPanel.js +84 -0
- package/dist/esm/v2/components/TabPanel.js.map +1 -0
- package/dist/esm/v2/components/Tabs.js +43 -19
- package/dist/esm/v2/components/Tabs.js.map +1 -1
- package/dist/esm/v2/components/TelInput.js +75 -108
- package/dist/esm/v2/components/TelInput.js.map +1 -1
- package/dist/esm/v2/components/Textarea.js +21 -30
- package/dist/esm/v2/components/Textarea.js.map +1 -1
- package/dist/esm/v2/components/TimePicker.js +59 -69
- package/dist/esm/v2/components/TimePicker.js.map +1 -1
- package/dist/esm/v2/components/Toast.js +109 -163
- package/dist/esm/v2/components/Toast.js.map +1 -1
- package/dist/esm/v2/components/Tooltip.js +18 -31
- package/dist/esm/v2/components/Tooltip.js.map +1 -1
- package/dist/esm/v2/components/_ErrorPageBody.js +6 -5
- package/dist/esm/v2/components/_ErrorPageBody.js.map +1 -1
- package/dist/esm/v2/components/_pickerShared.js +2 -2
- package/dist/esm/v2/components/_pickerShared.js.map +1 -1
- package/dist/esm/v2/components/index.js +64 -0
- package/dist/esm/v2/components/index.js.map +1 -1
- package/dist/esm/v2/hooks/index.js +62 -0
- package/dist/esm/v2/hooks/index.js.map +1 -1
- package/dist/esm/v2/hooks/useAppliedFilters.js +112 -0
- package/dist/esm/v2/hooks/useAppliedFilters.js.map +1 -0
- package/dist/esm/v2/hooks/useDebouncedCallback.js +82 -0
- package/dist/esm/v2/hooks/useDebouncedCallback.js.map +1 -0
- package/dist/esm/v2/hooks/useDelayedFlag.js +5 -19
- package/dist/esm/v2/hooks/useDelayedFlag.js.map +1 -1
- package/dist/esm/v2/hooks/useDensity.js +13 -17
- package/dist/esm/v2/hooks/useDensity.js.map +1 -1
- package/dist/esm/v2/hooks/useFocusFirstError.js +25 -33
- package/dist/esm/v2/hooks/useFocusFirstError.js.map +1 -1
- package/dist/esm/v2/hooks/useFocusOnRouteChange.js +81 -0
- package/dist/esm/v2/hooks/useFocusOnRouteChange.js.map +1 -0
- package/dist/esm/v2/hooks/useFocusTrap.js +19 -23
- package/dist/esm/v2/hooks/useFocusTrap.js.map +1 -1
- package/dist/esm/v2/hooks/useFormAutoSave.js +38 -53
- package/dist/esm/v2/hooks/useFormAutoSave.js.map +1 -1
- package/dist/esm/v2/hooks/useFormCompletionProgress.js +32 -51
- package/dist/esm/v2/hooks/useFormCompletionProgress.js.map +1 -1
- package/dist/esm/v2/hooks/useKeyboardShortcuts.js +125 -0
- package/dist/esm/v2/hooks/useKeyboardShortcuts.js.map +1 -0
- package/dist/esm/v2/hooks/usePrefersReducedMotion.js +99 -0
- package/dist/esm/v2/hooks/usePrefersReducedMotion.js.map +1 -0
- package/dist/esm/v2/hooks/useResolvedDensity.js +2 -10
- package/dist/esm/v2/hooks/useResolvedDensity.js.map +1 -1
- package/dist/esm/v2/hooks/useSortedRows.js +3 -5
- package/dist/esm/v2/hooks/useSortedRows.js.map +1 -1
- package/dist/esm/v2/hooks/useTabLoading.js +6 -21
- package/dist/esm/v2/hooks/useTabLoading.js.map +1 -1
- package/dist/esm/v2/index.js +14 -4
- package/dist/esm/v2/index.js.map +1 -1
- package/dist/esm/v2/modalContext.js +2 -2
- package/dist/esm/v2/modalContext.js.map +1 -1
- package/dist/esm/v2/models/favorite.js.map +1 -1
- package/dist/esm/v2/models/personalization.js.map +1 -1
- package/dist/esm/v2/models/referentiel.js.map +1 -1
- package/dist/esm/v2/models/savedFilter.js.map +1 -1
- package/dist/esm/v2/patterns/ActionBar.js +115 -159
- package/dist/esm/v2/patterns/ActionBar.js.map +1 -1
- package/dist/esm/v2/patterns/AppMain.js +108 -0
- package/dist/esm/v2/patterns/AppMain.js.map +1 -0
- package/dist/esm/v2/patterns/BulkActionBar.js +31 -34
- package/dist/esm/v2/patterns/BulkActionBar.js.map +1 -1
- package/dist/esm/v2/patterns/ChartFigure.js +151 -0
- package/dist/esm/v2/patterns/ChartFigure.js.map +1 -0
- package/dist/esm/v2/patterns/CollapsibleDataGrid.js +111 -152
- package/dist/esm/v2/patterns/CollapsibleDataGrid.js.map +1 -1
- package/dist/esm/v2/patterns/ColumnsToggle.js +43 -77
- package/dist/esm/v2/patterns/ColumnsToggle.js.map +1 -1
- package/dist/esm/v2/patterns/DataGrid.js +221 -255
- package/dist/esm/v2/patterns/DataGrid.js.map +1 -1
- package/dist/esm/v2/patterns/DataGridSettingsMenu.js +76 -94
- package/dist/esm/v2/patterns/DataGridSettingsMenu.js.map +1 -1
- package/dist/esm/v2/patterns/DataGridToolbar.js +85 -89
- package/dist/esm/v2/patterns/DataGridToolbar.js.map +1 -1
- package/dist/esm/v2/patterns/DataGridVirtualized.js +141 -182
- package/dist/esm/v2/patterns/DataGridVirtualized.js.map +1 -1
- package/dist/esm/v2/patterns/DeleteResourceConfirmDialog.js +26 -30
- package/dist/esm/v2/patterns/DeleteResourceConfirmDialog.js.map +1 -1
- package/dist/esm/v2/patterns/DetailSplit.js +108 -0
- package/dist/esm/v2/patterns/DetailSplit.js.map +1 -0
- package/dist/esm/v2/patterns/FavoriteColumn.js +26 -75
- package/dist/esm/v2/patterns/FavoriteColumn.js.map +1 -1
- package/dist/esm/v2/patterns/FavoritesFilter.js +30 -39
- package/dist/esm/v2/patterns/FavoritesFilter.js.map +1 -1
- package/dist/esm/v2/patterns/FilterTabBar.js +112 -0
- package/dist/esm/v2/patterns/FilterTabBar.js.map +1 -0
- package/dist/esm/v2/patterns/FormErrorSummary.js +12 -13
- package/dist/esm/v2/patterns/FormErrorSummary.js.map +1 -1
- package/dist/esm/v2/patterns/FormPageShell.js +43 -41
- package/dist/esm/v2/patterns/FormPageShell.js.map +1 -1
- package/dist/esm/v2/patterns/FormSection.js +30 -38
- package/dist/esm/v2/patterns/FormSection.js.map +1 -1
- package/dist/esm/v2/patterns/FormikCheckbox.js +130 -0
- package/dist/esm/v2/patterns/FormikCheckbox.js.map +1 -0
- package/dist/esm/v2/patterns/FormikCheckboxGroup.js +56 -60
- package/dist/esm/v2/patterns/FormikCheckboxGroup.js.map +1 -1
- package/dist/esm/v2/patterns/FormikCombobox.js +51 -66
- package/dist/esm/v2/patterns/FormikCombobox.js.map +1 -1
- package/dist/esm/v2/patterns/FormikDatePicker.js +51 -99
- package/dist/esm/v2/patterns/FormikDatePicker.js.map +1 -1
- package/dist/esm/v2/patterns/FormikDateTimePicker.js +136 -0
- package/dist/esm/v2/patterns/FormikDateTimePicker.js.map +1 -0
- package/dist/esm/v2/patterns/FormikErrorFocus.js +22 -23
- package/dist/esm/v2/patterns/FormikErrorFocus.js.map +1 -1
- package/dist/esm/v2/patterns/FormikErrorSummary.js +89 -0
- package/dist/esm/v2/patterns/FormikErrorSummary.js.map +1 -0
- package/dist/esm/v2/patterns/FormikFile.js +94 -78
- package/dist/esm/v2/patterns/FormikFile.js.map +1 -1
- package/dist/esm/v2/patterns/FormikInput.js +40 -50
- package/dist/esm/v2/patterns/FormikInput.js.map +1 -1
- package/dist/esm/v2/patterns/FormikRadioGroup.js +129 -0
- package/dist/esm/v2/patterns/FormikRadioGroup.js.map +1 -0
- package/dist/esm/v2/patterns/FormikReferentielField.js +49 -59
- package/dist/esm/v2/patterns/FormikReferentielField.js.map +1 -1
- package/dist/esm/v2/patterns/FormikSelect.js +64 -84
- package/dist/esm/v2/patterns/FormikSelect.js.map +1 -1
- package/dist/esm/v2/patterns/FormikTextarea.js +30 -43
- package/dist/esm/v2/patterns/FormikTextarea.js.map +1 -1
- package/dist/esm/v2/patterns/KeyboardShortcutsHelp.js +64 -65
- package/dist/esm/v2/patterns/KeyboardShortcutsHelp.js.map +1 -1
- package/dist/esm/v2/patterns/NetworkErrorBanner.js +6 -7
- package/dist/esm/v2/patterns/NetworkErrorBanner.js.map +1 -1
- package/dist/esm/v2/patterns/PageContent.js +10 -14
- package/dist/esm/v2/patterns/PageContent.js.map +1 -1
- package/dist/esm/v2/patterns/PreviewDrawer.js +153 -0
- package/dist/esm/v2/patterns/PreviewDrawer.js.map +1 -0
- package/dist/esm/v2/patterns/ReferentielField.js +327 -312
- package/dist/esm/v2/patterns/ReferentielField.js.map +1 -1
- package/dist/esm/v2/patterns/RowFavoriteToggle.js +127 -0
- package/dist/esm/v2/patterns/RowFavoriteToggle.js.map +1 -0
- package/dist/esm/v2/patterns/SaveFilterDialog.js +38 -66
- package/dist/esm/v2/patterns/SaveFilterDialog.js.map +1 -1
- package/dist/esm/v2/patterns/SavedFiltersMenu.js +62 -81
- package/dist/esm/v2/patterns/SavedFiltersMenu.js.map +1 -1
- package/dist/esm/v2/patterns/SkeletonPageShell.js +106 -129
- package/dist/esm/v2/patterns/SkeletonPageShell.js.map +1 -1
- package/dist/esm/v2/patterns/SortableHeader.js +22 -45
- package/dist/esm/v2/patterns/SortableHeader.js.map +1 -1
- package/dist/esm/v2/patterns/Tour.js +94 -120
- package/dist/esm/v2/patterns/Tour.js.map +1 -1
- package/dist/esm/v2/patterns/_dataGridShared.js +107 -128
- package/dist/esm/v2/patterns/_dataGridShared.js.map +1 -1
- package/dist/esm/v2/patterns/_pickerSerialisation.js +72 -0
- package/dist/esm/v2/patterns/_pickerSerialisation.js.map +1 -0
- package/dist/esm/v2/patterns/_sort.js +17 -33
- package/dist/esm/v2/patterns/_sort.js.map +1 -1
- package/dist/esm/v2/patterns/_useColumnReorder.js +122 -160
- package/dist/esm/v2/patterns/_useColumnReorder.js.map +1 -1
- package/dist/esm/v2/patterns/_useColumnResize.js +78 -96
- package/dist/esm/v2/patterns/_useColumnResize.js.map +1 -1
- package/dist/esm/v2/patterns/filterCriteria.js +102 -0
- package/dist/esm/v2/patterns/filterCriteria.js.map +1 -0
- package/dist/esm/v2/patterns/index.js +235 -0
- package/dist/esm/v2/patterns/index.js.map +1 -1
- package/dist/esm/v2/patterns/rowActions.js +223 -0
- package/dist/esm/v2/patterns/rowActions.js.map +1 -0
- package/dist/esm/v2/personalization/PersonalizationProvider.js +50 -47
- package/dist/esm/v2/personalization/PersonalizationProvider.js.map +1 -1
- package/dist/esm/v2/personalization/adapters/_storageKey.js +5 -5
- package/dist/esm/v2/personalization/adapters/_storageKey.js.map +1 -1
- package/dist/esm/v2/personalization/adapters/createLocalStorageAdapter.js +22 -23
- package/dist/esm/v2/personalization/adapters/createLocalStorageAdapter.js.map +1 -1
- package/dist/esm/v2/personalization/adapters/createMemoryAdapter.js +13 -13
- package/dist/esm/v2/personalization/adapters/createMemoryAdapter.js.map +1 -1
- package/dist/esm/v2/personalization/capabilities/favorites.js +36 -60
- package/dist/esm/v2/personalization/capabilities/favorites.js.map +1 -1
- package/dist/esm/v2/personalization/capabilities/favoritesView.js +22 -34
- package/dist/esm/v2/personalization/capabilities/favoritesView.js.map +1 -1
- package/dist/esm/v2/personalization/capabilities/gridPreferences.js +203 -0
- package/dist/esm/v2/personalization/capabilities/gridPreferences.js.map +1 -0
- package/dist/esm/v2/personalization/capabilities/index.js +5 -0
- package/dist/esm/v2/personalization/capabilities/index.js.map +1 -1
- package/dist/esm/v2/personalization/capabilities/reviveSavedCriteria.js +119 -0
- package/dist/esm/v2/personalization/capabilities/reviveSavedCriteria.js.map +1 -0
- package/dist/esm/v2/personalization/capabilities/savedFilters.js +90 -98
- package/dist/esm/v2/personalization/capabilities/savedFilters.js.map +1 -1
- package/dist/esm/v2/personalization/createPersonalizationStore.js +78 -181
- package/dist/esm/v2/personalization/createPersonalizationStore.js.map +1 -1
- package/dist/esm/v2/personalization/index.js +35 -0
- package/dist/esm/v2/personalization/index.js.map +1 -1
- package/dist/esm/v2/personalization/personalizationContext.js +9 -9
- package/dist/esm/v2/personalization/personalizationContext.js.map +1 -1
- package/dist/esm/v2/personalization/schema.js +8 -9
- package/dist/esm/v2/personalization/schema.js.map +1 -1
- package/dist/esm/v2/referentiel/ReferentielProvider.js +27 -42
- package/dist/esm/v2/referentiel/ReferentielProvider.js.map +1 -1
- package/dist/esm/v2/referentiel/types.js +2 -0
- package/dist/esm/v2/referentiel/types.js.map +1 -0
- package/dist/esm/v2/referentiel/useReferentielClient.js +10 -11
- package/dist/esm/v2/referentiel/useReferentielClient.js.map +1 -1
- package/dist/esm/v2/referentiel/useReferentielOptions.js +60 -117
- package/dist/esm/v2/referentiel/useReferentielOptions.js.map +1 -1
- package/dist/esm/v2/referentiel/useReferentielSearch.js +37 -91
- package/dist/esm/v2/referentiel/useReferentielSearch.js.map +1 -1
- package/dist/esm/v2/theme/_brand.js +8 -24
- package/dist/esm/v2/theme/_brand.js.map +1 -1
- package/dist/esm/v2/theme/_brandSecondary.js +8 -24
- package/dist/esm/v2/theme/_brandSecondary.js.map +1 -1
- package/dist/esm/v2/theme/createPortnetTheme.js +51 -61
- package/dist/esm/v2/theme/createPortnetTheme.js.map +1 -1
- package/dist/esm/v2/theme/cssVariables.js +62 -69
- package/dist/esm/v2/theme/cssVariables.js.map +1 -1
- package/dist/esm/v2/theme/index.js +5 -5
- package/dist/esm/v2/theme/index.js.map +1 -1
- package/dist/esm/v2/tokens/breakpoints.js +14 -14
- package/dist/esm/v2/tokens/breakpoints.js.map +1 -1
- package/dist/esm/v2/tokens/chart.js +261 -0
- package/dist/esm/v2/tokens/chart.js.map +1 -0
- package/dist/esm/v2/tokens/colors.js +22 -22
- package/dist/esm/v2/tokens/colors.js.map +1 -1
- package/dist/esm/v2/tokens/density.js +62 -7
- package/dist/esm/v2/tokens/density.js.map +1 -1
- package/dist/esm/v2/tokens/index.js +49 -34
- package/dist/esm/v2/tokens/index.js.map +1 -1
- package/dist/esm/v2/tokens/motion.js +12 -20
- package/dist/esm/v2/tokens/motion.js.map +1 -1
- package/dist/esm/v2/tokens/radius.js +1 -1
- package/dist/esm/v2/tokens/radius.js.map +1 -1
- package/dist/esm/v2/tokens/shadows.js +6 -6
- package/dist/esm/v2/tokens/shadows.js.map +1 -1
- package/dist/esm/v2/tokens/spacing.js +2 -2
- package/dist/esm/v2/tokens/spacing.js.map +1 -1
- package/dist/esm/v2/tokens/state.js +1 -1
- package/dist/esm/v2/tokens/state.js.map +1 -1
- package/dist/esm/v2/tokens/statusPalette.js +17 -21
- package/dist/esm/v2/tokens/statusPalette.js.map +1 -1
- package/dist/esm/v2/tokens/tokens.json +6 -1
- package/dist/esm/v2/tokens/typography.js +13 -13
- package/dist/esm/v2/tokens/typography.js.map +1 -1
- package/dist/esm/v2/tokens/zIndex.js +1 -1
- package/dist/esm/v2/tokens/zIndex.js.map +1 -1
- package/dist/esm/v2/types/datagrid.js.map +1 -1
- package/dist/esm/v2/utils/apiError.js +16 -37
- package/dist/esm/v2/utils/apiError.js.map +1 -1
- package/dist/esm/v2/utils/contrast.js +31 -32
- package/dist/esm/v2/utils/contrast.js.map +1 -1
- package/dist/esm/v2/utils/cx.js +5 -25
- package/dist/esm/v2/utils/cx.js.map +1 -1
- package/dist/esm/v2/utils/fileDownload.js +23 -26
- package/dist/esm/v2/utils/fileDownload.js.map +1 -1
- package/dist/esm/v2/utils/fileValidation.js +209 -0
- package/dist/esm/v2/utils/fileValidation.js.map +1 -0
- package/dist/esm/v2/utils/fmtDate.js +111 -0
- package/dist/esm/v2/utils/fmtDate.js.map +1 -0
- package/dist/esm/v2/utils/fmtMoney.js +8 -10
- package/dist/esm/v2/utils/fmtMoney.js.map +1 -1
- package/dist/esm/v2/utils/formikErrors.js +78 -0
- package/dist/esm/v2/utils/formikErrors.js.map +1 -0
- package/dist/esm/v2/utils/index.js +35 -2
- package/dist/esm/v2/utils/index.js.map +1 -1
- package/dist/esm/v2/utils/mergeLabels.js +7 -12
- package/dist/esm/v2/utils/mergeLabels.js.map +1 -1
- package/dist/esm/v2/utils/networkStatus.js +12 -12
- package/dist/esm/v2/utils/networkStatus.js.map +1 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +122 -47
- package/dist/index.js.map +1 -1
- package/dist/v2/__tests__/AppMain.test.js +133 -0
- package/dist/v2/__tests__/AppMain.test.js.map +1 -0
- package/dist/v2/__tests__/ChartFigure.test.js +183 -0
- package/dist/v2/__tests__/ChartFigure.test.js.map +1 -0
- package/dist/v2/__tests__/DataGridRowActionsPropagation.test.js +153 -0
- package/dist/v2/__tests__/DataGridRowActionsPropagation.test.js.map +1 -0
- package/dist/v2/__tests__/DrawerTactileTargets.test.js +94 -0
- package/dist/v2/__tests__/DrawerTactileTargets.test.js.map +1 -0
- package/dist/v2/__tests__/FieldError.test.js +98 -69
- package/dist/v2/__tests__/FieldError.test.js.map +1 -1
- package/dist/v2/__tests__/FieldNaming.test.js +161 -0
- package/dist/v2/__tests__/FieldNaming.test.js.map +1 -0
- package/dist/v2/__tests__/FieldWidth.test.js +148 -0
- package/dist/v2/__tests__/FieldWidth.test.js.map +1 -0
- package/dist/v2/__tests__/FileCard.test.js +45 -48
- package/dist/v2/__tests__/FileCard.test.js.map +1 -1
- package/dist/v2/__tests__/FormikCheckbox.test.js +175 -0
- package/dist/v2/__tests__/FormikCheckbox.test.js.map +1 -0
- package/dist/v2/__tests__/FormikDateTimePicker.test.js +237 -0
- package/dist/v2/__tests__/FormikDateTimePicker.test.js.map +1 -0
- package/dist/v2/__tests__/FormikDisplayWidth.test.js +102 -0
- package/dist/v2/__tests__/FormikDisplayWidth.test.js.map +1 -0
- package/dist/v2/__tests__/FormikRadioGroup.test.js +300 -0
- package/dist/v2/__tests__/FormikRadioGroup.test.js.map +1 -0
- package/dist/v2/__tests__/MobileRowCard.test.js +100 -102
- package/dist/v2/__tests__/MobileRowCard.test.js.map +1 -1
- package/dist/v2/__tests__/PreviewDrawer.test.js +169 -0
- package/dist/v2/__tests__/PreviewDrawer.test.js.map +1 -0
- package/dist/v2/__tests__/ReferentielFieldContainer.test.js +159 -0
- package/dist/v2/__tests__/ReferentielFieldContainer.test.js.map +1 -0
- package/dist/v2/__tests__/SectionErrorBoundary.test.js +53 -68
- package/dist/v2/__tests__/SectionErrorBoundary.test.js.map +1 -1
- package/dist/v2/__tests__/apiError.test.js +50 -69
- package/dist/v2/__tests__/apiError.test.js.map +1 -1
- package/dist/v2/__tests__/banned-patterns.test.js +42 -123
- package/dist/v2/__tests__/banned-patterns.test.js.map +1 -1
- package/dist/v2/__tests__/chart-palette.test.js +205 -0
- package/dist/v2/__tests__/chart-palette.test.js.map +1 -0
- package/dist/v2/__tests__/contrast-palette.test.js +42 -74
- package/dist/v2/__tests__/contrast-palette.test.js.map +1 -1
- package/dist/v2/__tests__/cssVariables.test.js +44 -51
- package/dist/v2/__tests__/cssVariables.test.js.map +1 -1
- package/dist/v2/__tests__/fileValidation.test.js +136 -0
- package/dist/v2/__tests__/fileValidation.test.js.map +1 -0
- package/dist/v2/__tests__/filterCriteria.test.js +324 -0
- package/dist/v2/__tests__/filterCriteria.test.js.map +1 -0
- package/dist/v2/__tests__/fmtDate.test.js +69 -0
- package/dist/v2/__tests__/fmtDate.test.js.map +1 -0
- package/dist/v2/__tests__/gap-leakage-refonte.test.js +221 -0
- package/dist/v2/__tests__/gap-leakage-refonte.test.js.map +1 -0
- package/dist/v2/__tests__/labels-merge.test.js +38 -46
- package/dist/v2/__tests__/labels-merge.test.js.map +1 -1
- package/dist/v2/__tests__/locale-fallback.test.js +47 -52
- package/dist/v2/__tests__/locale-fallback.test.js.map +1 -1
- package/dist/v2/__tests__/reviveSavedCriteria.test.js +144 -0
- package/dist/v2/__tests__/reviveSavedCriteria.test.js.map +1 -0
- package/dist/v2/__tests__/rowActions.test.js +186 -0
- package/dist/v2/__tests__/rowActions.test.js.map +1 -0
- package/dist/v2/__tests__/useFocusOnRouteChange.test.js +156 -0
- package/dist/v2/__tests__/useFocusOnRouteChange.test.js.map +1 -0
- package/dist/v2/__tests__/useFocusTrap.test.js +270 -407
- package/dist/v2/__tests__/useFocusTrap.test.js.map +1 -1
- package/dist/v2/__tests__/usePrefersReducedMotion.test.js +123 -0
- package/dist/v2/__tests__/usePrefersReducedMotion.test.js.map +1 -0
- package/dist/v2/components/Accordion.js +60 -82
- package/dist/v2/components/Accordion.js.map +1 -1
- package/dist/v2/components/ActionStrip.js +40 -52
- package/dist/v2/components/ActionStrip.js.map +1 -1
- package/dist/v2/components/Banner.js +42 -41
- package/dist/v2/components/Banner.js.map +1 -1
- package/dist/v2/components/Busy.js +22 -27
- package/dist/v2/components/Busy.js.map +1 -1
- package/dist/v2/components/Button.js +39 -50
- package/dist/v2/components/Button.js.map +1 -1
- package/dist/v2/components/CategoryTag.d.ts.map +1 -1
- package/dist/v2/components/CategoryTag.js +49 -32
- package/dist/v2/components/CategoryTag.js.map +1 -1
- package/dist/v2/components/Checkbox.js +39 -45
- package/dist/v2/components/Checkbox.js.map +1 -1
- package/dist/v2/components/Chip.js +29 -42
- package/dist/v2/components/Chip.js.map +1 -1
- package/dist/v2/components/Combobox.js +122 -144
- package/dist/v2/components/Combobox.js.map +1 -1
- package/dist/v2/components/CommandPalette.js +138 -225
- package/dist/v2/components/CommandPalette.js.map +1 -1
- package/dist/v2/components/ConfirmDialog.js +46 -56
- package/dist/v2/components/ConfirmDialog.js.map +1 -1
- package/dist/v2/components/DatePicker.js +81 -86
- package/dist/v2/components/DatePicker.js.map +1 -1
- package/dist/v2/components/DateRangePicker.js +77 -87
- package/dist/v2/components/DateRangePicker.js.map +1 -1
- package/dist/v2/components/DateTimePicker.d.ts.map +1 -1
- package/dist/v2/components/DateTimePicker.js +121 -95
- package/dist/v2/components/DateTimePicker.js.map +1 -1
- package/dist/v2/components/Drawer.d.ts.map +1 -1
- package/dist/v2/components/Drawer.js +93 -88
- package/dist/v2/components/Drawer.js.map +1 -1
- package/dist/v2/components/Dropzone.js +150 -196
- package/dist/v2/components/Dropzone.js.map +1 -1
- package/dist/v2/components/EmptyState.js +18 -20
- package/dist/v2/components/EmptyState.js.map +1 -1
- package/dist/v2/components/FavoriteToggle.js +28 -39
- package/dist/v2/components/FavoriteToggle.js.map +1 -1
- package/dist/v2/components/Field.d.ts +121 -5
- package/dist/v2/components/Field.d.ts.map +1 -1
- package/dist/v2/components/Field.js +221 -62
- package/dist/v2/components/Field.js.map +1 -1
- package/dist/v2/components/FieldError.js +18 -21
- package/dist/v2/components/FieldError.js.map +1 -1
- package/dist/v2/components/FieldHelp.js +40 -60
- package/dist/v2/components/FieldHelp.js.map +1 -1
- package/dist/v2/components/FileCard.js +27 -31
- package/dist/v2/components/FileCard.js.map +1 -1
- package/dist/v2/components/FilterTab.js +30 -38
- package/dist/v2/components/FilterTab.js.map +1 -1
- package/dist/v2/components/ForbiddenPage.d.ts +25 -1
- package/dist/v2/components/ForbiddenPage.d.ts.map +1 -1
- package/dist/v2/components/ForbiddenPage.js +37 -17
- package/dist/v2/components/ForbiddenPage.js.map +1 -1
- package/dist/v2/components/FormGrid.js +53 -59
- package/dist/v2/components/FormGrid.js.map +1 -1
- package/dist/v2/components/FormikDisplay.d.ts +50 -1
- package/dist/v2/components/FormikDisplay.d.ts.map +1 -1
- package/dist/v2/components/FormikDisplay.js +108 -33
- package/dist/v2/components/FormikDisplay.js.map +1 -1
- package/dist/v2/components/Input.d.ts +40 -0
- package/dist/v2/components/Input.d.ts.map +1 -1
- package/dist/v2/components/Input.js +81 -41
- package/dist/v2/components/Input.js.map +1 -1
- package/dist/v2/components/KPICard.js +57 -67
- package/dist/v2/components/KPICard.js.map +1 -1
- package/dist/v2/components/KPIStrip.js +16 -22
- package/dist/v2/components/KPIStrip.js.map +1 -1
- package/dist/v2/components/KV.js +25 -31
- package/dist/v2/components/KV.js.map +1 -1
- package/dist/v2/components/KVGrid.js +19 -26
- package/dist/v2/components/KVGrid.js.map +1 -1
- package/dist/v2/components/Layout.js +91 -120
- package/dist/v2/components/Layout.js.map +1 -1
- package/dist/v2/components/MobileRowCard.js +79 -91
- package/dist/v2/components/MobileRowCard.js.map +1 -1
- package/dist/v2/components/Modal.js +61 -69
- package/dist/v2/components/Modal.js.map +1 -1
- package/dist/v2/components/NetworkErrorPage.d.ts +19 -1
- package/dist/v2/components/NetworkErrorPage.d.ts.map +1 -1
- package/dist/v2/components/NetworkErrorPage.js +38 -21
- package/dist/v2/components/NetworkErrorPage.js.map +1 -1
- package/dist/v2/components/NotFoundPage.d.ts +17 -1
- package/dist/v2/components/NotFoundPage.d.ts.map +1 -1
- package/dist/v2/components/NotFoundPage.js +37 -18
- package/dist/v2/components/NotFoundPage.js.map +1 -1
- package/dist/v2/components/NumberInput.js +88 -118
- package/dist/v2/components/NumberInput.js.map +1 -1
- package/dist/v2/components/OverflowMenu.js +38 -56
- package/dist/v2/components/OverflowMenu.js.map +1 -1
- package/dist/v2/components/PdfViewer.js +34 -45
- package/dist/v2/components/PdfViewer.js.map +1 -1
- package/dist/v2/components/ProgressBar.js +42 -49
- package/dist/v2/components/ProgressBar.js.map +1 -1
- package/dist/v2/components/Radio.js +59 -67
- package/dist/v2/components/Radio.js.map +1 -1
- package/dist/v2/components/SectionErrorBoundary.js +90 -135
- package/dist/v2/components/SectionErrorBoundary.js.map +1 -1
- package/dist/v2/components/SectionHeader.js +34 -41
- package/dist/v2/components/SectionHeader.js.map +1 -1
- package/dist/v2/components/Segmented.js +69 -93
- package/dist/v2/components/Segmented.js.map +1 -1
- package/dist/v2/components/Select.d.ts +26 -2
- package/dist/v2/components/Select.d.ts.map +1 -1
- package/dist/v2/components/Select.js +120 -155
- package/dist/v2/components/Select.js.map +1 -1
- package/dist/v2/components/ServerErrorPage.d.ts +27 -1
- package/dist/v2/components/ServerErrorPage.d.ts.map +1 -1
- package/dist/v2/components/ServerErrorPage.js +37 -20
- package/dist/v2/components/ServerErrorPage.js.map +1 -1
- package/dist/v2/components/Skeleton.js +86 -100
- package/dist/v2/components/Skeleton.js.map +1 -1
- package/dist/v2/components/SkipLink.js +9 -12
- package/dist/v2/components/SkipLink.js.map +1 -1
- package/dist/v2/components/Spinner.js +16 -25
- package/dist/v2/components/Spinner.js.map +1 -1
- package/dist/v2/components/Status.js +18 -29
- package/dist/v2/components/Status.js.map +1 -1
- package/dist/v2/components/Stepper.js +80 -82
- package/dist/v2/components/Stepper.js.map +1 -1
- package/dist/v2/components/Surface.js +34 -49
- package/dist/v2/components/Surface.js.map +1 -1
- package/dist/v2/components/Switch.js +29 -37
- package/dist/v2/components/Switch.js.map +1 -1
- package/dist/v2/components/TabPanel.d.ts +17 -0
- package/dist/v2/components/TabPanel.d.ts.map +1 -0
- package/dist/v2/components/TabPanel.js +90 -0
- package/dist/v2/components/TabPanel.js.map +1 -0
- package/dist/v2/components/Tabs.d.ts +25 -0
- package/dist/v2/components/Tabs.d.ts.map +1 -1
- package/dist/v2/components/Tabs.js +53 -29
- package/dist/v2/components/Tabs.js.map +1 -1
- package/dist/v2/components/TelInput.js +80 -115
- package/dist/v2/components/TelInput.js.map +1 -1
- package/dist/v2/components/Textarea.js +26 -35
- package/dist/v2/components/Textarea.js.map +1 -1
- package/dist/v2/components/TimePicker.js +62 -74
- package/dist/v2/components/TimePicker.js.map +1 -1
- package/dist/v2/components/Toast.js +119 -174
- package/dist/v2/components/Toast.js.map +1 -1
- package/dist/v2/components/Tooltip.js +23 -38
- package/dist/v2/components/Tooltip.js.map +1 -1
- package/dist/v2/components/_ErrorPageBody.js +15 -16
- package/dist/v2/components/_ErrorPageBody.js.map +1 -1
- package/dist/v2/components/_pickerShared.js +5 -5
- package/dist/v2/components/_pickerShared.js.map +1 -1
- package/dist/v2/components/index.d.ts +67 -1
- package/dist/v2/components/index.d.ts.map +1 -1
- package/dist/v2/components/index.js +153 -136
- package/dist/v2/components/index.js.map +1 -1
- package/dist/v2/hooks/index.d.ts +65 -0
- package/dist/v2/hooks/index.d.ts.map +1 -1
- package/dist/v2/hooks/index.js +63 -24
- package/dist/v2/hooks/index.js.map +1 -1
- package/dist/v2/hooks/useAppliedFilters.d.ts +102 -0
- package/dist/v2/hooks/useAppliedFilters.d.ts.map +1 -0
- package/dist/v2/hooks/useAppliedFilters.js +117 -0
- package/dist/v2/hooks/useAppliedFilters.js.map +1 -0
- package/dist/v2/hooks/useDebouncedCallback.d.ts +64 -0
- package/dist/v2/hooks/useDebouncedCallback.d.ts.map +1 -0
- package/dist/v2/hooks/useDebouncedCallback.js +87 -0
- package/dist/v2/hooks/useDebouncedCallback.js.map +1 -0
- package/dist/v2/hooks/useDelayedFlag.js +6 -20
- package/dist/v2/hooks/useDelayedFlag.js.map +1 -1
- package/dist/v2/hooks/useDensity.d.ts.map +1 -1
- package/dist/v2/hooks/useDensity.js +14 -18
- package/dist/v2/hooks/useDensity.js.map +1 -1
- package/dist/v2/hooks/useFocusFirstError.js +26 -34
- package/dist/v2/hooks/useFocusFirstError.js.map +1 -1
- package/dist/v2/hooks/useFocusOnRouteChange.d.ts +65 -0
- package/dist/v2/hooks/useFocusOnRouteChange.d.ts.map +1 -0
- package/dist/v2/hooks/useFocusOnRouteChange.js +88 -0
- package/dist/v2/hooks/useFocusOnRouteChange.js.map +1 -0
- package/dist/v2/hooks/useFocusTrap.js +20 -24
- package/dist/v2/hooks/useFocusTrap.js.map +1 -1
- package/dist/v2/hooks/useFormAutoSave.d.ts +4 -4
- package/dist/v2/hooks/useFormAutoSave.d.ts.map +1 -1
- package/dist/v2/hooks/useFormAutoSave.js +39 -54
- package/dist/v2/hooks/useFormAutoSave.js.map +1 -1
- package/dist/v2/hooks/useFormCompletionProgress.d.ts +1 -1
- package/dist/v2/hooks/useFormCompletionProgress.d.ts.map +1 -1
- package/dist/v2/hooks/useFormCompletionProgress.js +33 -52
- package/dist/v2/hooks/useFormCompletionProgress.js.map +1 -1
- package/dist/v2/hooks/useKeyboardShortcuts.d.ts +25 -0
- package/dist/v2/hooks/useKeyboardShortcuts.d.ts.map +1 -0
- package/dist/v2/hooks/useKeyboardShortcuts.js +132 -0
- package/dist/v2/hooks/useKeyboardShortcuts.js.map +1 -0
- package/dist/v2/hooks/usePrefersReducedMotion.d.ts +56 -0
- package/dist/v2/hooks/usePrefersReducedMotion.d.ts.map +1 -0
- package/dist/v2/hooks/usePrefersReducedMotion.js +105 -0
- package/dist/v2/hooks/usePrefersReducedMotion.js.map +1 -0
- package/dist/v2/hooks/useResolvedDensity.js +5 -13
- package/dist/v2/hooks/useResolvedDensity.js.map +1 -1
- package/dist/v2/hooks/useSortedRows.js +4 -6
- package/dist/v2/hooks/useSortedRows.js.map +1 -1
- package/dist/v2/hooks/useTabLoading.js +7 -22
- package/dist/v2/hooks/useTabLoading.js.map +1 -1
- package/dist/v2/index.d.ts.map +1 -1
- package/dist/v2/index.js +143 -145
- package/dist/v2/index.js.map +1 -1
- package/dist/v2/modalContext.js +2 -2
- package/dist/v2/modalContext.js.map +1 -1
- package/dist/v2/models/favorite.d.ts +8 -9
- package/dist/v2/models/favorite.d.ts.map +1 -1
- package/dist/v2/models/favorite.js.map +1 -1
- package/dist/v2/models/index.js +4 -4
- package/dist/v2/models/index.js.map +1 -1
- package/dist/v2/models/personalization.d.ts +44 -48
- package/dist/v2/models/personalization.d.ts.map +1 -1
- package/dist/v2/models/personalization.js.map +1 -1
- package/dist/v2/models/referentiel.d.ts +32 -50
- package/dist/v2/models/referentiel.d.ts.map +1 -1
- package/dist/v2/models/referentiel.js.map +1 -1
- package/dist/v2/models/savedFilter.d.ts +8 -17
- package/dist/v2/models/savedFilter.d.ts.map +1 -1
- package/dist/v2/models/savedFilter.js.map +1 -1
- package/dist/v2/patterns/ActionBar.js +152 -187
- package/dist/v2/patterns/ActionBar.js.map +1 -1
- package/dist/v2/patterns/AppMain.d.ts +109 -0
- package/dist/v2/patterns/AppMain.d.ts.map +1 -0
- package/dist/v2/patterns/AppMain.js +115 -0
- package/dist/v2/patterns/AppMain.js.map +1 -0
- package/dist/v2/patterns/BulkActionBar.js +40 -42
- package/dist/v2/patterns/BulkActionBar.js.map +1 -1
- package/dist/v2/patterns/ChartFigure.d.ts +124 -0
- package/dist/v2/patterns/ChartFigure.d.ts.map +1 -0
- package/dist/v2/patterns/ChartFigure.js +159 -0
- package/dist/v2/patterns/ChartFigure.js.map +1 -0
- package/dist/v2/patterns/CollapsibleDataGrid.js +138 -174
- package/dist/v2/patterns/CollapsibleDataGrid.js.map +1 -1
- package/dist/v2/patterns/ColumnsToggle.js +60 -94
- package/dist/v2/patterns/ColumnsToggle.js.map +1 -1
- package/dist/v2/patterns/DataGrid.d.ts.map +1 -1
- package/dist/v2/patterns/DataGrid.js +262 -297
- package/dist/v2/patterns/DataGrid.js.map +1 -1
- package/dist/v2/patterns/DataGridSettingsMenu.d.ts +12 -0
- package/dist/v2/patterns/DataGridSettingsMenu.d.ts.map +1 -1
- package/dist/v2/patterns/DataGridSettingsMenu.js +104 -121
- package/dist/v2/patterns/DataGridSettingsMenu.js.map +1 -1
- package/dist/v2/patterns/DataGridToolbar.js +103 -106
- package/dist/v2/patterns/DataGridToolbar.js.map +1 -1
- package/dist/v2/patterns/DataGridVirtualized.js +179 -217
- package/dist/v2/patterns/DataGridVirtualized.js.map +1 -1
- package/dist/v2/patterns/DeleteResourceConfirmDialog.js +32 -35
- package/dist/v2/patterns/DeleteResourceConfirmDialog.js.map +1 -1
- package/dist/v2/patterns/DetailSplit.d.ts +87 -0
- package/dist/v2/patterns/DetailSplit.d.ts.map +1 -0
- package/dist/v2/patterns/DetailSplit.js +116 -0
- package/dist/v2/patterns/DetailSplit.js.map +1 -0
- package/dist/v2/patterns/FavoriteColumn.d.ts +9 -9
- package/dist/v2/patterns/FavoriteColumn.d.ts.map +1 -1
- package/dist/v2/patterns/FavoriteColumn.js +32 -80
- package/dist/v2/patterns/FavoriteColumn.js.map +1 -1
- package/dist/v2/patterns/FavoritesFilter.js +36 -44
- package/dist/v2/patterns/FavoritesFilter.js.map +1 -1
- package/dist/v2/patterns/FilterTabBar.d.ts +28 -0
- package/dist/v2/patterns/FilterTabBar.d.ts.map +1 -0
- package/dist/v2/patterns/FilterTabBar.js +120 -0
- package/dist/v2/patterns/FilterTabBar.js.map +1 -0
- package/dist/v2/patterns/FormErrorSummary.js +20 -23
- package/dist/v2/patterns/FormErrorSummary.js.map +1 -1
- package/dist/v2/patterns/FormPageShell.js +53 -50
- package/dist/v2/patterns/FormPageShell.js.map +1 -1
- package/dist/v2/patterns/FormSection.d.ts +8 -3
- package/dist/v2/patterns/FormSection.d.ts.map +1 -1
- package/dist/v2/patterns/FormSection.js +44 -51
- package/dist/v2/patterns/FormSection.js.map +1 -1
- package/dist/v2/patterns/FormikCheckbox.d.ts +77 -0
- package/dist/v2/patterns/FormikCheckbox.d.ts.map +1 -0
- package/dist/v2/patterns/FormikCheckbox.js +138 -0
- package/dist/v2/patterns/FormikCheckbox.js.map +1 -0
- package/dist/v2/patterns/FormikCheckboxGroup.d.ts +17 -1
- package/dist/v2/patterns/FormikCheckboxGroup.d.ts.map +1 -1
- package/dist/v2/patterns/FormikCheckboxGroup.js +62 -65
- package/dist/v2/patterns/FormikCheckboxGroup.js.map +1 -1
- package/dist/v2/patterns/FormikCombobox.d.ts +7 -1
- package/dist/v2/patterns/FormikCombobox.d.ts.map +1 -1
- package/dist/v2/patterns/FormikCombobox.js +55 -69
- package/dist/v2/patterns/FormikCombobox.js.map +1 -1
- package/dist/v2/patterns/FormikDatePicker.d.ts +13 -1
- package/dist/v2/patterns/FormikDatePicker.d.ts.map +1 -1
- package/dist/v2/patterns/FormikDatePicker.js +59 -106
- package/dist/v2/patterns/FormikDatePicker.js.map +1 -1
- package/dist/v2/patterns/FormikDateTimePicker.d.ts +111 -0
- package/dist/v2/patterns/FormikDateTimePicker.d.ts.map +1 -0
- package/dist/v2/patterns/FormikDateTimePicker.js +144 -0
- package/dist/v2/patterns/FormikDateTimePicker.js.map +1 -0
- package/dist/v2/patterns/FormikErrorFocus.js +25 -26
- package/dist/v2/patterns/FormikErrorFocus.js.map +1 -1
- package/dist/v2/patterns/FormikErrorSummary.d.ts +74 -0
- package/dist/v2/patterns/FormikErrorSummary.d.ts.map +1 -0
- package/dist/v2/patterns/FormikErrorSummary.js +97 -0
- package/dist/v2/patterns/FormikErrorSummary.js.map +1 -0
- package/dist/v2/patterns/FormikFile.d.ts +14 -1
- package/dist/v2/patterns/FormikFile.d.ts.map +1 -1
- package/dist/v2/patterns/FormikFile.js +99 -83
- package/dist/v2/patterns/FormikFile.js.map +1 -1
- package/dist/v2/patterns/FormikInput.d.ts +11 -1
- package/dist/v2/patterns/FormikInput.d.ts.map +1 -1
- package/dist/v2/patterns/FormikInput.js +45 -55
- package/dist/v2/patterns/FormikInput.js.map +1 -1
- package/dist/v2/patterns/FormikRadioGroup.d.ts +80 -0
- package/dist/v2/patterns/FormikRadioGroup.d.ts.map +1 -0
- package/dist/v2/patterns/FormikRadioGroup.js +137 -0
- package/dist/v2/patterns/FormikRadioGroup.js.map +1 -0
- package/dist/v2/patterns/FormikReferentielField.d.ts +12 -1
- package/dist/v2/patterns/FormikReferentielField.d.ts.map +1 -1
- package/dist/v2/patterns/FormikReferentielField.js +54 -64
- package/dist/v2/patterns/FormikReferentielField.js.map +1 -1
- package/dist/v2/patterns/FormikSelect.d.ts +9 -1
- package/dist/v2/patterns/FormikSelect.d.ts.map +1 -1
- package/dist/v2/patterns/FormikSelect.js +70 -89
- package/dist/v2/patterns/FormikSelect.js.map +1 -1
- package/dist/v2/patterns/FormikTextarea.d.ts +9 -1
- package/dist/v2/patterns/FormikTextarea.d.ts.map +1 -1
- package/dist/v2/patterns/FormikTextarea.js +35 -48
- package/dist/v2/patterns/FormikTextarea.js.map +1 -1
- package/dist/v2/patterns/KeyboardShortcutsHelp.d.ts +14 -1
- package/dist/v2/patterns/KeyboardShortcutsHelp.d.ts.map +1 -1
- package/dist/v2/patterns/KeyboardShortcutsHelp.js +71 -74
- package/dist/v2/patterns/KeyboardShortcutsHelp.js.map +1 -1
- package/dist/v2/patterns/NetworkErrorBanner.js +13 -16
- package/dist/v2/patterns/NetworkErrorBanner.js.map +1 -1
- package/dist/v2/patterns/PageContent.js +17 -20
- package/dist/v2/patterns/PageContent.js.map +1 -1
- package/dist/v2/patterns/PreviewDrawer.d.ts +49 -0
- package/dist/v2/patterns/PreviewDrawer.d.ts.map +1 -0
- package/dist/v2/patterns/PreviewDrawer.js +159 -0
- package/dist/v2/patterns/PreviewDrawer.js.map +1 -0
- package/dist/v2/patterns/ReferentielField.d.ts +86 -2
- package/dist/v2/patterns/ReferentielField.d.ts.map +1 -1
- package/dist/v2/patterns/ReferentielField.js +347 -327
- package/dist/v2/patterns/ReferentielField.js.map +1 -1
- package/dist/v2/patterns/RowFavoriteToggle.d.ts +98 -0
- package/dist/v2/patterns/RowFavoriteToggle.d.ts.map +1 -0
- package/dist/v2/patterns/RowFavoriteToggle.js +135 -0
- package/dist/v2/patterns/RowFavoriteToggle.js.map +1 -0
- package/dist/v2/patterns/SaveFilterDialog.js +50 -77
- package/dist/v2/patterns/SaveFilterDialog.js.map +1 -1
- package/dist/v2/patterns/SavedFiltersMenu.js +89 -107
- package/dist/v2/patterns/SavedFiltersMenu.js.map +1 -1
- package/dist/v2/patterns/SkeletonPageShell.js +122 -143
- package/dist/v2/patterns/SkeletonPageShell.js.map +1 -1
- package/dist/v2/patterns/SortableHeader.js +35 -57
- package/dist/v2/patterns/SortableHeader.js.map +1 -1
- package/dist/v2/patterns/Tour.js +121 -142
- package/dist/v2/patterns/Tour.js.map +1 -1
- package/dist/v2/patterns/_dataGridShared.d.ts.map +1 -1
- package/dist/v2/patterns/_dataGridShared.js +131 -147
- package/dist/v2/patterns/_dataGridShared.js.map +1 -1
- package/dist/v2/patterns/_pickerSerialisation.d.ts +44 -0
- package/dist/v2/patterns/_pickerSerialisation.d.ts.map +1 -0
- package/dist/v2/patterns/_pickerSerialisation.js +80 -0
- package/dist/v2/patterns/_pickerSerialisation.js.map +1 -0
- package/dist/v2/patterns/_sort.js +17 -33
- package/dist/v2/patterns/_sort.js.map +1 -1
- package/dist/v2/patterns/_useColumnReorder.js +124 -163
- package/dist/v2/patterns/_useColumnReorder.js.map +1 -1
- package/dist/v2/patterns/_useColumnResize.js +80 -99
- package/dist/v2/patterns/_useColumnResize.js.map +1 -1
- package/dist/v2/patterns/filterCriteria.d.ts +78 -0
- package/dist/v2/patterns/filterCriteria.d.ts.map +1 -0
- package/dist/v2/patterns/filterCriteria.js +110 -0
- package/dist/v2/patterns/filterCriteria.js.map +1 -0
- package/dist/v2/patterns/index.d.ts +247 -0
- package/dist/v2/patterns/index.d.ts.map +1 -1
- package/dist/v2/patterns/index.js +182 -70
- package/dist/v2/patterns/index.js.map +1 -1
- package/dist/v2/patterns/rowActions.d.ts +150 -0
- package/dist/v2/patterns/rowActions.d.ts.map +1 -0
- package/dist/v2/patterns/rowActions.js +232 -0
- package/dist/v2/patterns/rowActions.js.map +1 -0
- package/dist/v2/personalization/PersonalizationProvider.d.ts.map +1 -1
- package/dist/v2/personalization/PersonalizationProvider.js +57 -53
- package/dist/v2/personalization/PersonalizationProvider.js.map +1 -1
- package/dist/v2/personalization/adapters/_storageKey.js +5 -5
- package/dist/v2/personalization/adapters/_storageKey.js.map +1 -1
- package/dist/v2/personalization/adapters/createLocalStorageAdapter.js +25 -24
- package/dist/v2/personalization/adapters/createLocalStorageAdapter.js.map +1 -1
- package/dist/v2/personalization/adapters/createMemoryAdapter.js +14 -14
- package/dist/v2/personalization/adapters/createMemoryAdapter.js.map +1 -1
- package/dist/v2/personalization/adapters/index.js +5 -5
- package/dist/v2/personalization/adapters/index.js.map +1 -1
- package/dist/v2/personalization/capabilities/favorites.js +39 -62
- package/dist/v2/personalization/capabilities/favorites.js.map +1 -1
- package/dist/v2/personalization/capabilities/favoritesView.js +25 -37
- package/dist/v2/personalization/capabilities/favoritesView.js.map +1 -1
- package/dist/v2/personalization/capabilities/gridPreferences.d.ts +100 -0
- package/dist/v2/personalization/capabilities/gridPreferences.d.ts.map +1 -0
- package/dist/v2/personalization/capabilities/gridPreferences.js +210 -0
- package/dist/v2/personalization/capabilities/gridPreferences.js.map +1 -0
- package/dist/v2/personalization/capabilities/index.d.ts +6 -0
- package/dist/v2/personalization/capabilities/index.d.ts.map +1 -1
- package/dist/v2/personalization/capabilities/index.js +23 -10
- package/dist/v2/personalization/capabilities/index.js.map +1 -1
- package/dist/v2/personalization/capabilities/reviveSavedCriteria.d.ts +88 -0
- package/dist/v2/personalization/capabilities/reviveSavedCriteria.d.ts.map +1 -0
- package/dist/v2/personalization/capabilities/reviveSavedCriteria.js +126 -0
- package/dist/v2/personalization/capabilities/reviveSavedCriteria.js.map +1 -0
- package/dist/v2/personalization/capabilities/savedFilters.js +93 -100
- package/dist/v2/personalization/capabilities/savedFilters.js.map +1 -1
- package/dist/v2/personalization/createPersonalizationStore.d.ts.map +1 -1
- package/dist/v2/personalization/createPersonalizationStore.js +81 -182
- package/dist/v2/personalization/createPersonalizationStore.js.map +1 -1
- package/dist/v2/personalization/index.d.ts +34 -0
- package/dist/v2/personalization/index.d.ts.map +1 -1
- package/dist/v2/personalization/index.js +41 -21
- package/dist/v2/personalization/index.js.map +1 -1
- package/dist/v2/personalization/personalizationContext.js +10 -12
- package/dist/v2/personalization/personalizationContext.js.map +1 -1
- package/dist/v2/personalization/schema.js +8 -9
- package/dist/v2/personalization/schema.js.map +1 -1
- package/dist/v2/referentiel/ReferentielProvider.js +31 -45
- package/dist/v2/referentiel/ReferentielProvider.js.map +1 -1
- package/dist/v2/referentiel/index.js +11 -13
- package/dist/v2/referentiel/index.js.map +1 -1
- package/dist/v2/referentiel/types.d.ts +105 -0
- package/dist/v2/referentiel/types.d.ts.map +1 -0
- package/dist/v2/referentiel/types.js +6 -0
- package/dist/v2/referentiel/types.js.map +1 -0
- package/dist/v2/referentiel/useReferentielClient.js +13 -16
- package/dist/v2/referentiel/useReferentielClient.js.map +1 -1
- package/dist/v2/referentiel/useReferentielOptions.d.ts +7 -17
- package/dist/v2/referentiel/useReferentielOptions.d.ts.map +1 -1
- package/dist/v2/referentiel/useReferentielOptions.js +63 -120
- package/dist/v2/referentiel/useReferentielOptions.js.map +1 -1
- package/dist/v2/referentiel/useReferentielSearch.d.ts +7 -48
- package/dist/v2/referentiel/useReferentielSearch.d.ts.map +1 -1
- package/dist/v2/referentiel/useReferentielSearch.js +40 -95
- package/dist/v2/referentiel/useReferentielSearch.js.map +1 -1
- package/dist/v2/theme/_brand.js +12 -26
- package/dist/v2/theme/_brand.js.map +1 -1
- package/dist/v2/theme/_brandSecondary.js +12 -26
- package/dist/v2/theme/_brandSecondary.js.map +1 -1
- package/dist/v2/theme/createPortnetTheme.js +41 -49
- package/dist/v2/theme/createPortnetTheme.js.map +1 -1
- package/dist/v2/theme/cssVariables.d.ts +3 -3
- package/dist/v2/theme/cssVariables.d.ts.map +1 -1
- package/dist/v2/theme/cssVariables.js +65 -70
- package/dist/v2/theme/cssVariables.js.map +1 -1
- package/dist/v2/theme/index.js +10 -10
- package/dist/v2/theme/index.js.map +1 -1
- package/dist/v2/tokens/breakpoints.js +16 -16
- package/dist/v2/tokens/breakpoints.js.map +1 -1
- package/dist/v2/tokens/chart.d.ts +103 -0
- package/dist/v2/tokens/chart.d.ts.map +1 -0
- package/dist/v2/tokens/chart.js +270 -0
- package/dist/v2/tokens/chart.js.map +1 -0
- package/dist/v2/tokens/colors.js +24 -24
- package/dist/v2/tokens/colors.js.map +1 -1
- package/dist/v2/tokens/density.d.ts +104 -0
- package/dist/v2/tokens/density.d.ts.map +1 -1
- package/dist/v2/tokens/density.js +67 -12
- package/dist/v2/tokens/density.js.map +1 -1
- package/dist/v2/tokens/index.d.ts +50 -1
- package/dist/v2/tokens/index.d.ts.map +1 -1
- package/dist/v2/tokens/index.js +116 -68
- package/dist/v2/tokens/index.js.map +1 -1
- package/dist/v2/tokens/motion.js +16 -22
- package/dist/v2/tokens/motion.js.map +1 -1
- package/dist/v2/tokens/radius.js +3 -3
- package/dist/v2/tokens/radius.js.map +1 -1
- package/dist/v2/tokens/shadows.js +8 -8
- package/dist/v2/tokens/shadows.js.map +1 -1
- package/dist/v2/tokens/spacing.js +4 -4
- package/dist/v2/tokens/spacing.js.map +1 -1
- package/dist/v2/tokens/state.js +3 -3
- package/dist/v2/tokens/state.js.map +1 -1
- package/dist/v2/tokens/statusPalette.js +21 -23
- package/dist/v2/tokens/statusPalette.js.map +1 -1
- package/dist/v2/tokens/tokens.json +6 -1
- package/dist/v2/tokens/typography.js +15 -15
- package/dist/v2/tokens/typography.js.map +1 -1
- package/dist/v2/tokens/zIndex.js +3 -3
- package/dist/v2/tokens/zIndex.js.map +1 -1
- package/dist/v2/types/datagrid.d.ts +9 -1
- package/dist/v2/types/datagrid.d.ts.map +1 -1
- package/dist/v2/types/datagrid.js.map +1 -1
- package/dist/v2/types/index.js +2 -2
- package/dist/v2/types/index.js.map +1 -1
- package/dist/v2/utils/apiError.js +16 -37
- package/dist/v2/utils/apiError.js.map +1 -1
- package/dist/v2/utils/contrast.js +31 -32
- package/dist/v2/utils/contrast.js.map +1 -1
- package/dist/v2/utils/cx.js +7 -27
- package/dist/v2/utils/cx.js.map +1 -1
- package/dist/v2/utils/fileDownload.js +25 -28
- package/dist/v2/utils/fileDownload.js.map +1 -1
- package/dist/v2/utils/fileValidation.d.ts +116 -0
- package/dist/v2/utils/fileValidation.d.ts.map +1 -0
- package/dist/v2/utils/fileValidation.js +220 -0
- package/dist/v2/utils/fileValidation.js.map +1 -0
- package/dist/v2/utils/fmtDate.d.ts +103 -0
- package/dist/v2/utils/fmtDate.d.ts.map +1 -0
- package/dist/v2/utils/fmtDate.js +119 -0
- package/dist/v2/utils/fmtDate.js.map +1 -0
- package/dist/v2/utils/fmtMoney.d.ts +3 -3
- package/dist/v2/utils/fmtMoney.d.ts.map +1 -1
- package/dist/v2/utils/fmtMoney.js +9 -11
- package/dist/v2/utils/fmtMoney.js.map +1 -1
- package/dist/v2/utils/formikErrors.d.ts +67 -0
- package/dist/v2/utils/formikErrors.d.ts.map +1 -0
- package/dist/v2/utils/formikErrors.js +85 -0
- package/dist/v2/utils/formikErrors.js.map +1 -0
- package/dist/v2/utils/index.d.ts +5 -0
- package/dist/v2/utils/index.d.ts.map +1 -1
- package/dist/v2/utils/index.js +67 -18
- package/dist/v2/utils/index.js.map +1 -1
- package/dist/v2/utils/mergeLabels.js +9 -14
- package/dist/v2/utils/mergeLabels.js.map +1 -1
- package/dist/v2/utils/networkStatus.js +14 -14
- package/dist/v2/utils/networkStatus.js.map +1 -1
- package/package.json +26 -9
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* Each hue ships {soft, fg}. `soft` is the tinted background, `fg` is
|
|
16
16
|
* the darker text-grade colour, AA-verified on both white AND its soft.
|
|
17
17
|
*/
|
|
18
|
-
|
|
18
|
+
const _hues = {
|
|
19
19
|
green: {
|
|
20
20
|
soft: "#E7F7EF",
|
|
21
21
|
fg: "#0A6E44"
|
|
@@ -48,7 +48,7 @@ var _hues = {
|
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
/* ---------- Brand --------------------------------------------------- */
|
|
51
|
-
export
|
|
51
|
+
export const brand = {
|
|
52
52
|
accent: "#232F66",
|
|
53
53
|
// Portnet navy — AAA · ~12.6:1 on white
|
|
54
54
|
accentHover: "#1A2452",
|
|
@@ -73,7 +73,7 @@ export var brand = {
|
|
|
73
73
|
* (e.g. ink.fg) MUST be chosen before this token is used for text-
|
|
74
74
|
* bearing buttons or alerts.
|
|
75
75
|
*/
|
|
76
|
-
export
|
|
76
|
+
export const brandSecondary = {
|
|
77
77
|
secondary: "#4FB8CF",
|
|
78
78
|
secondaryFg: "#FFFFFF"
|
|
79
79
|
};
|
|
@@ -96,7 +96,7 @@ export var brandSecondary = {
|
|
|
96
96
|
* preserve the muted/subtle hierarchy.
|
|
97
97
|
* fgInverse white on dark surfaces (always paired with dark bgs).
|
|
98
98
|
*/
|
|
99
|
-
export
|
|
99
|
+
export const ink = {
|
|
100
100
|
fg: "#0F1525",
|
|
101
101
|
// AAA · 17.40:1 on white
|
|
102
102
|
fgMuted: "#474C5A",
|
|
@@ -107,7 +107,7 @@ export var ink = {
|
|
|
107
107
|
};
|
|
108
108
|
|
|
109
109
|
/* ---------- Surfaces ------------------------------------------------ */
|
|
110
|
-
export
|
|
110
|
+
export const surface = {
|
|
111
111
|
bg: "#F7F8FA",
|
|
112
112
|
bgElev: "#FFFFFF",
|
|
113
113
|
bgSubtle: "#F1F2F5",
|
|
@@ -116,7 +116,7 @@ export var surface = {
|
|
|
116
116
|
};
|
|
117
117
|
|
|
118
118
|
/* ---------- Borders ------------------------------------------------- */
|
|
119
|
-
export
|
|
119
|
+
export const border = {
|
|
120
120
|
border: "#E4E6EB",
|
|
121
121
|
borderStrong: "#9099AA" // WCAG 1.4.11 · ≥ 3:1 against white
|
|
122
122
|
};
|
|
@@ -126,7 +126,7 @@ export var border = {
|
|
|
126
126
|
* `<name>Soft` tinted background.
|
|
127
127
|
* `<name>Fg` darker text-grade (≥ 4.5:1 on white AND `<name>Soft`).
|
|
128
128
|
*/
|
|
129
|
-
export
|
|
129
|
+
export const semantic = {
|
|
130
130
|
success: "#10A968",
|
|
131
131
|
successSoft: _hues.green.soft,
|
|
132
132
|
successFg: _hues.green.fg,
|
|
@@ -146,8 +146,8 @@ export var semantic = {
|
|
|
146
146
|
* (R-2.2). New chips with custom colours require a charter amendment.
|
|
147
147
|
* Charter §02.1 + V2_ARCHITECTURE.md §5.
|
|
148
148
|
*/
|
|
149
|
-
export
|
|
150
|
-
|
|
149
|
+
export const status = {
|
|
150
|
+
new: _hues.indigo,
|
|
151
151
|
sent: _hues.blue,
|
|
152
152
|
pending: _hues.amber,
|
|
153
153
|
approved: _hues.green,
|
|
@@ -160,7 +160,7 @@ export var status = {
|
|
|
160
160
|
* static-context fallbacks when CSS custom properties aren't
|
|
161
161
|
* resolvable (server-rendered emails, raw inline style, etc.).
|
|
162
162
|
*/
|
|
163
|
-
export
|
|
163
|
+
export const focus = {
|
|
164
164
|
ring: "0 0 0 3px rgba(35, 47, 102, 0.22)",
|
|
165
165
|
ringDanger: "0 0 0 3px rgba(217, 54, 68, 0.22)",
|
|
166
166
|
ringSuccess: "0 0 0 3px rgba(16, 169, 104, 0.22)"
|
|
@@ -170,7 +170,7 @@ export var focus = {
|
|
|
170
170
|
* Applied when `[data-theme="dark"]` on `<html>`. OLED-optimised
|
|
171
171
|
* backgrounds (RGESN R-9.5).
|
|
172
172
|
*/
|
|
173
|
-
export
|
|
173
|
+
export const dark = {
|
|
174
174
|
bg: "#0A0A0F",
|
|
175
175
|
bgElev: "#111218",
|
|
176
176
|
bgSubtle: "#181C26",
|
|
@@ -184,7 +184,7 @@ export var dark = {
|
|
|
184
184
|
fgInverse: "#0A0A0F",
|
|
185
185
|
accentSoft: "#1A2340",
|
|
186
186
|
status: {
|
|
187
|
-
|
|
187
|
+
new: {
|
|
188
188
|
fg: "#7EA2FF"
|
|
189
189
|
},
|
|
190
190
|
sent: {
|
|
@@ -204,16 +204,16 @@ export var dark = {
|
|
|
204
204
|
}
|
|
205
205
|
}
|
|
206
206
|
};
|
|
207
|
-
|
|
208
|
-
brand
|
|
209
|
-
brandSecondary
|
|
210
|
-
ink
|
|
211
|
-
surface
|
|
212
|
-
border
|
|
213
|
-
semantic
|
|
214
|
-
status
|
|
215
|
-
focus
|
|
216
|
-
dark
|
|
207
|
+
const colors = {
|
|
208
|
+
brand,
|
|
209
|
+
brandSecondary,
|
|
210
|
+
ink,
|
|
211
|
+
surface,
|
|
212
|
+
border,
|
|
213
|
+
semantic,
|
|
214
|
+
status,
|
|
215
|
+
focus,
|
|
216
|
+
dark
|
|
217
217
|
};
|
|
218
218
|
export default colors;
|
|
219
219
|
//# sourceMappingURL=colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":["_hues","green","soft","fg","amber","red","blue","indigo","slate","brand","accent","accentHover","accentSoft","accentFg","brandSecondary","secondary","secondaryFg","ink","fgMuted","fgSubtle","fgInverse","surface","bg","bgElev","bgSubtle","bgHover","border","borderStrong","semantic","success","successSoft","successFg","warning","warningSoft","warningFg","danger","dangerSoft","dangerFg","info","infoSoft","infoFg","status","sent","pending","approved","rejected","neutral","focus","ring","ringDanger","ringSuccess","dark","colors"],"sources":["../../../../src/lib/v2/tokens/colors.ts"],"sourcesContent":["/**\r\n * Color tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.1.\r\n *\r\n * Single source of truth for every colour value used in the library.\r\n * Charter R-2.3 / R-AI.1 — magic colours are forbidden outside this file.\r\n *\r\n * Hue swatches are defined ONCE in `_hues` and reused by both the\r\n * semantic palette (success / warning / danger / info) and the workflow\r\n * status palette (status.*). This eliminates the previous duplication\r\n * where the same hex was hard-coded in two distinct places.\r\n */\r\n\r\n/* ---------- Internal hue swatches ----------------------------------\r\n * Each hue ships {soft, fg}. `soft` is the tinted background, `fg` is\r\n * the darker text-grade colour, AA-verified on both white AND its soft.\r\n */\r\nconst _hues = {\r\n green: { soft: \"#E7F7EF\", fg: \"#0A6E44\" }, // ~6.3:1 / ~5.7:1\r\n amber: { soft: \"#FDF4E0\", fg: \"#7A5200\" }, // ~7.0:1 / ~6.4:1\r\n red: { soft: \"#FBEBED\", fg: \"#9B1F2B\" }, // ~7.95:1 / ~5.6:1\r\n blue: { soft: \"#E0F2FE\", fg: \"#075985\" }, // ~7.6:1 / ~6.6:1\r\n indigo: { soft: \"#EEF3FF\", fg: \"#1A3EA8\" }, // ~7.8:1 / ~6.4:1\r\n slate: { soft: \"#F1F2F5\", fg: \"#3A3F4A\" }, // ~9.5:1 / ~8.6:1\r\n};\r\n\r\n/* ---------- Brand --------------------------------------------------- */\r\nexport const brand = {\r\n accent: \"#232F66\", // Portnet navy — AAA · ~12.6:1 on white\r\n accentHover: \"#1A2452\", // pressed / hover (darker)\r\n accentSoft: \"#E9ECF4\", // pale tint for soft backgrounds\r\n accentFg: \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Brand secondary -----------------------------------------\r\n * PORTNET teal — used for secondary CTAs / accent layers.\r\n *\r\n * Promoted from gu-modules/addpe/addpe-fe (was a module-local\r\n * constant `PORTNET_TEAL = \"#4fb8cf\"` in src/common/utils/appearance.js\r\n * that overlaid createTheme to inject palette.secondary). Lifted here\r\n * as the canonical PORTNET brand secondary so every host inherits it\r\n * via createPortnetTheme without re-overlaying.\r\n *\r\n * Audit note (R-T.2 follow-up): secondaryFg = #FFFFFF on #4FB8CF\r\n * is ~1.96:1, which FAILS WCAG AA for body text. Acceptable for\r\n * chip/badge surfaces and non-text accent fills, but a darker fg\r\n * (e.g. ink.fg) MUST be chosen before this token is used for text-\r\n * bearing buttons or alerts.\r\n */\r\nexport const brandSecondary = {\r\n secondary: \"#4FB8CF\",\r\n secondaryFg: \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Ink (text) ---------------------------------------------\r\n *\r\n * Contrast tiers (all ratios computed against the lib's light surfaces\r\n * via WCAG relative-luminance — see colors.js commit log for the math):\r\n *\r\n * fg AAA · 17.40:1 primary body text + headings\r\n * fgMuted AAA · 8.43:1 labels, subtitles, chip text, table\r\n * headers, pagination — every \"essential\r\n * muted text\" surface. Elevated to AAA\r\n * so the bump propagates fleet-wide to\r\n * every consumer of @portnet/ui.\r\n * fgSubtle AA · 4.81:1 placeholders, helper text, captions,\r\n * breadcrumb trail. AA-only by design —\r\n * \"incidental text\" per WCAG 1.4.6\r\n * footnote 4, intentionally lighter to\r\n * preserve the muted/subtle hierarchy.\r\n * fgInverse white on dark surfaces (always paired with dark bgs).\r\n */\r\nexport const ink = {\r\n fg: \"#0F1525\", // AAA · 17.40:1 on white\r\n fgMuted: \"#474C5A\", // AAA · 8.43:1 on white, 7.94:1 on bg, 7.52:1 on bg-subtle\r\n fgSubtle: \"#6B7280\", // AA · 4.81:1 on white — incidental text only (WCAG 1.4.6)\r\n fgInverse: \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Surfaces ------------------------------------------------ */\r\nexport const surface = {\r\n bg: \"#F7F8FA\",\r\n bgElev: \"#FFFFFF\",\r\n bgSubtle: \"#F1F2F5\",\r\n bgHover: \"#EAECF0\",\r\n surface: \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Borders ------------------------------------------------- */\r\nexport const border = {\r\n border: \"#E4E6EB\",\r\n borderStrong: \"#9099AA\", // WCAG 1.4.11 · ≥ 3:1 against white\r\n};\r\n\r\n/* ---------- Semantic ------------------------------------------------\r\n * `<name>` saturated, used for fills / icons / borders (≥ 3:1).\r\n * `<name>Soft` tinted background.\r\n * `<name>Fg` darker text-grade (≥ 4.5:1 on white AND `<name>Soft`).\r\n */\r\nexport const semantic = {\r\n success: \"#10A968\",\r\n successSoft: _hues.green.soft,\r\n successFg: _hues.green.fg,\r\n warning: \"#C78400\",\r\n warningSoft: _hues.amber.soft,\r\n warningFg: _hues.amber.fg,\r\n danger: \"#D93644\",\r\n dangerSoft: _hues.red.soft,\r\n dangerFg: _hues.red.fg,\r\n info: \"#1A7FB8\",\r\n infoSoft: _hues.blue.soft,\r\n infoFg: _hues.blue.fg,\r\n};\r\n\r\n/* ---------- Workflow status ----------------------------------------\r\n * Six and only six. Any new business status MUST map onto one of these\r\n * (R-2.2). New chips with custom colours require a charter amendment.\r\n * Charter §02.1 + V2_ARCHITECTURE.md §5.\r\n */\r\nexport const status = {\r\n new: _hues.indigo,\r\n sent: _hues.blue,\r\n pending: _hues.amber,\r\n approved: _hues.green,\r\n rejected: _hues.red,\r\n neutral: _hues.slate,\r\n};\r\n\r\n/* ---------- Focus ring (static fallback) ---------------------------\r\n * `shadows.focus` references --accent via CSS var. Use these as\r\n * static-context fallbacks when CSS custom properties aren't\r\n * resolvable (server-rendered emails, raw inline style, etc.).\r\n */\r\nexport const focus = {\r\n ring: \"0 0 0 3px rgba(35, 47, 102, 0.22)\",\r\n ringDanger: \"0 0 0 3px rgba(217, 54, 68, 0.22)\",\r\n ringSuccess: \"0 0 0 3px rgba(16, 169, 104, 0.22)\",\r\n};\r\n\r\n/* ---------- Dark mode ----------------------------------------------\r\n * Applied when `[data-theme=\"dark\"]` on `<html>`. OLED-optimised\r\n * backgrounds (RGESN R-9.5).\r\n */\r\nexport const dark = {\r\n bg: \"#0A0A0F\",\r\n bgElev: \"#111218\",\r\n bgSubtle: \"#181C26\",\r\n bgHover: \"#1E2230\",\r\n surface: \"#111218\",\r\n border: \"#262B36\",\r\n borderStrong: \"#484F60\",\r\n fg: \"#E8EAEE\",\r\n fgMuted: \"#9BA1AD\",\r\n fgSubtle: \"#9CA3AF\",\r\n fgInverse: \"#0A0A0F\",\r\n accentSoft: \"#1A2340\",\r\n status: {\r\n new: { fg: \"#7EA2FF\" },\r\n sent: { fg: \"#5FB5E0\" },\r\n pending: { fg: \"#E5B04A\" },\r\n approved: { fg: \"#4FD49A\" },\r\n rejected: { fg: \"#EF5A68\" },\r\n neutral: { fg: \"#A0A6B0\" },\r\n },\r\n};\r\n\r\nconst colors = { brand, brandSecondary, ink, surface, border, semantic, status, focus, dark };\r\nexport default colors;\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"colors.js","names":["_hues","green","soft","fg","amber","red","blue","indigo","slate","brand","accent","accentHover","accentSoft","accentFg","brandSecondary","secondary","secondaryFg","ink","fgMuted","fgSubtle","fgInverse","surface","bg","bgElev","bgSubtle","bgHover","border","borderStrong","semantic","success","successSoft","successFg","warning","warningSoft","warningFg","danger","dangerSoft","dangerFg","info","infoSoft","infoFg","status","new","sent","pending","approved","rejected","neutral","focus","ring","ringDanger","ringSuccess","dark","colors"],"sources":["../../../../src/lib/v2/tokens/colors.ts"],"sourcesContent":["/**\r\n * Color tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.1.\r\n *\r\n * Single source of truth for every colour value used in the library.\r\n * Charter R-2.3 / R-AI.1 — magic colours are forbidden outside this file.\r\n *\r\n * Hue swatches are defined ONCE in `_hues` and reused by both the\r\n * semantic palette (success / warning / danger / info) and the workflow\r\n * status palette (status.*). This eliminates the previous duplication\r\n * where the same hex was hard-coded in two distinct places.\r\n */\r\n\r\n/* ---------- Internal hue swatches ----------------------------------\r\n * Each hue ships {soft, fg}. `soft` is the tinted background, `fg` is\r\n * the darker text-grade colour, AA-verified on both white AND its soft.\r\n */\r\nconst _hues = {\r\n green: { soft: \"#E7F7EF\", fg: \"#0A6E44\" }, // ~6.3:1 / ~5.7:1\r\n amber: { soft: \"#FDF4E0\", fg: \"#7A5200\" }, // ~7.0:1 / ~6.4:1\r\n red: { soft: \"#FBEBED\", fg: \"#9B1F2B\" }, // ~7.95:1 / ~5.6:1\r\n blue: { soft: \"#E0F2FE\", fg: \"#075985\" }, // ~7.6:1 / ~6.6:1\r\n indigo: { soft: \"#EEF3FF\", fg: \"#1A3EA8\" }, // ~7.8:1 / ~6.4:1\r\n slate: { soft: \"#F1F2F5\", fg: \"#3A3F4A\" }, // ~9.5:1 / ~8.6:1\r\n};\r\n\r\n/* ---------- Brand --------------------------------------------------- */\r\nexport const brand = {\r\n accent: \"#232F66\", // Portnet navy — AAA · ~12.6:1 on white\r\n accentHover: \"#1A2452\", // pressed / hover (darker)\r\n accentSoft: \"#E9ECF4\", // pale tint for soft backgrounds\r\n accentFg: \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Brand secondary -----------------------------------------\r\n * PORTNET teal — used for secondary CTAs / accent layers.\r\n *\r\n * Promoted from gu-modules/addpe/addpe-fe (was a module-local\r\n * constant `PORTNET_TEAL = \"#4fb8cf\"` in src/common/utils/appearance.js\r\n * that overlaid createTheme to inject palette.secondary). Lifted here\r\n * as the canonical PORTNET brand secondary so every host inherits it\r\n * via createPortnetTheme without re-overlaying.\r\n *\r\n * Audit note (R-T.2 follow-up): secondaryFg = #FFFFFF on #4FB8CF\r\n * is ~1.96:1, which FAILS WCAG AA for body text. Acceptable for\r\n * chip/badge surfaces and non-text accent fills, but a darker fg\r\n * (e.g. ink.fg) MUST be chosen before this token is used for text-\r\n * bearing buttons or alerts.\r\n */\r\nexport const brandSecondary = {\r\n secondary: \"#4FB8CF\",\r\n secondaryFg: \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Ink (text) ---------------------------------------------\r\n *\r\n * Contrast tiers (all ratios computed against the lib's light surfaces\r\n * via WCAG relative-luminance — see colors.js commit log for the math):\r\n *\r\n * fg AAA · 17.40:1 primary body text + headings\r\n * fgMuted AAA · 8.43:1 labels, subtitles, chip text, table\r\n * headers, pagination — every \"essential\r\n * muted text\" surface. Elevated to AAA\r\n * so the bump propagates fleet-wide to\r\n * every consumer of @portnet/ui.\r\n * fgSubtle AA · 4.81:1 placeholders, helper text, captions,\r\n * breadcrumb trail. AA-only by design —\r\n * \"incidental text\" per WCAG 1.4.6\r\n * footnote 4, intentionally lighter to\r\n * preserve the muted/subtle hierarchy.\r\n * fgInverse white on dark surfaces (always paired with dark bgs).\r\n */\r\nexport const ink = {\r\n fg: \"#0F1525\", // AAA · 17.40:1 on white\r\n fgMuted: \"#474C5A\", // AAA · 8.43:1 on white, 7.94:1 on bg, 7.52:1 on bg-subtle\r\n fgSubtle: \"#6B7280\", // AA · 4.81:1 on white — incidental text only (WCAG 1.4.6)\r\n fgInverse: \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Surfaces ------------------------------------------------ */\r\nexport const surface = {\r\n bg: \"#F7F8FA\",\r\n bgElev: \"#FFFFFF\",\r\n bgSubtle: \"#F1F2F5\",\r\n bgHover: \"#EAECF0\",\r\n surface: \"#FFFFFF\",\r\n};\r\n\r\n/* ---------- Borders ------------------------------------------------- */\r\nexport const border = {\r\n border: \"#E4E6EB\",\r\n borderStrong: \"#9099AA\", // WCAG 1.4.11 · ≥ 3:1 against white\r\n};\r\n\r\n/* ---------- Semantic ------------------------------------------------\r\n * `<name>` saturated, used for fills / icons / borders (≥ 3:1).\r\n * `<name>Soft` tinted background.\r\n * `<name>Fg` darker text-grade (≥ 4.5:1 on white AND `<name>Soft`).\r\n */\r\nexport const semantic = {\r\n success: \"#10A968\",\r\n successSoft: _hues.green.soft,\r\n successFg: _hues.green.fg,\r\n warning: \"#C78400\",\r\n warningSoft: _hues.amber.soft,\r\n warningFg: _hues.amber.fg,\r\n danger: \"#D93644\",\r\n dangerSoft: _hues.red.soft,\r\n dangerFg: _hues.red.fg,\r\n info: \"#1A7FB8\",\r\n infoSoft: _hues.blue.soft,\r\n infoFg: _hues.blue.fg,\r\n};\r\n\r\n/* ---------- Workflow status ----------------------------------------\r\n * Six and only six. Any new business status MUST map onto one of these\r\n * (R-2.2). New chips with custom colours require a charter amendment.\r\n * Charter §02.1 + V2_ARCHITECTURE.md §5.\r\n */\r\nexport const status = {\r\n new: _hues.indigo,\r\n sent: _hues.blue,\r\n pending: _hues.amber,\r\n approved: _hues.green,\r\n rejected: _hues.red,\r\n neutral: _hues.slate,\r\n};\r\n\r\n/* ---------- Focus ring (static fallback) ---------------------------\r\n * `shadows.focus` references --accent via CSS var. Use these as\r\n * static-context fallbacks when CSS custom properties aren't\r\n * resolvable (server-rendered emails, raw inline style, etc.).\r\n */\r\nexport const focus = {\r\n ring: \"0 0 0 3px rgba(35, 47, 102, 0.22)\",\r\n ringDanger: \"0 0 0 3px rgba(217, 54, 68, 0.22)\",\r\n ringSuccess: \"0 0 0 3px rgba(16, 169, 104, 0.22)\",\r\n};\r\n\r\n/* ---------- Dark mode ----------------------------------------------\r\n * Applied when `[data-theme=\"dark\"]` on `<html>`. OLED-optimised\r\n * backgrounds (RGESN R-9.5).\r\n */\r\nexport const dark = {\r\n bg: \"#0A0A0F\",\r\n bgElev: \"#111218\",\r\n bgSubtle: \"#181C26\",\r\n bgHover: \"#1E2230\",\r\n surface: \"#111218\",\r\n border: \"#262B36\",\r\n borderStrong: \"#484F60\",\r\n fg: \"#E8EAEE\",\r\n fgMuted: \"#9BA1AD\",\r\n fgSubtle: \"#9CA3AF\",\r\n fgInverse: \"#0A0A0F\",\r\n accentSoft: \"#1A2340\",\r\n status: {\r\n new: { fg: \"#7EA2FF\" },\r\n sent: { fg: \"#5FB5E0\" },\r\n pending: { fg: \"#E5B04A\" },\r\n approved: { fg: \"#4FD49A\" },\r\n rejected: { fg: \"#EF5A68\" },\r\n neutral: { fg: \"#A0A6B0\" },\r\n },\r\n};\r\n\r\nconst colors = { brand, brandSecondary, ink, surface, border, semantic, status, focus, dark };\r\nexport default colors;\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
33
|
import breakpoints from "./breakpoints";
|
|
34
|
-
export
|
|
34
|
+
export const density = {
|
|
35
35
|
spacious: {
|
|
36
36
|
row: 56,
|
|
37
37
|
input: 44,
|
|
@@ -57,7 +57,7 @@ export var density = {
|
|
|
57
57
|
fontSize: 12
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
|
-
export
|
|
60
|
+
export const layout = {
|
|
61
61
|
sidebar: 248,
|
|
62
62
|
sidebarMin: 64,
|
|
63
63
|
// collapsed icons-only
|
|
@@ -69,6 +69,36 @@ export var layout = {
|
|
|
69
69
|
tactileMin: 44,
|
|
70
70
|
// WCAG 2.5.5 — hard floor for any tactile target
|
|
71
71
|
|
|
72
|
+
/**
|
|
73
|
+
* Gabarits de largeur de champ (G-H) — section « Form Field Width & Layout
|
|
74
|
+
* Standards » des Platform Mandatory UX Patterns.
|
|
75
|
+
*
|
|
76
|
+
* Ces quatre valeurs ÉTAIENT déjà la décision de design, mais elles vivaient
|
|
77
|
+
* en dur dans `Field.FIELD_MAX_WIDTH`, uniquement comme REPLIS de variables
|
|
78
|
+
* CSS que l'émetteur ne produisait pas. Le docblock de `Field` annonçait
|
|
79
|
+
* qu'elles étaient « exposées en variables CSS pour être revues sans toucher
|
|
80
|
+
* au code » : c'était faux, et c'est précisément la révision que ce même
|
|
81
|
+
* docblock demande à l'équipe design. Les valeurs sont donc promues ici, et
|
|
82
|
+
* `cssVariables` les émet.
|
|
83
|
+
*
|
|
84
|
+
* Le standard donne des FOURCHETTES (« ~80px to 120px max ») ; c'est le HAUT
|
|
85
|
+
* de chaque fourchette qui est retenu, ces largeurs étant des plafonds —
|
|
86
|
+
* prendre le bas tronquerait des valeurs qui tiennent dans la contrainte de
|
|
87
|
+
* caractères annoncée.
|
|
88
|
+
*
|
|
89
|
+
* `xl` n'y figure pas, et ce n'est pas un oubli : le gabarit XL vaut `100%`,
|
|
90
|
+
* une largeur relative et non une valeur de la grille. En faire un token en
|
|
91
|
+
* px inviterait à lui donner un plafond qu'il ne doit pas avoir.
|
|
92
|
+
*/
|
|
93
|
+
fieldWidth: {
|
|
94
|
+
xs: 120,
|
|
95
|
+
// 1 a 5 caracteres — code postal, CVV, age
|
|
96
|
+
s: 200,
|
|
97
|
+
// 6 a 15 — telephone, montant, date
|
|
98
|
+
m: 400,
|
|
99
|
+
// 16 a 60 — nom, courriel, ville
|
|
100
|
+
l: 600 // 61 a 256 — adresse, recherche complexe
|
|
101
|
+
},
|
|
72
102
|
/**
|
|
73
103
|
* Modal max-widths (§03 Modal). MUI-bounded dialogs aligned with
|
|
74
104
|
* the charter spacing system.
|
|
@@ -83,16 +113,41 @@ export var layout = {
|
|
|
83
113
|
* Drawer default width (§03 Drawer). Hosts may override per usage,
|
|
84
114
|
* but should pull from this scale rather than invent new values.
|
|
85
115
|
*/
|
|
86
|
-
drawer: 560
|
|
116
|
+
drawer: 560,
|
|
117
|
+
/**
|
|
118
|
+
* Detail-page split (§07 R-L.7 + §Detail / Vertical Progress).
|
|
119
|
+
*
|
|
120
|
+
* The charter's detail skeleton is "content on the left, progression
|
|
121
|
+
* rail on the right", and the rail is a MUST on every consultation
|
|
122
|
+
* page. Hosts were writing that geometry by hand — `refonte-frontend`
|
|
123
|
+
* carried `flex: "1 1 560px"` / `flex: "0 1 300px"` / `minWidth: 260`
|
|
124
|
+
* twice (Area 4), which is three magic values per copy and no shared
|
|
125
|
+
* definition to keep the two screens agreeing.
|
|
126
|
+
*
|
|
127
|
+
* mainMin — flex-basis of the content column. Below the sum of the
|
|
128
|
+
* two bases the rail wraps UNDER the content, which is how
|
|
129
|
+
* the layout reflows without a media query (WCAG 1.4.10).
|
|
130
|
+
* aside — flex-basis of the rail (shrinkable, never grows).
|
|
131
|
+
* asideMin — hard floor: a `VStepper` label stops being readable
|
|
132
|
+
* below this, so the rail wraps instead of compressing.
|
|
133
|
+
*
|
|
134
|
+
* Consumed by `DetailSplit`; hosts should adopt that pattern rather
|
|
135
|
+
* than re-deriving these widths.
|
|
136
|
+
*/
|
|
137
|
+
detail: {
|
|
138
|
+
mainMin: 560,
|
|
139
|
+
aside: 300,
|
|
140
|
+
asideMin: 260
|
|
141
|
+
}
|
|
87
142
|
};
|
|
88
143
|
|
|
89
144
|
/* Re-export the canonical breakpoint scale (now owned by ./breakpoints)
|
|
90
145
|
* so existing consumers and the densityLayout default keep working. */
|
|
91
146
|
export { breakpoints };
|
|
92
|
-
|
|
93
|
-
density
|
|
94
|
-
layout
|
|
95
|
-
breakpoints
|
|
147
|
+
const densityLayout = {
|
|
148
|
+
density,
|
|
149
|
+
layout,
|
|
150
|
+
breakpoints
|
|
96
151
|
};
|
|
97
152
|
export default densityLayout;
|
|
98
153
|
//# sourceMappingURL=density.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"density.js","names":["breakpoints","density","spacious","row","input","btn","fontSize","comfortable","compact","ultraCompact","layout","sidebar","sidebarMin","topbar","contentMax","formMax","tactileMin","modal","sm","md","lg","xl","drawer","densityLayout"],"sources":["../../../../src/lib/v2/tokens/density.ts"],"sourcesContent":["/**\r\n * Density & layout tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.7 + §07.\r\n *\r\n * R-DG.11 — Density togglable, preference persisted.\r\n * R-7.4 — Tactile targets ≥ 44 × 44 px (WCAG 2.5.5).\r\n *\r\n * IMPORTANT: in any density tier, the visual button height\r\n * (`density.<tier>.btn`) may be below `layout.tactileMin` (44).\r\n * Components MUST extend the hit area to 44 via padding or a\r\n * pseudo-element (the FieldHelp / Button pattern), so R-7.4 is\r\n * satisfied without altering the visual size.\r\n * Icon-only buttons MUST set min-width/min-height to `tactileMin`.\r\n *\r\n * Tier picker (host opt-in via the `data-density` attribute):\r\n * - default → comfortable\r\n * - data-density=\"spacious\" → spacious (kiosk / TV / a11y-large)\r\n * - data-density=\"compact\" → compact (dense workflows)\r\n * - data-density=\"ultra-compact\" → ultraCompact (audit ledgers, dense lists)\r\n *\r\n * The kebab-case attribute is the public contract; the camelCase\r\n * key on this object is the JS-side identifier. Don't rename\r\n * either without coordinating cssVariables.js.\r\n *\r\n * NOTE (Batch 1 — responsive certification): the breakpoint scale used\r\n * to be declared here. It now lives in the dedicated ./breakpoints\r\n * module (single source shared by the MUI theme, the mq() helpers and\r\n * the --bp-* CSS variables) and is re-exported below so that every\r\n * `import { breakpoints } from \"@portnet/ui/v2/tokens\"` and the\r\n * densityLayout default shape are unchanged.\r\n */\r\n\r\nimport breakpoints from \"./breakpoints\";\r\n\r\nexport const density = {\r\n spacious: { row: 56, input: 44, btn: 44, fontSize: 15 },\r\n comfortable: { row: 44, input: 40, btn: 40, fontSize: 14 },\r\n compact: { row: 36, input: 32, btn: 32, fontSize: 13 },\r\n ultraCompact: { row: 28, input: 28, btn: 28, fontSize: 12 },\r\n};\r\n\r\nexport const layout = {\r\n sidebar: 248,\r\n sidebarMin: 64, // collapsed icons-only\r\n topbar: 56,\r\n contentMax: 1440, // wide table layouts\r\n formMax: 720, // mono-column form\r\n tactileMin: 44, // WCAG 2.5.5 — hard floor for any tactile target\r\n\r\n /**\r\n * Modal max-widths (§03 Modal). MUI-bounded dialogs aligned with\r\n * the charter spacing system.\r\n */\r\n modal: {\r\n sm: 440,\r\n md: 640,\r\n lg: 840,\r\n xl: 1000,\r\n },\r\n\r\n /**\r\n * Drawer default width (§03 Drawer). Hosts may override per usage,\r\n * but should pull from this scale rather than invent new values.\r\n */\r\n drawer: 560,\r\n};\r\n\r\n/* Re-export the canonical breakpoint scale (now owned by ./breakpoints)\r\n * so existing consumers and the densityLayout default keep working. */\r\nexport { breakpoints };\r\n\r\nconst densityLayout = { density, layout, breakpoints };\r\nexport default densityLayout;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,WAAW,MAAM,eAAe;AAEvC,OAAO,
|
|
1
|
+
{"version":3,"file":"density.js","names":["breakpoints","density","spacious","row","input","btn","fontSize","comfortable","compact","ultraCompact","layout","sidebar","sidebarMin","topbar","contentMax","formMax","tactileMin","fieldWidth","xs","s","m","l","modal","sm","md","lg","xl","drawer","detail","mainMin","aside","asideMin","densityLayout"],"sources":["../../../../src/lib/v2/tokens/density.ts"],"sourcesContent":["/**\r\n * Density & layout tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.7 + §07.\r\n *\r\n * R-DG.11 — Density togglable, preference persisted.\r\n * R-7.4 — Tactile targets ≥ 44 × 44 px (WCAG 2.5.5).\r\n *\r\n * IMPORTANT: in any density tier, the visual button height\r\n * (`density.<tier>.btn`) may be below `layout.tactileMin` (44).\r\n * Components MUST extend the hit area to 44 via padding or a\r\n * pseudo-element (the FieldHelp / Button pattern), so R-7.4 is\r\n * satisfied without altering the visual size.\r\n * Icon-only buttons MUST set min-width/min-height to `tactileMin`.\r\n *\r\n * Tier picker (host opt-in via the `data-density` attribute):\r\n * - default → comfortable\r\n * - data-density=\"spacious\" → spacious (kiosk / TV / a11y-large)\r\n * - data-density=\"compact\" → compact (dense workflows)\r\n * - data-density=\"ultra-compact\" → ultraCompact (audit ledgers, dense lists)\r\n *\r\n * The kebab-case attribute is the public contract; the camelCase\r\n * key on this object is the JS-side identifier. Don't rename\r\n * either without coordinating cssVariables.js.\r\n *\r\n * NOTE (Batch 1 — responsive certification): the breakpoint scale used\r\n * to be declared here. It now lives in the dedicated ./breakpoints\r\n * module (single source shared by the MUI theme, the mq() helpers and\r\n * the --bp-* CSS variables) and is re-exported below so that every\r\n * `import { breakpoints } from \"@portnet/ui/v2/tokens\"` and the\r\n * densityLayout default shape are unchanged.\r\n */\r\n\r\nimport breakpoints from \"./breakpoints\";\r\n\r\nexport const density = {\r\n spacious: { row: 56, input: 44, btn: 44, fontSize: 15 },\r\n comfortable: { row: 44, input: 40, btn: 40, fontSize: 14 },\r\n compact: { row: 36, input: 32, btn: 32, fontSize: 13 },\r\n ultraCompact: { row: 28, input: 28, btn: 28, fontSize: 12 },\r\n};\r\n\r\nexport const layout = {\r\n sidebar: 248,\r\n sidebarMin: 64, // collapsed icons-only\r\n topbar: 56,\r\n contentMax: 1440, // wide table layouts\r\n formMax: 720, // mono-column form\r\n tactileMin: 44, // WCAG 2.5.5 — hard floor for any tactile target\r\n\r\n /**\r\n * Gabarits de largeur de champ (G-H) — section « Form Field Width & Layout\r\n * Standards » des Platform Mandatory UX Patterns.\r\n *\r\n * Ces quatre valeurs ÉTAIENT déjà la décision de design, mais elles vivaient\r\n * en dur dans `Field.FIELD_MAX_WIDTH`, uniquement comme REPLIS de variables\r\n * CSS que l'émetteur ne produisait pas. Le docblock de `Field` annonçait\r\n * qu'elles étaient « exposées en variables CSS pour être revues sans toucher\r\n * au code » : c'était faux, et c'est précisément la révision que ce même\r\n * docblock demande à l'équipe design. Les valeurs sont donc promues ici, et\r\n * `cssVariables` les émet.\r\n *\r\n * Le standard donne des FOURCHETTES (« ~80px to 120px max ») ; c'est le HAUT\r\n * de chaque fourchette qui est retenu, ces largeurs étant des plafonds —\r\n * prendre le bas tronquerait des valeurs qui tiennent dans la contrainte de\r\n * caractères annoncée.\r\n *\r\n * `xl` n'y figure pas, et ce n'est pas un oubli : le gabarit XL vaut `100%`,\r\n * une largeur relative et non une valeur de la grille. En faire un token en\r\n * px inviterait à lui donner un plafond qu'il ne doit pas avoir.\r\n */\r\n fieldWidth: {\r\n xs: 120, // 1 a 5 caracteres — code postal, CVV, age\r\n s: 200, // 6 a 15 — telephone, montant, date\r\n m: 400, // 16 a 60 — nom, courriel, ville\r\n l: 600, // 61 a 256 — adresse, recherche complexe\r\n },\r\n\r\n /**\r\n * Modal max-widths (§03 Modal). MUI-bounded dialogs aligned with\r\n * the charter spacing system.\r\n */\r\n modal: {\r\n sm: 440,\r\n md: 640,\r\n lg: 840,\r\n xl: 1000,\r\n },\r\n\r\n /**\r\n * Drawer default width (§03 Drawer). Hosts may override per usage,\r\n * but should pull from this scale rather than invent new values.\r\n */\r\n drawer: 560,\r\n\r\n /**\r\n * Detail-page split (§07 R-L.7 + §Detail / Vertical Progress).\r\n *\r\n * The charter's detail skeleton is \"content on the left, progression\r\n * rail on the right\", and the rail is a MUST on every consultation\r\n * page. Hosts were writing that geometry by hand — `refonte-frontend`\r\n * carried `flex: \"1 1 560px\"` / `flex: \"0 1 300px\"` / `minWidth: 260`\r\n * twice (Area 4), which is three magic values per copy and no shared\r\n * definition to keep the two screens agreeing.\r\n *\r\n * mainMin — flex-basis of the content column. Below the sum of the\r\n * two bases the rail wraps UNDER the content, which is how\r\n * the layout reflows without a media query (WCAG 1.4.10).\r\n * aside — flex-basis of the rail (shrinkable, never grows).\r\n * asideMin — hard floor: a `VStepper` label stops being readable\r\n * below this, so the rail wraps instead of compressing.\r\n *\r\n * Consumed by `DetailSplit`; hosts should adopt that pattern rather\r\n * than re-deriving these widths.\r\n */\r\n detail: {\r\n mainMin: 560,\r\n aside: 300,\r\n asideMin: 260,\r\n },\r\n};\r\n\r\n/* Re-export the canonical breakpoint scale (now owned by ./breakpoints)\r\n * so existing consumers and the densityLayout default keep working. */\r\nexport { breakpoints };\r\n\r\nconst densityLayout = { density, layout, breakpoints };\r\nexport default densityLayout;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,WAAW,MAAM,eAAe;AAEvC,OAAO,MAAMC,OAAO,GAAG;EACrBC,QAAQ,EAAM;IAAEC,GAAG,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAC3DC,WAAW,EAAG;IAAEJ,GAAG,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAC3DE,OAAO,EAAO;IAAEL,GAAG,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAC3DG,YAAY,EAAE;IAAEN,GAAG,EAAE,EAAE;IAAEC,KAAK,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAG;AAC5D,CAAC;AAED,OAAO,MAAMI,MAAM,GAAG;EACpBC,OAAO,EAAK,GAAG;EACfC,UAAU,EAAG,EAAE;EAAK;EACpBC,MAAM,EAAO,EAAE;EACfC,UAAU,EAAE,IAAI;EAAI;EACpBC,OAAO,EAAM,GAAG;EAAI;EACpBC,UAAU,EAAG,EAAE;EAAK;;EAEpB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEC,UAAU,EAAE;IACVC,EAAE,EAAE,GAAG;IAAI;IACXC,CAAC,EAAG,GAAG;IAAI;IACXC,CAAC,EAAG,GAAG;IAAI;IACXC,CAAC,EAAG,GAAG,CAAI;EACb,CAAC;EAED;AACF;AACA;AACA;EACEC,KAAK,EAAE;IACLC,EAAE,EAAG,GAAG;IACRC,EAAE,EAAG,GAAG;IACRC,EAAE,EAAG,GAAG;IACRC,EAAE,EAAE;EACN,CAAC;EAED;AACF;AACA;AACA;EACEC,MAAM,EAAE,GAAG;EAEX;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEC,MAAM,EAAE;IACNC,OAAO,EAAG,GAAG;IACbC,KAAK,EAAK,GAAG;IACbC,QAAQ,EAAE;EACZ;AACF,CAAC;;AAED;AACA;AACA,SAAS/B,WAAW;AAEpB,MAAMgC,aAAa,GAAG;EAAE/B,OAAO;EAAES,MAAM;EAAEV;AAAY,CAAC;AACtD,eAAegC,aAAa","ignoreList":[]}
|
|
@@ -14,6 +14,7 @@ import zIndex from "./zIndex";
|
|
|
14
14
|
import densityLayout, { density, layout, breakpoints } from "./density";
|
|
15
15
|
import { mq, bpValue, BREAKPOINT_KEYS } from "./breakpoints";
|
|
16
16
|
import statusPalette, { STATUS_KEYS, statusToken, STATUS_LABELS_FR } from "./statusPalette";
|
|
17
|
+
import chart, { chartCategorical, chartCategoricalOn, chartChrome, chartColor, chartColorOn, CHART_CATEGORICAL_CORE } from "./chart";
|
|
17
18
|
import state from "./state";
|
|
18
19
|
export {
|
|
19
20
|
// colors
|
|
@@ -36,45 +37,59 @@ densityLayout, density, layout, breakpoints,
|
|
|
36
37
|
mq, bpValue, BREAKPOINT_KEYS,
|
|
37
38
|
// status helpers
|
|
38
39
|
statusPalette, STATUS_KEYS, statusToken, STATUS_LABELS_FR,
|
|
40
|
+
// categorical chart palette (gap G-37) — NOT semantic colour: never map a
|
|
41
|
+
// workflow state onto these, and never map a category onto `status`.
|
|
42
|
+
chart, chartCategorical, chartColor, CHART_CATEGORICAL_CORE, chartCategoricalOn, chartColorOn,
|
|
43
|
+
// non-data chart furniture (gap G-54) — a role→token mapping, not new
|
|
44
|
+
// values: which token a chart TITLE or an axis LABEL uses, answered once so
|
|
45
|
+
// five chart definitions in one module stop answering it five times.
|
|
46
|
+
chartChrome,
|
|
39
47
|
// state overlays
|
|
40
48
|
state };
|
|
41
49
|
|
|
42
50
|
// `dl` deprecated alias removed in 0.3.0 — see CHANGELOG. Use `densityLayout`.
|
|
43
51
|
|
|
44
|
-
|
|
45
|
-
colors
|
|
46
|
-
brand
|
|
47
|
-
brandSecondary
|
|
48
|
-
ink
|
|
49
|
-
surface
|
|
50
|
-
border
|
|
51
|
-
semantic
|
|
52
|
-
status
|
|
53
|
-
focus
|
|
54
|
-
dark
|
|
55
|
-
typography
|
|
56
|
-
fontFamily
|
|
57
|
-
fontSize
|
|
58
|
-
fontWeight
|
|
59
|
-
lineHeight
|
|
60
|
-
letterSpacing
|
|
61
|
-
variants
|
|
62
|
-
spacing
|
|
63
|
-
spacingBase
|
|
64
|
-
radius
|
|
65
|
-
shadows
|
|
66
|
-
muiShadows
|
|
67
|
-
motion
|
|
68
|
-
duration
|
|
69
|
-
durationCss
|
|
70
|
-
easing
|
|
71
|
-
zIndex
|
|
72
|
-
density
|
|
73
|
-
layout
|
|
74
|
-
breakpoints
|
|
75
|
-
mq
|
|
76
|
-
statusPalette
|
|
77
|
-
|
|
52
|
+
const tokens = Object.freeze({
|
|
53
|
+
colors,
|
|
54
|
+
brand,
|
|
55
|
+
brandSecondary,
|
|
56
|
+
ink,
|
|
57
|
+
surface,
|
|
58
|
+
border,
|
|
59
|
+
semantic,
|
|
60
|
+
status,
|
|
61
|
+
focus,
|
|
62
|
+
dark,
|
|
63
|
+
typography,
|
|
64
|
+
fontFamily,
|
|
65
|
+
fontSize,
|
|
66
|
+
fontWeight,
|
|
67
|
+
lineHeight,
|
|
68
|
+
letterSpacing,
|
|
69
|
+
variants,
|
|
70
|
+
spacing,
|
|
71
|
+
spacingBase,
|
|
72
|
+
radius,
|
|
73
|
+
shadows,
|
|
74
|
+
muiShadows,
|
|
75
|
+
motion,
|
|
76
|
+
duration,
|
|
77
|
+
durationCss,
|
|
78
|
+
easing,
|
|
79
|
+
zIndex,
|
|
80
|
+
density,
|
|
81
|
+
layout,
|
|
82
|
+
breakpoints,
|
|
83
|
+
mq,
|
|
84
|
+
statusPalette,
|
|
85
|
+
chart,
|
|
86
|
+
chartCategorical,
|
|
87
|
+
chartColor,
|
|
88
|
+
CHART_CATEGORICAL_CORE,
|
|
89
|
+
chartCategoricalOn,
|
|
90
|
+
chartColorOn,
|
|
91
|
+
chartChrome,
|
|
92
|
+
state
|
|
78
93
|
});
|
|
79
94
|
export default tokens;
|
|
80
95
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["colors","brand","brandSecondary","ink","surface","border","semantic","status","focus","dark","typography","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","variants","spacing","spacingBase","radius","shadows","muiShadows","motion","duration","durationCss","easing","ms","transition","zIndex","densityLayout","density","layout","breakpoints","mq","bpValue","BREAKPOINT_KEYS","statusPalette","STATUS_KEYS","statusToken","STATUS_LABELS_FR","state","tokens","Object","freeze"],"sources":["../../../../src/lib/v2/tokens/index.ts"],"sourcesContent":["/**\r\n * Tokens barrel — single import surface for the whole library.\r\n *\r\n * import tokens from \"@portnet/ui/v2/tokens\";\r\n * import { brand, brandSecondary, status, spacing, transition, state } from \"@portnet/ui/v2/tokens\";\r\n */\r\nimport colors, {\r\n brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n} from \"./colors\";\r\nimport typography, {\r\n fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n} from \"./typography\";\r\nimport spacing, { spacingBase } from \"./spacing\";\r\nimport radius from \"./radius\";\r\nimport shadows, { muiShadows } from \"./shadows\";\r\nimport motion, {\r\n duration, durationCss, easing, ms, transition,\r\n} from \"./motion\";\r\nimport zIndex from \"./zIndex\";\r\nimport densityLayout, { density, layout, breakpoints } from \"./density\";\r\nimport { mq, bpValue, BREAKPOINT_KEYS } from \"./breakpoints\";\r\nimport statusPalette, {\r\n STATUS_KEYS, statusToken, STATUS_LABELS_FR,\r\n} from \"./statusPalette\";\r\nimport state from \"./state\";\r\n\r\nexport {\r\n // colors\r\n colors, brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n // typography\r\n typography, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n // spacing\r\n spacing, spacingBase,\r\n // radius\r\n radius,\r\n // shadows\r\n shadows, muiShadows,\r\n // motion\r\n motion, duration, durationCss, easing, ms, transition,\r\n // z-index\r\n zIndex,\r\n // density / layout\r\n densityLayout, density, layout, breakpoints,\r\n // responsive — breakpoint scale + media-query helpers (Batch 1)\r\n mq, bpValue, BREAKPOINT_KEYS,\r\n // status helpers\r\n statusPalette, STATUS_KEYS, statusToken, STATUS_LABELS_FR,\r\n // state overlays\r\n state,\r\n};\r\n\r\n// `dl` deprecated alias removed in 0.3.0 — see CHANGELOG. Use `densityLayout`.\r\n\r\nconst tokens = Object.freeze({\r\n colors, brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n typography, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n spacing, spacingBase,\r\n radius,\r\n shadows, muiShadows,\r\n motion, duration, durationCss, easing,\r\n zIndex,\r\n density, layout, breakpoints, mq,\r\n statusPalette,\r\n state,\r\n});\r\n\r\nexport default tokens;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,MAAM,IACXC,KAAK,EAAEC,cAAc,EAAEC,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QACrE,UAAU;AACjB,OAAOC,UAAU,IACfC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,aAAa,EAAEC,QAAQ,QAChE,cAAc;AACrB,OAAOC,OAAO,IAAIC,WAAW,QAAQ,WAAW;AAChD,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,OAAO,IAAIC,UAAU,QAAQ,WAAW;AAC/C,OAAOC,MAAM,IACXC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,EAAE,EAAEC,UAAU,QACxC,UAAU;AACjB,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,IAAIC,OAAO,EAAEC,MAAM,EAAEC,WAAW,QAAQ,WAAW;AACvE,SAASC,EAAE,EAAEC,OAAO,EAAEC,eAAe,QAAQ,eAAe;AAC5D,OAAOC,aAAa,IAClBC,WAAW,EAAEC,WAAW,EAAEC,gBAAgB,QACrC,iBAAiB;AACxB,OAAOC,KAAK,MAAM,SAAS;AAE3B;AACE;
|
|
1
|
+
{"version":3,"file":"index.js","names":["colors","brand","brandSecondary","ink","surface","border","semantic","status","focus","dark","typography","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","variants","spacing","spacingBase","radius","shadows","muiShadows","motion","duration","durationCss","easing","ms","transition","zIndex","densityLayout","density","layout","breakpoints","mq","bpValue","BREAKPOINT_KEYS","statusPalette","STATUS_KEYS","statusToken","STATUS_LABELS_FR","chart","chartCategorical","chartCategoricalOn","chartChrome","chartColor","chartColorOn","CHART_CATEGORICAL_CORE","state","tokens","Object","freeze"],"sources":["../../../../src/lib/v2/tokens/index.ts"],"sourcesContent":["/**\r\n * Tokens barrel — single import surface for the whole library.\r\n *\r\n * import tokens from \"@portnet/ui/v2/tokens\";\r\n * import { brand, brandSecondary, status, spacing, transition, state } from \"@portnet/ui/v2/tokens\";\r\n */\r\nimport colors, {\r\n brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n} from \"./colors\";\r\nimport typography, {\r\n fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n} from \"./typography\";\r\nimport spacing, { spacingBase } from \"./spacing\";\r\nimport radius from \"./radius\";\r\nimport shadows, { muiShadows } from \"./shadows\";\r\nimport motion, {\r\n duration, durationCss, easing, ms, transition,\r\n} from \"./motion\";\r\nimport zIndex from \"./zIndex\";\r\nimport densityLayout, { density, layout, breakpoints } from \"./density\";\r\nimport { mq, bpValue, BREAKPOINT_KEYS } from \"./breakpoints\";\r\nimport statusPalette, {\r\n STATUS_KEYS, statusToken, STATUS_LABELS_FR,\r\n} from \"./statusPalette\";\r\nimport chart, {\r\n chartCategorical,\r\n chartCategoricalOn,\r\n chartChrome,\r\n chartColor,\r\n chartColorOn,\r\n CHART_CATEGORICAL_CORE,\r\n} from \"./chart\";\r\nimport state from \"./state\";\r\n\r\nexport {\r\n // colors\r\n colors, brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n // typography\r\n typography, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n // spacing\r\n spacing, spacingBase,\r\n // radius\r\n radius,\r\n // shadows\r\n shadows, muiShadows,\r\n // motion\r\n motion, duration, durationCss, easing, ms, transition,\r\n // z-index\r\n zIndex,\r\n // density / layout\r\n densityLayout, density, layout, breakpoints,\r\n // responsive — breakpoint scale + media-query helpers (Batch 1)\r\n mq, bpValue, BREAKPOINT_KEYS,\r\n // status helpers\r\n statusPalette, STATUS_KEYS, statusToken, STATUS_LABELS_FR,\r\n // categorical chart palette (gap G-37) — NOT semantic colour: never map a\r\n // workflow state onto these, and never map a category onto `status`.\r\n chart, chartCategorical, chartColor, CHART_CATEGORICAL_CORE,\r\n chartCategoricalOn, chartColorOn,\r\n // non-data chart furniture (gap G-54) — a role→token mapping, not new\r\n // values: which token a chart TITLE or an axis LABEL uses, answered once so\r\n // five chart definitions in one module stop answering it five times.\r\n chartChrome,\r\n // state overlays\r\n state,\r\n};\r\n\r\n// `dl` deprecated alias removed in 0.3.0 — see CHANGELOG. Use `densityLayout`.\r\n\r\nconst tokens = Object.freeze({\r\n colors, brand, brandSecondary, ink, surface, border, semantic, status, focus, dark,\r\n typography, fontFamily, fontSize, fontWeight, lineHeight, letterSpacing, variants,\r\n spacing, spacingBase,\r\n radius,\r\n shadows, muiShadows,\r\n motion, duration, durationCss, easing,\r\n zIndex,\r\n density, layout, breakpoints, mq,\r\n statusPalette,\r\n chart, chartCategorical, chartColor, CHART_CATEGORICAL_CORE,\r\n chartCategoricalOn, chartColorOn, chartChrome,\r\n state,\r\n});\r\n\r\nexport default tokens;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,MAAM,IACXC,KAAK,EAAEC,cAAc,EAAEC,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QACrE,UAAU;AACjB,OAAOC,UAAU,IACfC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,aAAa,EAAEC,QAAQ,QAChE,cAAc;AACrB,OAAOC,OAAO,IAAIC,WAAW,QAAQ,WAAW;AAChD,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,OAAO,IAAIC,UAAU,QAAQ,WAAW;AAC/C,OAAOC,MAAM,IACXC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,EAAE,EAAEC,UAAU,QACxC,UAAU;AACjB,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,aAAa,IAAIC,OAAO,EAAEC,MAAM,EAAEC,WAAW,QAAQ,WAAW;AACvE,SAASC,EAAE,EAAEC,OAAO,EAAEC,eAAe,QAAQ,eAAe;AAC5D,OAAOC,aAAa,IAClBC,WAAW,EAAEC,WAAW,EAAEC,gBAAgB,QACrC,iBAAiB;AACxB,OAAOC,KAAK,IACVC,gBAAgB,EAChBC,kBAAkB,EAClBC,WAAW,EACXC,UAAU,EACVC,YAAY,EACZC,sBAAsB,QACjB,SAAS;AAChB,OAAOC,KAAK,MAAM,SAAS;AAE3B;AACE;AACA/C,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,GAAG,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI;AAClF;AACAC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,aAAa,EAAEC,QAAQ;AACjF;AACAC,OAAO,EAAEC,WAAW;AACpB;AACAC,MAAM;AACN;AACAC,OAAO,EAAEC,UAAU;AACnB;AACAC,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,EAAE,EAAEC,UAAU;AACrD;AACAC,MAAM;AACN;AACAC,aAAa,EAAEC,OAAO,EAAEC,MAAM,EAAEC,WAAW;AAC3C;AACAC,EAAE,EAAEC,OAAO,EAAEC,eAAe;AAC5B;AACAC,aAAa,EAAEC,WAAW,EAAEC,WAAW,EAAEC,gBAAgB;AACzD;AACA;AACAC,KAAK,EAAEC,gBAAgB,EAAEG,UAAU,EAAEE,sBAAsB,EAC3DJ,kBAAkB,EAAEG,YAAY;AAChC;AACA;AACA;AACAF,WAAW;AACX;AACAI,KAAK;;AAGP;;AAEA,MAAMC,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC;EAC3BlD,MAAM;EAAEC,KAAK;EAAEC,cAAc;EAAEC,GAAG;EAAEC,OAAO;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,KAAK;EAAEC,IAAI;EAClFC,UAAU;EAAEC,UAAU;EAAEC,QAAQ;EAAEC,UAAU;EAAEC,UAAU;EAAEC,aAAa;EAAEC,QAAQ;EACjFC,OAAO;EAAEC,WAAW;EACpBC,MAAM;EACNC,OAAO;EAAEC,UAAU;EACnBC,MAAM;EAAEC,QAAQ;EAAEC,WAAW;EAAEC,MAAM;EACrCG,MAAM;EACNE,OAAO;EAAEC,MAAM;EAAEC,WAAW;EAAEC,EAAE;EAChCG,aAAa;EACbI,KAAK;EAAEC,gBAAgB;EAAEG,UAAU;EAAEE,sBAAsB;EAC3DJ,kBAAkB;EAAEG,YAAY;EAAEF,WAAW;EAC7CI;AACF,CAAC,CAAC;AAEF,eAAeC,MAAM","ignoreList":[]}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
* at the call site.
|
|
22
22
|
*/
|
|
23
23
|
|
|
24
|
-
export
|
|
24
|
+
export const duration = {
|
|
25
25
|
// Temporal vocabulary
|
|
26
26
|
fast: 80,
|
|
27
27
|
// hover, focus
|
|
@@ -37,7 +37,7 @@ export var duration = {
|
|
|
37
37
|
// modal/drawer/toast in/out
|
|
38
38
|
pageTransition: 280 // route change, view enter
|
|
39
39
|
};
|
|
40
|
-
export
|
|
40
|
+
export const durationCss = {
|
|
41
41
|
// Temporal
|
|
42
42
|
fast: "80ms",
|
|
43
43
|
base: "180ms",
|
|
@@ -47,18 +47,16 @@ export var durationCss = {
|
|
|
47
47
|
stateChange: "180ms",
|
|
48
48
|
pageTransition: "280ms"
|
|
49
49
|
};
|
|
50
|
-
export
|
|
50
|
+
export const easing = {
|
|
51
51
|
out: "cubic-bezier(0.2, 0.8, 0.2, 1)",
|
|
52
|
-
|
|
52
|
+
in: "cubic-bezier(0.4, 0, 1, 1)",
|
|
53
53
|
soft: "cubic-bezier(0.16, 1, 0.3, 1)"
|
|
54
54
|
};
|
|
55
55
|
|
|
56
56
|
/**
|
|
57
57
|
* `ms(80)` → `"80ms"`. Use when composing custom transitions.
|
|
58
58
|
*/
|
|
59
|
-
export
|
|
60
|
-
return "".concat(Number(n) || 0, "ms");
|
|
61
|
-
};
|
|
59
|
+
export const ms = n => `${Number(n) || 0}ms`;
|
|
62
60
|
|
|
63
61
|
/**
|
|
64
62
|
* Compose a CSS `transition` shorthand safely.
|
|
@@ -70,19 +68,13 @@ export var ms = function ms(n) {
|
|
|
70
68
|
* Both temporal ("fast") and semantic ("microinteraction") keys
|
|
71
69
|
* resolve through the same durationCss object.
|
|
72
70
|
*/
|
|
73
|
-
export
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
var motion = {
|
|
81
|
-
duration: duration,
|
|
82
|
-
durationCss: durationCss,
|
|
83
|
-
easing: easing,
|
|
84
|
-
ms: ms,
|
|
85
|
-
transition: transition
|
|
71
|
+
export const transition = (prop = "all", durationKey = "base", easingKey = "out") => `${prop} ${durationCss[durationKey] ?? durationCss.base} ${easing[easingKey] ?? easing.out}`;
|
|
72
|
+
const motion = {
|
|
73
|
+
duration,
|
|
74
|
+
durationCss,
|
|
75
|
+
easing,
|
|
76
|
+
ms,
|
|
77
|
+
transition
|
|
86
78
|
};
|
|
87
79
|
export default motion;
|
|
88
80
|
//# sourceMappingURL=motion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"motion.js","names":["duration","fast","base","slow","microinteraction","stateChange","pageTransition","durationCss","easing","out","soft","ms","n","
|
|
1
|
+
{"version":3,"file":"motion.js","names":["duration","fast","base","slow","microinteraction","stateChange","pageTransition","durationCss","easing","out","in","soft","ms","n","Number","transition","prop","durationKey","easingKey","motion"],"sources":["../../../../src/lib/v2/tokens/motion.ts"],"sourcesContent":["/**\r\n * Motion tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.7 + §08.\r\n *\r\n * R-Mi.1 — Any duration > 200 ms must be justified.\r\n * R-Mi.2 — No decorative looping animations (RGESN R-9.2).\r\n * R-Mi.3 — Animate transform + opacity only (GPU).\r\n * R-7.5 — `prefers-reduced-motion` respected (≤ 0.01 ms).\r\n *\r\n * Durations ship in two forms:\r\n * - `duration.<key>` integer milliseconds (for JS / MUI theme).\r\n * - `durationCss.<key>` CSS string with `ms` unit (for sx / raw CSS).\r\n * Use `transition(prop, durKey, easeKey)` for the safest path.\r\n *\r\n * Each duration has TWO names:\r\n * 1. Temporal (fast / base / slow) — original Batch 1 vocabulary,\r\n * kept for back-compat with all existing consumers.\r\n * 2. Semantic (microinteraction / stateChange / pageTransition) —\r\n * added in Batch 11 (B6) to make component sx more intent-readable.\r\n * Maps onto the SAME numeric values; pick whichever reads better\r\n * at the call site.\r\n */\r\n\r\nexport const duration = {\r\n // Temporal vocabulary\r\n fast: 80, // hover, focus\r\n base: 180, // modal open, drawer slide, toast spawn\r\n slow: 280, // optional — justify any usage\r\n\r\n // Semantic aliases (B6) — same values, intent-readable names\r\n microinteraction: 80, // hover, focus, button press\r\n stateChange: 180, // modal/drawer/toast in/out\r\n pageTransition: 280, // route change, view enter\r\n};\r\n\r\nexport const durationCss = {\r\n // Temporal\r\n fast: \"80ms\",\r\n base: \"180ms\",\r\n slow: \"280ms\",\r\n\r\n // Semantic aliases\r\n microinteraction: \"80ms\",\r\n stateChange: \"180ms\",\r\n pageTransition: \"280ms\",\r\n};\r\n\r\nexport const easing = {\r\n out: \"cubic-bezier(0.2, 0.8, 0.2, 1)\",\r\n in: \"cubic-bezier(0.4, 0, 1, 1)\",\r\n soft: \"cubic-bezier(0.16, 1, 0.3, 1)\",\r\n};\r\n\r\n/**\r\n * `ms(80)` → `\"80ms\"`. Use when composing custom transitions.\r\n */\r\nexport const ms = (n: number | string): string => `${Number(n) || 0}ms`;\r\n\r\n/**\r\n * Compose a CSS `transition` shorthand safely.\r\n *\r\n * transition(\"opacity\") → \"opacity 180ms cubic-bezier(...)\"\r\n * transition(\"transform\", \"fast\", \"in\") → \"transform 80ms cubic-bezier(...)\"\r\n * transition(\"opacity\", \"stateChange\") → \"opacity 180ms cubic-bezier(...)\"\r\n *\r\n * Both temporal (\"fast\") and semantic (\"microinteraction\") keys\r\n * resolve through the same durationCss object.\r\n */\r\nexport const transition = (\r\n prop: string = \"all\",\r\n durationKey: keyof typeof durationCss = \"base\",\r\n easingKey: keyof typeof easing = \"out\"\r\n): string =>\r\n `${prop} ${durationCss[durationKey] ?? durationCss.base} ${easing[easingKey] ?? easing.out}`;\r\n\r\nconst motion = { duration, durationCss, easing, ms, transition };\r\nexport default motion;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,QAAQ,GAAG;EACtB;EACAC,IAAI,EAAE,EAAE;EAAI;EACZC,IAAI,EAAE,GAAG;EAAG;EACZC,IAAI,EAAE,GAAG;EAAG;;EAEZ;EACAC,gBAAgB,EAAE,EAAE;EAAI;EACxBC,WAAW,EAAO,GAAG;EAAG;EACxBC,cAAc,EAAI,GAAG,CAAG;AAC1B,CAAC;AAED,OAAO,MAAMC,WAAW,GAAG;EACzB;EACAN,IAAI,EAAE,MAAM;EACZC,IAAI,EAAE,OAAO;EACbC,IAAI,EAAE,OAAO;EAEb;EACAC,gBAAgB,EAAE,MAAM;EACxBC,WAAW,EAAO,OAAO;EACzBC,cAAc,EAAI;AACpB,CAAC;AAED,OAAO,MAAME,MAAM,GAAG;EACpBC,GAAG,EAAG,gCAAgC;EACtCC,EAAE,EAAI,4BAA4B;EAClCC,IAAI,EAAE;AACR,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,CAAkB,IAAa,GAAGC,MAAM,CAACD,CAAC,CAAC,IAAI,CAAC,IAAI;;AAEvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,UAAU,GAAGA,CACxBC,IAAY,GAAG,KAAK,EACpBC,WAAqC,GAAG,MAAM,EAC9CC,SAA8B,GAAG,KAAK,KAEtC,GAAGF,IAAI,IAAIT,WAAW,CAACU,WAAW,CAAC,IAAIV,WAAW,CAACL,IAAI,IAAIM,MAAM,CAACU,SAAS,CAAC,IAAIV,MAAM,CAACC,GAAG,EAAE;AAE9F,MAAMU,MAAM,GAAG;EAAEnB,QAAQ;EAAEO,WAAW;EAAEC,MAAM;EAAEI,EAAE;EAAEG;AAAW,CAAC;AAChE,eAAeI,MAAM","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radius.js","names":["radius","none","sm","md","lg","xl","full"],"sources":["../../../../src/lib/v2/tokens/radius.ts"],"sourcesContent":["/**\r\n * Border-radius tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.4.\r\n *\r\n * Values are integers (pixels). For perfect circles / pills on\r\n * square containers, use `full` (9999) which collapses correctly\r\n * regardless of container size.\r\n */\r\nexport const radius = {\r\n none: 0,\r\n sm: 6, // chips, badges, sort indicators\r\n md: 8, // buttons, inputs (default)\r\n lg: 12, // cards, datagrid\r\n xl: 16, // large modals\r\n full: 9999, // pills, status chips, avatars\r\n};\r\n\r\nexport default radius;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"radius.js","names":["radius","none","sm","md","lg","xl","full"],"sources":["../../../../src/lib/v2/tokens/radius.ts"],"sourcesContent":["/**\r\n * Border-radius tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.4.\r\n *\r\n * Values are integers (pixels). For perfect circles / pills on\r\n * square containers, use `full` (9999) which collapses correctly\r\n * regardless of container size.\r\n */\r\nexport const radius = {\r\n none: 0,\r\n sm: 6, // chips, badges, sort indicators\r\n md: 8, // buttons, inputs (default)\r\n lg: 12, // cards, datagrid\r\n xl: 16, // large modals\r\n full: 9999, // pills, status chips, avatars\r\n};\r\n\r\nexport default radius;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,MAAM,GAAG;EACpBC,IAAI,EAAE,CAAC;EACPC,EAAE,EAAI,CAAC;EAAK;EACZC,EAAE,EAAI,CAAC;EAAK;EACZC,EAAE,EAAI,EAAE;EAAI;EACZC,EAAE,EAAI,EAAE;EAAI;EACZC,IAAI,EAAE,IAAI,CAAE;AACd,CAAC;AAED,eAAeN,MAAM","ignoreList":[]}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* CSS custom properties aren't resolvable
|
|
13
13
|
* (server-rendered emails, raw inline style, etc.).
|
|
14
14
|
*/
|
|
15
|
-
export
|
|
15
|
+
export const shadows = {
|
|
16
16
|
xs: "0 1px 2px rgba(15,21,37,.04)",
|
|
17
17
|
sm: "0 1px 2px rgba(15,21,37,.04), 0 1px 3px rgba(15,21,37,.06)",
|
|
18
18
|
md: "0 2px 4px rgba(15,21,37,.04), 0 4px 12px rgba(15,21,37,.08)",
|
|
@@ -31,10 +31,10 @@ export var shadows = {
|
|
|
31
31
|
* Padding is intentional — MUI components reference indices
|
|
32
32
|
* semantically; we provide one canonical level per band.
|
|
33
33
|
*/
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
export
|
|
34
|
+
const _xs = shadows.xs;
|
|
35
|
+
const _sm = shadows.sm;
|
|
36
|
+
const _md = shadows.md;
|
|
37
|
+
const _lg = shadows.lg;
|
|
38
|
+
export const muiShadows = ["none", _xs, _xs, _xs, _xs, _sm, _sm, _sm, _sm, _md, _md, _md, _md, _md, _md, _md, _md, _lg, _lg, _lg, _lg, _lg, _lg, _lg, _lg];
|
|
39
39
|
export default shadows;
|
|
40
40
|
//# sourceMappingURL=shadows.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadows.js","names":["shadows","xs","sm","md","lg","focus","focusFallback","_xs","_sm","_md","_lg","muiShadows"],"sources":["../../../../src/lib/v2/tokens/shadows.ts"],"sourcesContent":["/**\r\n * Shadow / elevation tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.5.\r\n *\r\n * All shadows are CSS strings — directly assignable to `boxShadow`\r\n * in `sx`, `style`, or CSS custom properties.\r\n *\r\n * `focus` ships TWO variants:\r\n * - `focus` uses `var(--accent)`, the runtime-themable\r\n * custom property set by `<PortnetThemeProvider>`.\r\n * - `focusFallback` is a static rgba string for contexts where\r\n * CSS custom properties aren't resolvable\r\n * (server-rendered emails, raw inline style, etc.).\r\n */\r\nexport const shadows = {\r\n xs: \"0 1px 2px rgba(15,21,37,.04)\",\r\n sm: \"0 1px 2px rgba(15,21,37,.04), 0 1px 3px rgba(15,21,37,.06)\",\r\n md: \"0 2px 4px rgba(15,21,37,.04), 0 4px 12px rgba(15,21,37,.08)\",\r\n lg: \"0 4px 8px rgba(15,21,37,.06), 0 12px 32px rgba(15,21,37,.12)\",\r\n focus: \"0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)\",\r\n focusFallback: \"0 0 0 3px rgba(35, 47, 102, 0.22)\",\r\n};\r\n\r\n/**\r\n * 25-slot MUI shadows array. Index 0 must be \"none\".\r\n * 1–4 → xs (subtle elevation: AppBar, switches)\r\n * 5–8 → sm (cards, paper)\r\n * 9–16 → md (menus, popovers, dropdowns)\r\n * 17–24 → lg (modals, drawers)\r\n *\r\n * Padding is intentional — MUI components reference indices\r\n * semantically; we provide one canonical level per band.\r\n */\r\nconst _xs = shadows.xs;\r\nconst _sm = shadows.sm;\r\nconst _md = shadows.md;\r\nconst _lg = shadows.lg;\r\n\r\nexport const muiShadows = [\r\n \"none\",\r\n _xs, _xs, _xs, _xs,\r\n _sm, _sm, _sm, _sm,\r\n _md, _md, _md, _md, _md, _md, _md, _md,\r\n _lg, _lg, _lg, _lg, _lg, _lg, _lg, _lg,\r\n];\r\n\r\nexport default shadows;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"shadows.js","names":["shadows","xs","sm","md","lg","focus","focusFallback","_xs","_sm","_md","_lg","muiShadows"],"sources":["../../../../src/lib/v2/tokens/shadows.ts"],"sourcesContent":["/**\r\n * Shadow / elevation tokens — Portnet UI v2\r\n * Aligned with Design System v1.0 §02.5.\r\n *\r\n * All shadows are CSS strings — directly assignable to `boxShadow`\r\n * in `sx`, `style`, or CSS custom properties.\r\n *\r\n * `focus` ships TWO variants:\r\n * - `focus` uses `var(--accent)`, the runtime-themable\r\n * custom property set by `<PortnetThemeProvider>`.\r\n * - `focusFallback` is a static rgba string for contexts where\r\n * CSS custom properties aren't resolvable\r\n * (server-rendered emails, raw inline style, etc.).\r\n */\r\nexport const shadows = {\r\n xs: \"0 1px 2px rgba(15,21,37,.04)\",\r\n sm: \"0 1px 2px rgba(15,21,37,.04), 0 1px 3px rgba(15,21,37,.06)\",\r\n md: \"0 2px 4px rgba(15,21,37,.04), 0 4px 12px rgba(15,21,37,.08)\",\r\n lg: \"0 4px 8px rgba(15,21,37,.06), 0 12px 32px rgba(15,21,37,.12)\",\r\n focus: \"0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)\",\r\n focusFallback: \"0 0 0 3px rgba(35, 47, 102, 0.22)\",\r\n};\r\n\r\n/**\r\n * 25-slot MUI shadows array. Index 0 must be \"none\".\r\n * 1–4 → xs (subtle elevation: AppBar, switches)\r\n * 5–8 → sm (cards, paper)\r\n * 9–16 → md (menus, popovers, dropdowns)\r\n * 17–24 → lg (modals, drawers)\r\n *\r\n * Padding is intentional — MUI components reference indices\r\n * semantically; we provide one canonical level per band.\r\n */\r\nconst _xs = shadows.xs;\r\nconst _sm = shadows.sm;\r\nconst _md = shadows.md;\r\nconst _lg = shadows.lg;\r\n\r\nexport const muiShadows = [\r\n \"none\",\r\n _xs, _xs, _xs, _xs,\r\n _sm, _sm, _sm, _sm,\r\n _md, _md, _md, _md, _md, _md, _md, _md,\r\n _lg, _lg, _lg, _lg, _lg, _lg, _lg, _lg,\r\n];\r\n\r\nexport default shadows;\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,OAAO,GAAG;EACrBC,EAAE,EAAa,8BAA8B;EAC7CC,EAAE,EAAa,4DAA4D;EAC3EC,EAAE,EAAa,6DAA6D;EAC5EC,EAAE,EAAa,8DAA8D;EAC7EC,KAAK,EAAU,8DAA8D;EAC7EC,aAAa,EAAE;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,GAAG,GAAGP,OAAO,CAACC,EAAE;AACtB,MAAMO,GAAG,GAAGR,OAAO,CAACE,EAAE;AACtB,MAAMO,GAAG,GAAGT,OAAO,CAACG,EAAE;AACtB,MAAMO,GAAG,GAAGV,OAAO,CAACI,EAAE;AAEtB,OAAO,MAAMO,UAAU,GAAG,CACxB,MAAM,EACNJ,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAClBC,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAClBC,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EACtCC,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,EAAEA,GAAG,CACvC;AAED,eAAeV,OAAO","ignoreList":[]}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
* - Semantic alias (xs..xxl) — preferred for new code.
|
|
11
11
|
* Both resolve to the same pixel values.
|
|
12
12
|
*/
|
|
13
|
-
export
|
|
13
|
+
export const spacing = {
|
|
14
14
|
s1: 4,
|
|
15
15
|
// gap d'icônes inline
|
|
16
16
|
s2: 8,
|
|
@@ -46,6 +46,6 @@ export var spacing = {
|
|
|
46
46
|
* `theme.spacing(2)` == 8 px. Never use fractional units
|
|
47
47
|
* (`theme.spacing(2.5)` = 10 px) — R-S.1 violation.
|
|
48
48
|
*/
|
|
49
|
-
export
|
|
49
|
+
export const spacingBase = 4;
|
|
50
50
|
export default spacing;
|
|
51
51
|
//# sourceMappingURL=spacing.js.map
|