@cratis/components 2.9.1 → 3.1.0
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/README.md +196 -66
- package/dist/esm/CommandDialog/CommandDialog.d.ts.map +1 -1
- package/dist/esm/CommandDialog/CommandDialog.js +4 -4
- package/dist/esm/CommandDialog/CommandDialog.js.map +1 -1
- package/dist/esm/CommandDialog/CommandStepper.d.ts +18 -4
- package/dist/esm/CommandDialog/CommandStepper.d.ts.map +1 -1
- package/dist/esm/CommandDialog/CommandStepper.js +51 -60
- package/dist/esm/CommandDialog/CommandStepper.js.map +1 -1
- package/dist/esm/CommandDialog/StepperCommandDialog.d.ts +6 -7
- package/dist/esm/CommandDialog/StepperCommandDialog.d.ts.map +1 -1
- package/dist/esm/CommandDialog/StepperCommandDialog.js +18 -15
- package/dist/esm/CommandDialog/StepperCommandDialog.js.map +1 -1
- package/dist/esm/CommandDialog/StepperPanel.d.ts +10 -0
- package/dist/esm/CommandDialog/StepperPanel.d.ts.map +1 -0
- package/dist/esm/CommandDialog/StepperPanel.js +30 -0
- package/dist/esm/CommandDialog/StepperPanel.js.map +1 -0
- package/dist/esm/CommandDialog/index.d.ts +1 -0
- package/dist/esm/CommandDialog/index.d.ts.map +1 -1
- package/dist/esm/CommandDialog/index.js +1 -0
- package/dist/esm/CommandDialog/index.js.map +1 -1
- package/dist/esm/CommandForm/fields/CalendarField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/CalendarField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/CalendarField.js +2 -8
- package/dist/esm/CommandForm/fields/CalendarField.js.map +1 -1
- package/dist/esm/CommandForm/fields/CheckboxField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/CheckboxField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/CheckboxField.js +1 -1
- package/dist/esm/CommandForm/fields/CheckboxField.js.map +1 -1
- package/dist/esm/CommandForm/fields/ChipsField.d.ts +4 -3
- package/dist/esm/CommandForm/fields/ChipsField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/ChipsField.js +3 -3
- package/dist/esm/CommandForm/fields/ChipsField.js.map +1 -1
- package/dist/esm/CommandForm/fields/ColorPickerField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/ColorPickerField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/ColorPickerField.js +16 -8
- package/dist/esm/CommandForm/fields/ColorPickerField.js.map +1 -1
- package/dist/esm/CommandForm/fields/DropdownField.d.ts +1 -1
- package/dist/esm/CommandForm/fields/DropdownField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/DropdownField.js +1 -4
- package/dist/esm/CommandForm/fields/DropdownField.js.map +1 -1
- package/dist/esm/CommandForm/fields/InputTextField.d.ts +1 -1
- package/dist/esm/CommandForm/fields/InputTextField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/InputTextField.js.map +1 -1
- package/dist/esm/CommandForm/fields/MultiSelectField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/MultiSelectField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/MultiSelectField.js +2 -8
- package/dist/esm/CommandForm/fields/MultiSelectField.js.map +1 -1
- package/dist/esm/CommandForm/fields/NumberField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/NumberField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/NumberField.js +1 -1
- package/dist/esm/CommandForm/fields/NumberField.js.map +1 -1
- package/dist/esm/CommandForm/fields/PasswordField.d.ts +13 -0
- package/dist/esm/CommandForm/fields/PasswordField.d.ts.map +1 -0
- package/dist/esm/CommandForm/fields/PasswordField.js +20 -0
- package/dist/esm/CommandForm/fields/PasswordField.js.map +1 -0
- package/dist/esm/CommandForm/fields/RadioButtonField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/RadioButtonField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/RadioButtonField.js +2 -1
- package/dist/esm/CommandForm/fields/RadioButtonField.js.map +1 -1
- package/dist/esm/CommandForm/fields/RadioGroupField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/RadioGroupField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/RadioGroupField.js +2 -1
- package/dist/esm/CommandForm/fields/RadioGroupField.js.map +1 -1
- package/dist/esm/CommandForm/fields/RatingField.d.ts +14 -0
- package/dist/esm/CommandForm/fields/RatingField.d.ts.map +1 -0
- package/dist/esm/CommandForm/fields/RatingField.js +19 -0
- package/dist/esm/CommandForm/fields/RatingField.js.map +1 -0
- package/dist/esm/CommandForm/fields/SliderField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/SliderField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/SliderField.js +1 -1
- package/dist/esm/CommandForm/fields/SliderField.js.map +1 -1
- package/dist/esm/CommandForm/fields/TextAreaField.d.ts +3 -3
- package/dist/esm/CommandForm/fields/TextAreaField.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/TextAreaField.js +2 -2
- package/dist/esm/CommandForm/fields/TextAreaField.js.map +1 -1
- package/dist/esm/CommandForm/fields/ToggleSwitchField.d.ts +13 -0
- package/dist/esm/CommandForm/fields/ToggleSwitchField.d.ts.map +1 -0
- package/dist/esm/CommandForm/fields/ToggleSwitchField.js +20 -0
- package/dist/esm/CommandForm/fields/ToggleSwitchField.js.map +1 -0
- package/dist/esm/CommandForm/fields/index.d.ts +3 -0
- package/dist/esm/CommandForm/fields/index.d.ts.map +1 -1
- package/dist/esm/CommandForm/fields/index.js +3 -0
- package/dist/esm/CommandForm/fields/index.js.map +1 -1
- package/dist/esm/CommandForm/index.js +3 -0
- package/dist/esm/CommandForm/index.js.map +1 -1
- package/dist/esm/Common/ActionMenubar.d.ts +21 -0
- package/dist/esm/Common/ActionMenubar.d.ts.map +1 -0
- package/dist/esm/Common/ActionMenubar.js +20 -0
- package/dist/esm/Common/ActionMenubar.js.map +1 -0
- package/dist/esm/Common/CratisComponentsProvider.d.ts +5 -3
- package/dist/esm/Common/CratisComponentsProvider.d.ts.map +1 -1
- package/dist/esm/Common/CratisComponentsProvider.js +27 -11
- package/dist/esm/Common/CratisComponentsProvider.js.map +1 -1
- package/dist/esm/Common/DatePickerInput.d.ts +22 -0
- package/dist/esm/Common/DatePickerInput.d.ts.map +1 -0
- package/dist/esm/Common/DatePickerInput.js +18 -0
- package/dist/esm/Common/DatePickerInput.js.map +1 -0
- package/dist/esm/Common/FormElement.d.ts +0 -1
- package/dist/esm/Common/FormElement.d.ts.map +1 -1
- package/dist/esm/Common/FormElement.js +0 -1
- package/dist/esm/Common/FormElement.js.map +1 -1
- package/dist/esm/Common/Tooltip.d.ts +2 -2
- package/dist/esm/Common/Tooltip.d.ts.map +1 -1
- package/dist/esm/Common/Tooltip.js +25 -13
- package/dist/esm/Common/Tooltip.js.map +1 -1
- package/dist/esm/Common/index.d.ts +2 -0
- package/dist/esm/Common/index.d.ts.map +1 -1
- package/dist/esm/Common/index.js +2 -0
- package/dist/esm/Common/index.js.map +1 -1
- package/dist/esm/DataPage/DataPage.d.ts +17 -10
- package/dist/esm/DataPage/DataPage.d.ts.map +1 -1
- package/dist/esm/DataPage/DataPage.js +19 -18
- package/dist/esm/DataPage/DataPage.js.map +1 -1
- package/dist/esm/DataPage/index.d.ts +1 -0
- package/dist/esm/DataPage/index.d.ts.map +1 -1
- package/dist/esm/DataPage/index.js +1 -0
- package/dist/esm/DataPage/index.js.map +1 -1
- package/dist/esm/DataTables/Column.d.ts +25 -0
- package/dist/esm/DataTables/Column.d.ts.map +1 -0
- package/dist/esm/DataTables/Column.js +24 -0
- package/dist/esm/DataTables/Column.js.map +1 -0
- package/dist/esm/DataTables/ColumnFilterMenu.d.ts +10 -0
- package/dist/esm/DataTables/ColumnFilterMenu.d.ts.map +1 -0
- package/dist/esm/DataTables/ColumnFilterMenu.js +44 -0
- package/dist/esm/DataTables/ColumnFilterMenu.js.map +1 -0
- package/dist/esm/DataTables/DataTableCore.d.ts +33 -0
- package/dist/esm/DataTables/DataTableCore.d.ts.map +1 -0
- package/dist/esm/DataTables/DataTableCore.js +59 -0
- package/dist/esm/DataTables/DataTableCore.js.map +1 -0
- package/dist/esm/DataTables/DataTableFilterMeta.d.ts +6 -0
- package/dist/esm/DataTables/DataTableFilterMeta.d.ts.map +1 -0
- package/dist/esm/DataTables/DataTableFilterMeta.js +2 -0
- package/dist/esm/DataTables/DataTableFilterMeta.js.map +1 -0
- package/dist/esm/DataTables/DataTableForObservableQuery.d.ts +9 -8
- package/dist/esm/DataTables/DataTableForObservableQuery.d.ts.map +1 -1
- package/dist/esm/DataTables/DataTableForObservableQuery.js +41 -64
- package/dist/esm/DataTables/DataTableForObservableQuery.js.map +1 -1
- package/dist/esm/DataTables/DataTableForQuery.d.ts +9 -8
- package/dist/esm/DataTables/DataTableForQuery.d.ts.map +1 -1
- package/dist/esm/DataTables/DataTableForQuery.js +17 -44
- package/dist/esm/DataTables/DataTableForQuery.js.map +1 -1
- package/dist/esm/DataTables/DataTableSelectionChangeEvent.d.ts +6 -0
- package/dist/esm/DataTables/DataTableSelectionChangeEvent.d.ts.map +1 -0
- package/dist/esm/DataTables/DataTableSelectionChangeEvent.js +2 -0
- package/dist/esm/DataTables/DataTableSelectionChangeEvent.js.map +1 -0
- package/dist/esm/DataTables/TablePaginator.d.ts +17 -0
- package/dist/esm/DataTables/TablePaginator.d.ts.map +1 -0
- package/dist/esm/DataTables/TablePaginator.js +22 -0
- package/dist/esm/DataTables/TablePaginator.js.map +1 -0
- package/dist/esm/DataTables/index.d.ts +5 -0
- package/dist/esm/DataTables/index.d.ts.map +1 -1
- package/dist/esm/DataTables/index.js +3 -0
- package/dist/esm/DataTables/index.js.map +1 -1
- package/dist/esm/DataTables/paginatorRange.d.ts +2 -0
- package/dist/esm/DataTables/paginatorRange.d.ts.map +1 -0
- package/dist/esm/DataTables/paginatorRange.js +21 -0
- package/dist/esm/DataTables/paginatorRange.js.map +1 -0
- package/dist/esm/DataTables/selectionKeys.d.ts +4 -0
- package/dist/esm/DataTables/selectionKeys.d.ts.map +1 -0
- package/dist/esm/DataTables/selectionKeys.js +34 -0
- package/dist/esm/DataTables/selectionKeys.js.map +1 -0
- package/dist/esm/Dialogs/BusyIndicatorDialog.d.ts.map +1 -1
- package/dist/esm/Dialogs/BusyIndicatorDialog.js +2 -2
- package/dist/esm/Dialogs/BusyIndicatorDialog.js.map +1 -1
- package/dist/esm/Dialogs/Dialog.d.ts +9 -7
- package/dist/esm/Dialogs/Dialog.d.ts.map +1 -1
- package/dist/esm/Dialogs/Dialog.js +45 -23
- package/dist/esm/Dialogs/Dialog.js.map +1 -1
- package/dist/esm/Display/Avatar.d.ts +11 -0
- package/dist/esm/Display/Avatar.d.ts.map +1 -0
- package/dist/esm/Display/Avatar.js +13 -0
- package/dist/esm/Display/Avatar.js.map +1 -0
- package/dist/esm/Display/Badge.d.ts +12 -0
- package/dist/esm/Display/Badge.d.ts.map +1 -0
- package/dist/esm/Display/Badge.js +11 -0
- package/dist/esm/Display/Badge.js.map +1 -0
- package/dist/esm/Display/Chip.d.ts +11 -0
- package/dist/esm/Display/Chip.d.ts.map +1 -0
- package/dist/esm/Display/Chip.js +11 -0
- package/dist/esm/Display/Chip.js.map +1 -0
- package/dist/esm/Display/ProgressBar.d.ts +8 -0
- package/dist/esm/Display/ProgressBar.d.ts.map +1 -0
- package/dist/esm/Display/ProgressBar.js +12 -0
- package/dist/esm/Display/ProgressBar.js.map +1 -0
- package/dist/esm/Display/Skeleton.d.ts +9 -0
- package/dist/esm/Display/Skeleton.d.ts.map +1 -0
- package/dist/esm/Display/Skeleton.js +18 -0
- package/dist/esm/Display/Skeleton.js.map +1 -0
- package/dist/esm/Display/Tag.d.ts +12 -0
- package/dist/esm/Display/Tag.d.ts.map +1 -0
- package/dist/esm/Display/Tag.js +12 -0
- package/dist/esm/Display/Tag.js.map +1 -0
- package/dist/esm/Display/index.d.ts +7 -0
- package/dist/esm/Display/index.d.ts.map +1 -0
- package/dist/esm/Display/index.js +10 -0
- package/dist/esm/Display/index.js.map +1 -0
- package/dist/esm/Dropdown/Dropdown.d.ts +33 -3
- package/dist/esm/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/esm/Dropdown/Dropdown.js +15 -18
- package/dist/esm/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/Filter/FilterPanel.d.ts +3 -2
- package/dist/esm/Filter/FilterPanel.d.ts.map +1 -1
- package/dist/esm/Filter/FilterPanel.js +4 -5
- package/dist/esm/Filter/FilterPanel.js.map +1 -1
- package/dist/esm/Notifications/Toaster.d.ts +9 -0
- package/dist/esm/Notifications/Toaster.d.ts.map +1 -0
- package/dist/esm/Notifications/Toaster.js +43 -0
- package/dist/esm/Notifications/Toaster.js.map +1 -0
- package/dist/esm/Notifications/index.d.ts +4 -0
- package/dist/esm/Notifications/index.d.ts.map +1 -0
- package/dist/{cjs/types → esm/Notifications}/index.js +3 -5
- package/dist/esm/Notifications/index.js.map +1 -0
- package/dist/esm/Notifications/toast.d.ts +3 -0
- package/dist/esm/Notifications/toast.d.ts.map +1 -0
- package/dist/esm/Notifications/toast.js +2 -0
- package/dist/esm/Notifications/toast.js.map +1 -0
- package/dist/esm/Notifications/toastCommandResult.d.ts +11 -0
- package/dist/esm/Notifications/toastCommandResult.d.ts.map +1 -0
- package/dist/esm/Notifications/toastCommandResult.js +59 -0
- package/dist/esm/Notifications/toastCommandResult.js.map +1 -0
- package/dist/esm/ObjectContentEditor/ObjectContentEditor.d.ts.map +1 -1
- package/dist/esm/ObjectContentEditor/ObjectContentEditor.js +11 -15
- package/dist/esm/ObjectContentEditor/ObjectContentEditor.js.map +1 -1
- package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.d.ts +2 -2
- package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.d.ts.map +1 -1
- package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js +3 -3
- package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.js.map +1 -1
- package/dist/esm/PivotViewer/PivotViewer.d.ts +0 -1
- package/dist/esm/PivotViewer/PivotViewer.d.ts.map +1 -1
- package/dist/esm/PivotViewer/PivotViewer.js +0 -1
- package/dist/esm/PivotViewer/PivotViewer.js.map +1 -1
- package/dist/esm/PivotViewer/components/Spinner.d.ts +0 -1
- package/dist/esm/PivotViewer/components/Spinner.d.ts.map +1 -1
- package/dist/esm/PivotViewer/components/Spinner.js +2 -1
- package/dist/esm/PivotViewer/components/Spinner.js.map +1 -1
- package/dist/esm/SchemaEditor/NameCell.d.ts.map +1 -1
- package/dist/esm/SchemaEditor/NameCell.js +3 -2
- package/dist/esm/SchemaEditor/NameCell.js.map +1 -1
- package/dist/esm/SchemaEditor/SchemaEditor.d.ts +15 -1
- package/dist/esm/SchemaEditor/SchemaEditor.d.ts.map +1 -1
- package/dist/esm/SchemaEditor/SchemaEditor.js +45 -32
- package/dist/esm/SchemaEditor/SchemaEditor.js.map +1 -1
- package/dist/esm/SchemaEditor/TypeCell.d.ts +3 -1
- package/dist/esm/SchemaEditor/TypeCell.d.ts.map +1 -1
- package/dist/esm/SchemaEditor/TypeCell.js +7 -6
- package/dist/esm/SchemaEditor/TypeCell.js.map +1 -1
- package/dist/esm/SchemaEditor/index.js +1 -1
- package/dist/esm/TimeMachine/EventsView.d.ts +5 -4
- package/dist/esm/TimeMachine/EventsView.d.ts.map +1 -1
- package/dist/esm/TimeMachine/EventsView.js +3 -3
- package/dist/esm/TimeMachine/EventsView.js.map +1 -1
- package/dist/esm/TimeMachine/Properties.d.ts +0 -1
- package/dist/esm/TimeMachine/Properties.d.ts.map +1 -1
- package/dist/esm/TimeMachine/Properties.js +0 -1
- package/dist/esm/TimeMachine/Properties.js.map +1 -1
- package/dist/esm/TimeMachine/ReadModelView.d.ts +2 -0
- package/dist/esm/TimeMachine/ReadModelView.d.ts.map +1 -1
- package/dist/esm/TimeMachine/ReadModelView.js +3 -2
- package/dist/esm/TimeMachine/ReadModelView.js.map +1 -1
- package/dist/esm/TimeMachine/TimeMachine.d.ts +4 -1
- package/dist/esm/TimeMachine/TimeMachine.d.ts.map +1 -1
- package/dist/esm/TimeMachine/TimeMachine.js +5 -4
- package/dist/esm/TimeMachine/TimeMachine.js.map +1 -1
- package/dist/esm/TimeMachine/TimeMachineLabels.d.ts +12 -0
- package/dist/esm/TimeMachine/TimeMachineLabels.d.ts.map +1 -0
- package/dist/esm/TimeMachine/TimeMachineLabels.js +16 -0
- package/dist/esm/TimeMachine/TimeMachineLabels.js.map +1 -0
- package/dist/esm/TimeMachine/index.d.ts +2 -0
- package/dist/esm/TimeMachine/index.d.ts.map +1 -1
- package/dist/esm/TimeMachine/index.js +1 -0
- package/dist/esm/TimeMachine/index.js.map +1 -1
- package/dist/esm/Toolbar/Toolbar.d.ts +0 -1
- package/dist/esm/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/esm/Toolbar/Toolbar.js +0 -1
- package/dist/esm/Toolbar/Toolbar.js.map +1 -1
- package/dist/esm/index.d.ts +3 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +22 -18
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles.css +4686 -0
- package/dist/esm/theme.css +357 -0
- package/dist/esm/tokens.css +32 -12
- package/package.json +40 -26
- package/dist/cjs/CommandDialog/CommandDialog.js +0 -195
- package/dist/cjs/CommandDialog/CommandDialog.js.map +0 -1
- package/dist/cjs/CommandDialog/CommandStepper.css +0 -24
- package/dist/cjs/CommandDialog/CommandStepper.js +0 -238
- package/dist/cjs/CommandDialog/CommandStepper.js.map +0 -1
- package/dist/cjs/CommandDialog/StepperCommandDialog.js +0 -207
- package/dist/cjs/CommandDialog/StepperCommandDialog.js.map +0 -1
- package/dist/cjs/CommandDialog/applyBeforeExecute.js +0 -42
- package/dist/cjs/CommandDialog/applyBeforeExecute.js.map +0 -1
- package/dist/cjs/CommandDialog/index.js +0 -16
- package/dist/cjs/CommandDialog/index.js.map +0 -1
- package/dist/cjs/CommandDialog/stepChildren.js +0 -31
- package/dist/cjs/CommandDialog/stepChildren.js.map +0 -1
- package/dist/cjs/CommandForm/AutoCommandForm.js +0 -49
- package/dist/cjs/CommandForm/AutoCommandForm.js.map +0 -1
- package/dist/cjs/CommandForm/defaultFieldTypeProviders.js +0 -24
- package/dist/cjs/CommandForm/defaultFieldTypeProviders.js.map +0 -1
- package/dist/cjs/CommandForm/fieldTypeProviderRegistry.js +0 -36
- package/dist/cjs/CommandForm/fieldTypeProviderRegistry.js.map +0 -1
- package/dist/cjs/CommandForm/fields/CalendarField.js +0 -32
- package/dist/cjs/CommandForm/fields/CalendarField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/CheckboxField.js +0 -22
- package/dist/cjs/CommandForm/fields/CheckboxField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/ChipsField.js +0 -28
- package/dist/cjs/CommandForm/fields/ChipsField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/ColorPickerField.js +0 -33
- package/dist/cjs/CommandForm/fields/ColorPickerField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/DropdownField.js +0 -31
- package/dist/cjs/CommandForm/fields/DropdownField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/InputTextField.js +0 -53
- package/dist/cjs/CommandForm/fields/InputTextField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/MultiSelectField.js +0 -36
- package/dist/cjs/CommandForm/fields/MultiSelectField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/NumberField.js +0 -23
- package/dist/cjs/CommandForm/fields/NumberField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/RadioButtonField.js +0 -23
- package/dist/cjs/CommandForm/fields/RadioButtonField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/RadioGroupField.js +0 -40
- package/dist/cjs/CommandForm/fields/RadioGroupField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/SliderField.js +0 -22
- package/dist/cjs/CommandForm/fields/SliderField.js.map +0 -1
- package/dist/cjs/CommandForm/fields/TextAreaField.js +0 -24
- package/dist/cjs/CommandForm/fields/TextAreaField.js.map +0 -1
- package/dist/cjs/CommandForm/index.js +0 -37
- package/dist/cjs/CommandForm/index.js.map +0 -1
- package/dist/cjs/Common/CratisComponentsProvider.js +0 -44
- package/dist/cjs/Common/CratisComponentsProvider.js.map +0 -1
- package/dist/cjs/Common/ErrorBoundary.js +0 -58
- package/dist/cjs/Common/ErrorBoundary.js.map +0 -1
- package/dist/cjs/Common/FormElement.css +0 -26
- package/dist/cjs/Common/FormElement.js +0 -23
- package/dist/cjs/Common/FormElement.js.map +0 -1
- package/dist/cjs/Common/Icon.js +0 -33
- package/dist/cjs/Common/Icon.js.map +0 -1
- package/dist/cjs/Common/Page.js +0 -23
- package/dist/cjs/Common/Page.js.map +0 -1
- package/dist/cjs/Common/Tooltip.css +0 -10
- package/dist/cjs/Common/Tooltip.js +0 -21
- package/dist/cjs/Common/Tooltip.js.map +0 -1
- package/dist/cjs/Common/index.js +0 -23
- package/dist/cjs/Common/index.js.map +0 -1
- package/dist/cjs/Common/normalizeIconClass.js +0 -48
- package/dist/cjs/Common/normalizeIconClass.js.map +0 -1
- package/dist/cjs/DataPage/DataPage.js +0 -219
- package/dist/cjs/DataPage/DataPage.js.map +0 -1
- package/dist/cjs/DataPage/DataPageLayout.js +0 -34
- package/dist/cjs/DataPage/DataPageLayout.js.map +0 -1
- package/dist/cjs/DataPage/index.js +0 -12
- package/dist/cjs/DataPage/index.js.map +0 -1
- package/dist/cjs/DataTables/DataTableForObservableQuery.js +0 -133
- package/dist/cjs/DataTables/DataTableForObservableQuery.js.map +0 -1
- package/dist/cjs/DataTables/DataTableForQuery.js +0 -96
- package/dist/cjs/DataTables/DataTableForQuery.js.map +0 -1
- package/dist/cjs/DataTables/index.js +0 -11
- package/dist/cjs/DataTables/index.js.map +0 -1
- package/dist/cjs/Dialogs/BusyIndicatorDialog.js +0 -63
- package/dist/cjs/Dialogs/BusyIndicatorDialog.js.map +0 -1
- package/dist/cjs/Dialogs/ConfirmationDialog.js +0 -16
- package/dist/cjs/Dialogs/ConfirmationDialog.js.map +0 -1
- package/dist/cjs/Dialogs/Dialog.js +0 -203
- package/dist/cjs/Dialogs/Dialog.js.map +0 -1
- package/dist/cjs/Dialogs/DialogInitialFocus.js +0 -49
- package/dist/cjs/Dialogs/DialogInitialFocus.js.map +0 -1
- package/dist/cjs/Dialogs/index.js +0 -18
- package/dist/cjs/Dialogs/index.js.map +0 -1
- package/dist/cjs/Dropdown/Dropdown.js +0 -29
- package/dist/cjs/Dropdown/Dropdown.js.map +0 -1
- package/dist/cjs/Dropdown/index.js +0 -9
- package/dist/cjs/Dropdown/index.js.map +0 -1
- package/dist/cjs/Filter/FilterEditor.js +0 -28
- package/dist/cjs/Filter/FilterEditor.js.map +0 -1
- package/dist/cjs/Filter/FilterPanel.css +0 -459
- package/dist/cjs/Filter/FilterPanel.js +0 -109
- package/dist/cjs/Filter/FilterPanel.js.map +0 -1
- package/dist/cjs/Filter/RangeHistogramFilter.js +0 -121
- package/dist/cjs/Filter/RangeHistogramFilter.js.map +0 -1
- package/dist/cjs/Filter/index.js +0 -18
- package/dist/cjs/Filter/index.js.map +0 -1
- package/dist/cjs/Filter/useFilterState.js +0 -111
- package/dist/cjs/Filter/useFilterState.js.map +0 -1
- package/dist/cjs/Filter/utils.js +0 -28
- package/dist/cjs/Filter/utils.js.map +0 -1
- package/dist/cjs/ObjectContentEditor/ObjectContentEditor.js +0 -268
- package/dist/cjs/ObjectContentEditor/ObjectContentEditor.js.map +0 -1
- package/dist/cjs/ObjectContentEditor/index.js +0 -9
- package/dist/cjs/ObjectContentEditor/index.js.map +0 -1
- package/dist/cjs/ObjectContentEditor/objectHelpers.js +0 -25
- package/dist/cjs/ObjectContentEditor/objectHelpers.js.map +0 -1
- package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.css +0 -6
- package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.js +0 -49
- package/dist/cjs/ObjectNavigationalBar/ObjectNavigationalBar.js.map +0 -1
- package/dist/cjs/ObjectNavigationalBar/breadcrumbHelpers.js +0 -21
- package/dist/cjs/ObjectNavigationalBar/breadcrumbHelpers.js.map +0 -1
- package/dist/cjs/ObjectNavigationalBar/index.js +0 -9
- package/dist/cjs/ObjectNavigationalBar/index.js.map +0 -1
- package/dist/cjs/PivotViewer/PivotViewer.css +0 -1323
- package/dist/cjs/PivotViewer/PivotViewer.js +0 -307
- package/dist/cjs/PivotViewer/PivotViewer.js.map +0 -1
- package/dist/cjs/PivotViewer/components/AxisLabels.js +0 -28
- package/dist/cjs/PivotViewer/components/AxisLabels.js.map +0 -1
- package/dist/cjs/PivotViewer/components/DetailPanel.js +0 -42
- package/dist/cjs/PivotViewer/components/DetailPanel.js.map +0 -1
- package/dist/cjs/PivotViewer/components/FilterPanel.js +0 -29
- package/dist/cjs/PivotViewer/components/FilterPanel.js.map +0 -1
- package/dist/cjs/PivotViewer/components/FilterPanelContainer.js +0 -11
- package/dist/cjs/PivotViewer/components/FilterPanelContainer.js.map +0 -1
- package/dist/cjs/PivotViewer/components/PivotCanvas.js +0 -558
- package/dist/cjs/PivotViewer/components/PivotCanvas.js.map +0 -1
- package/dist/cjs/PivotViewer/components/PivotViewerMain.js +0 -98
- package/dist/cjs/PivotViewer/components/PivotViewerMain.js.map +0 -1
- package/dist/cjs/PivotViewer/components/Spinner.css +0 -77
- package/dist/cjs/PivotViewer/components/Spinner.js +0 -11
- package/dist/cjs/PivotViewer/components/Spinner.js.map +0 -1
- package/dist/cjs/PivotViewer/components/Toolbar.js +0 -44
- package/dist/cjs/PivotViewer/components/Toolbar.js.map +0 -1
- package/dist/cjs/PivotViewer/components/ToolbarContainer.js +0 -11
- package/dist/cjs/PivotViewer/components/ToolbarContainer.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/animation.js +0 -90
- package/dist/cjs/PivotViewer/components/pivot/animation.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/colorResolver.js +0 -66
- package/dist/cjs/PivotViewer/components/pivot/colorResolver.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/constants.js +0 -22
- package/dist/cjs/PivotViewer/components/pivot/constants.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/groups.js +0 -166
- package/dist/cjs/PivotViewer/components/pivot/groups.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/sprites.js +0 -279
- package/dist/cjs/PivotViewer/components/pivot/sprites.js.map +0 -1
- package/dist/cjs/PivotViewer/components/pivot/visibility.js +0 -359
- package/dist/cjs/PivotViewer/components/pivot/visibility.js.map +0 -1
- package/dist/cjs/PivotViewer/constants.js +0 -16
- package/dist/cjs/PivotViewer/constants.js.map +0 -1
- package/dist/cjs/PivotViewer/engine/layout.js +0 -123
- package/dist/cjs/PivotViewer/engine/layout.js.map +0 -1
- package/dist/cjs/PivotViewer/engine/store.js +0 -365
- package/dist/cjs/PivotViewer/engine/store.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useAnimationModeTracking.js +0 -45
- package/dist/cjs/PivotViewer/hooks/useAnimationModeTracking.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useCardSelection.js +0 -74
- package/dist/cjs/PivotViewer/hooks/useCardSelection.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useContainerDimensions.js +0 -41
- package/dist/cjs/PivotViewer/hooks/useContainerDimensions.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useCurrentFilters.js +0 -58
- package/dist/cjs/PivotViewer/hooks/useCurrentFilters.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useDetailPanelClose.js +0 -73
- package/dist/cjs/PivotViewer/hooks/useDetailPanelClose.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useDimensionState.js +0 -45
- package/dist/cjs/PivotViewer/hooks/useDimensionState.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useFieldExtractors.js +0 -52
- package/dist/cjs/PivotViewer/hooks/useFieldExtractors.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useFilterOptions.js +0 -26
- package/dist/cjs/PivotViewer/hooks/useFilterOptions.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useFilterState.js +0 -101
- package/dist/cjs/PivotViewer/hooks/useFilterState.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/usePanning.js +0 -138
- package/dist/cjs/PivotViewer/hooks/usePanning.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/usePivotEngine.js +0 -229
- package/dist/cjs/PivotViewer/hooks/usePivotEngine.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useScrollSync.js +0 -27
- package/dist/cjs/PivotViewer/hooks/useScrollSync.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useViewModeScrollHandling.js +0 -52
- package/dist/cjs/PivotViewer/hooks/useViewModeScrollHandling.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useWheelZoom.js +0 -106
- package/dist/cjs/PivotViewer/hooks/useWheelZoom.js.map +0 -1
- package/dist/cjs/PivotViewer/hooks/useZoomState.js +0 -37
- package/dist/cjs/PivotViewer/hooks/useZoomState.js.map +0 -1
- package/dist/cjs/PivotViewer/index.js +0 -13
- package/dist/cjs/PivotViewer/index.js.map +0 -1
- package/dist/cjs/PivotViewer/types.js +0 -33
- package/dist/cjs/PivotViewer/types.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/animations.js +0 -169
- package/dist/cjs/PivotViewer/utils/animations.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/cardPosition.js +0 -82
- package/dist/cjs/PivotViewer/utils/cardPosition.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/constants.js +0 -19
- package/dist/cjs/PivotViewer/utils/constants.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/idResolution.js +0 -50
- package/dist/cjs/PivotViewer/utils/idResolution.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/selection.js +0 -188
- package/dist/cjs/PivotViewer/utils/selection.js.map +0 -1
- package/dist/cjs/PivotViewer/utils/utils.js +0 -153
- package/dist/cjs/PivotViewer/utils/utils.js.map +0 -1
- package/dist/cjs/SchemaEditor/NameCell.js +0 -38
- package/dist/cjs/SchemaEditor/NameCell.js.map +0 -1
- package/dist/cjs/SchemaEditor/SchemaEditor.js +0 -333
- package/dist/cjs/SchemaEditor/SchemaEditor.js.map +0 -1
- package/dist/cjs/SchemaEditor/SchemaEditor.module.css +0 -15
- package/dist/cjs/SchemaEditor/TypeCell.js +0 -102
- package/dist/cjs/SchemaEditor/TypeCell.js.map +0 -1
- package/dist/cjs/SchemaEditor/index.js +0 -11
- package/dist/cjs/SchemaEditor/index.js.map +0 -1
- package/dist/cjs/SchemaEditor/schemaHelpers.js +0 -41
- package/dist/cjs/SchemaEditor/schemaHelpers.js.map +0 -1
- package/dist/cjs/TimeMachine/EventsView.css +0 -213
- package/dist/cjs/TimeMachine/EventsView.js +0 -70
- package/dist/cjs/TimeMachine/EventsView.js.map +0 -1
- package/dist/cjs/TimeMachine/Properties.css +0 -57
- package/dist/cjs/TimeMachine/Properties.js +0 -34
- package/dist/cjs/TimeMachine/Properties.js.map +0 -1
- package/dist/cjs/TimeMachine/ReadModelView.js +0 -51
- package/dist/cjs/TimeMachine/ReadModelView.js.map +0 -1
- package/dist/cjs/TimeMachine/TimeMachine.css +0 -587
- package/dist/cjs/TimeMachine/TimeMachine.js +0 -110
- package/dist/cjs/TimeMachine/TimeMachine.js.map +0 -1
- package/dist/cjs/TimeMachine/index.js +0 -15
- package/dist/cjs/TimeMachine/index.js.map +0 -1
- package/dist/cjs/TimeMachine/propertiesHelpers.js +0 -16
- package/dist/cjs/TimeMachine/propertiesHelpers.js.map +0 -1
- package/dist/cjs/Toolbar/Toolbar.css +0 -357
- package/dist/cjs/Toolbar/Toolbar.js +0 -15
- package/dist/cjs/Toolbar/Toolbar.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarButton.js +0 -42
- package/dist/cjs/Toolbar/ToolbarButton.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarContext.js +0 -14
- package/dist/cjs/Toolbar/ToolbarContext.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarDragContext.js +0 -24
- package/dist/cjs/Toolbar/ToolbarDragContext.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarFanOutItem.js +0 -75
- package/dist/cjs/Toolbar/ToolbarFanOutItem.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarFolder.js +0 -55
- package/dist/cjs/Toolbar/ToolbarFolder.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarFolderContext.js +0 -20
- package/dist/cjs/Toolbar/ToolbarFolderContext.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarGroup.js +0 -107
- package/dist/cjs/Toolbar/ToolbarGroup.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarLayout.js +0 -119
- package/dist/cjs/Toolbar/ToolbarLayout.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarSection.js +0 -127
- package/dist/cjs/Toolbar/ToolbarSection.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarSeparator.js +0 -14
- package/dist/cjs/Toolbar/ToolbarSeparator.js.map +0 -1
- package/dist/cjs/Toolbar/ToolbarSlot.js +0 -125
- package/dist/cjs/Toolbar/ToolbarSlot.js.map +0 -1
- package/dist/cjs/Toolbar/index.js +0 -29
- package/dist/cjs/Toolbar/index.js.map +0 -1
- package/dist/cjs/index.js +0 -41
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/package.json +0 -3
- package/dist/cjs/tailwind-utilities.css +0 -1159
- package/dist/cjs/tokens.css +0 -83
- package/dist/cjs/types/TypeFormat.js +0 -22
- package/dist/cjs/types/TypeFormat.js.map +0 -1
- package/dist/cjs/types/index.js.map +0 -1
- package/dist/cjs/useOverlayZIndex.js +0 -65
- package/dist/cjs/useOverlayZIndex.js.map +0 -1
- package/dist/esm/CommandDialog/CommandStepper.css +0 -24
- package/dist/esm/Common/FormElement.css +0 -26
- package/dist/esm/Common/Tooltip.css +0 -10
- package/dist/esm/Filter/FilterPanel.css +0 -459
- package/dist/esm/ObjectNavigationalBar/ObjectNavigationalBar.css +0 -6
- package/dist/esm/PivotViewer/PivotViewer.css +0 -1323
- package/dist/esm/PivotViewer/components/Spinner.css +0 -77
- package/dist/esm/SchemaEditor/SchemaEditor.module.css +0 -15
- package/dist/esm/TimeMachine/EventsView.css +0 -213
- package/dist/esm/TimeMachine/Properties.css +0 -57
- package/dist/esm/TimeMachine/TimeMachine.css +0 -587
- package/dist/esm/Toolbar/Toolbar.css +0 -357
- package/dist/esm/tailwind-utilities.css +0 -1159
- package/dist/esm/tsconfig.tsbuildinfo +0 -1
- package/dist/esm/useOverlayZIndex.d.ts +0 -3
- package/dist/esm/useOverlayZIndex.d.ts.map +0 -1
- package/dist/esm/useOverlayZIndex.js +0 -62
- package/dist/esm/useOverlayZIndex.js.map +0 -1
- package/dist/esm/vite.config.d.ts +0 -3
- package/dist/esm/vite.config.d.ts.map +0 -1
- package/dist/esm/vite.config.js +0 -77
- package/dist/esm/vite.config.js.map +0 -1
- package/dist/esm/vitest.setup.d.ts +0 -2
- package/dist/esm/vitest.setup.d.ts.map +0 -1
- package/dist/esm/vitest.setup.js +0 -6
- package/dist/esm/vitest.setup.js.map +0 -1
|
@@ -0,0 +1,357 @@
|
|
|
1
|
+
/* Copyright (c) Cratis. All rights reserved. */
|
|
2
|
+
/* Licensed under the MIT license. See LICENSE file in the project root for full license information. */
|
|
3
|
+
|
|
4
|
+
/*
|
|
5
|
+
* Cratis baseline theme — a token-based default look for the unstyled
|
|
6
|
+
* PrimeReact 11 components, built entirely on the `--cratis-*` / `--surface-*`
|
|
7
|
+
* token layer. It requires **no PrimeUI license** (unlike the styled
|
|
8
|
+
* `@primeuix/themes` presets).
|
|
9
|
+
*
|
|
10
|
+
* Usage: run the components `unstyled`, `import '@cratis/components/theme'`, and
|
|
11
|
+
* add `class="cratis-theme"` to an ancestor (e.g. <body> or your app root). The
|
|
12
|
+
* rules are scoped under `.cratis-theme` so it can also theme a subtree.
|
|
13
|
+
*
|
|
14
|
+
* It intentionally styles all buttons as filled primary (the unstyled DOM
|
|
15
|
+
* carries no variant/severity); component-owned CSS (ActionMenubar, paginator,
|
|
16
|
+
* toast, tooltip, filter menu) refines specific button roles on top.
|
|
17
|
+
*/
|
|
18
|
+
|
|
19
|
+
/* Concrete palette. The Cratis tokens normally resolve from a `@primeuix/themes`
|
|
20
|
+
preset's `--p-*` variables; with no preset (the license-free path) that chain
|
|
21
|
+
is empty, so the baseline theme supplies real colors here — deferring to a
|
|
22
|
+
preset's `--p-*` when one *is* present, and falling back to these otherwise. */
|
|
23
|
+
.cratis-theme {
|
|
24
|
+
/* Paint the base surface, not just the text color — so the theme is
|
|
25
|
+
self-contained on any host background. Applied to <body> it fills the
|
|
26
|
+
viewport; applied to a subtree (a documented use) it establishes the
|
|
27
|
+
themed backdrop instead of letting the dark text fall on whatever is
|
|
28
|
+
behind it. The surface token flips light/dark with the palette below. */
|
|
29
|
+
color: var(--cratis-text-color);
|
|
30
|
+
background-color: var(--cratis-surface-section);
|
|
31
|
+
|
|
32
|
+
--cratis-primary-color: var(--p-primary-color, #3b82f6);
|
|
33
|
+
--cratis-primary-color-text: var(--p-primary-contrast-color, #ffffff);
|
|
34
|
+
--cratis-primary-300: var(--p-primary-300, #93c5fd);
|
|
35
|
+
--cratis-primary-400: var(--p-primary-400, #60a5fa);
|
|
36
|
+
--cratis-primary-500: var(--p-primary-500, #3b82f6);
|
|
37
|
+
--cratis-primary-600: var(--p-primary-600, #2563eb);
|
|
38
|
+
--cratis-green-500: var(--p-green-500, #22c55e);
|
|
39
|
+
--cratis-orange-500: var(--p-orange-500, #f59e0b);
|
|
40
|
+
--cratis-red-500: var(--p-red-500, #ef4444);
|
|
41
|
+
|
|
42
|
+
--cratis-surface-0: var(--p-surface-0, #ffffff);
|
|
43
|
+
--cratis-surface-100: var(--p-surface-100, #f1f5f9);
|
|
44
|
+
--cratis-surface-section: var(--p-surface-50, #f8fafc);
|
|
45
|
+
--cratis-surface-card: var(--p-surface-0, #ffffff);
|
|
46
|
+
--cratis-surface-overlay: var(--p-surface-0, #ffffff);
|
|
47
|
+
--cratis-surface-hover: var(--p-surface-100, #f1f5f9);
|
|
48
|
+
--cratis-surface-border: var(--p-surface-200, #e2e8f0);
|
|
49
|
+
|
|
50
|
+
--cratis-text-color: var(--p-text-color, #1e293b);
|
|
51
|
+
--cratis-text-color-secondary: var(--p-text-muted-color, #475569);
|
|
52
|
+
--cratis-highlight-bg: var(--p-highlight-background, #dbeafe);
|
|
53
|
+
--cratis-highlight-text-color: var(--p-highlight-color, #1e40af);
|
|
54
|
+
--cratis-maskbg: rgba(0, 0, 0, 0.4);
|
|
55
|
+
--cratis-border-radius: 6px;
|
|
56
|
+
|
|
57
|
+
/* Arc component chrome. @cratis/arc.react's field wrappers, form errors, and
|
|
58
|
+
dialogs read this `--color-*` token family; map it onto the palette so the
|
|
59
|
+
baseline theme also themes the Arc surface (labels, borders, field errors),
|
|
60
|
+
not only the PrimeReact components. The chrome/text tokens reference the
|
|
61
|
+
`--cratis-*` vars so they flip automatically in dark; the semantic colors
|
|
62
|
+
are WCAG-AA-safe on the light surface and re-declared for dark below. */
|
|
63
|
+
--color-text: var(--cratis-text-color);
|
|
64
|
+
--color-text-secondary: var(--cratis-text-color-secondary);
|
|
65
|
+
--color-text-muted: var(--cratis-text-color-secondary);
|
|
66
|
+
--color-border: var(--cratis-surface-border);
|
|
67
|
+
--color-background-secondary: var(--cratis-surface-section);
|
|
68
|
+
--color-background-tertiary: var(--cratis-surface-100);
|
|
69
|
+
--color-error: #b91c1c;
|
|
70
|
+
--color-error-bg: #fef2f2;
|
|
71
|
+
--color-success: #15803d;
|
|
72
|
+
--color-warning: #b45309;
|
|
73
|
+
|
|
74
|
+
/* Arc also reads these radius/spacing/font tokens (with no fallbacks of its
|
|
75
|
+
own); supply a scale so Arc chrome keeps its corners, padding, and gaps
|
|
76
|
+
under the baseline theme instead of collapsing to the initial value. */
|
|
77
|
+
--radius-sm: 4px;
|
|
78
|
+
--radius-md: 6px;
|
|
79
|
+
--radius-lg: 10px;
|
|
80
|
+
--space-xs: 0.25rem;
|
|
81
|
+
--space-sm: 0.5rem;
|
|
82
|
+
--space-md: 1rem;
|
|
83
|
+
--space-lg: 1.5rem;
|
|
84
|
+
--space-xl: 2rem;
|
|
85
|
+
--space-2xl: 3rem;
|
|
86
|
+
--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
|
|
87
|
+
|
|
88
|
+
/* Concrete values for two tokens tokens.css leaves preset-only. Filter/
|
|
89
|
+
FilterPanel.css (shipped via @cratis/components/Filter) consumes both
|
|
90
|
+
without inline fallbacks, so with no preset the Filter panel would lose its
|
|
91
|
+
sub-surface backgrounds and focus rings. */
|
|
92
|
+
--cratis-surface-ground: var(--p-surface-50, #f8fafc);
|
|
93
|
+
--cratis-focus-ring: 0 0 0 0.2rem rgba(59, 130, 246, 0.45);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
/* Dark palette — applied when the `cratis-dark` class is on an ancestor. */
|
|
97
|
+
.cratis-dark .cratis-theme,
|
|
98
|
+
.cratis-theme.cratis-dark {
|
|
99
|
+
--cratis-surface-0: #1e293b;
|
|
100
|
+
--cratis-surface-100: #334155;
|
|
101
|
+
--cratis-surface-section: #0f172a;
|
|
102
|
+
--cratis-surface-card: #1e293b;
|
|
103
|
+
--cratis-surface-overlay: #1e293b;
|
|
104
|
+
--cratis-surface-hover: #334155;
|
|
105
|
+
--cratis-surface-border: #334155;
|
|
106
|
+
|
|
107
|
+
--cratis-text-color: #f8fafc;
|
|
108
|
+
--cratis-text-color-secondary: #cbd5e1;
|
|
109
|
+
--cratis-highlight-bg: #1e3a8a;
|
|
110
|
+
--cratis-highlight-text-color: #ffffff;
|
|
111
|
+
--cratis-maskbg: rgba(0, 0, 0, 0.6);
|
|
112
|
+
--cratis-surface-ground: #020617;
|
|
113
|
+
|
|
114
|
+
/* Lighter semantic colors that stay AA-legible on the dark surface. The
|
|
115
|
+
chrome/text `--color-*` tokens follow the `--cratis-*` vars redefined
|
|
116
|
+
above, so only the concrete semantic colors are re-declared here. The
|
|
117
|
+
error-bg is deepened (red-950) so the #f87171 error text clears AA (~6.4:1)
|
|
118
|
+
on the exception banner, not just on the section surface. */
|
|
119
|
+
--color-error: #f87171;
|
|
120
|
+
--color-error-bg: #450a0a;
|
|
121
|
+
--color-success: #4ade80;
|
|
122
|
+
--color-warning: #fbbf24;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
/* ── Buttons ─────────────────────────────────────────────────────────────── */
|
|
126
|
+
.cratis-theme [data-scope='button'] {
|
|
127
|
+
display: inline-flex;
|
|
128
|
+
align-items: center;
|
|
129
|
+
justify-content: center;
|
|
130
|
+
gap: 0.5rem;
|
|
131
|
+
padding: 0.5rem 1rem;
|
|
132
|
+
border: 1px solid transparent;
|
|
133
|
+
border-radius: var(--cratis-border-radius, 6px);
|
|
134
|
+
/* A WCAG-AA-safe filled shade against the white label. */
|
|
135
|
+
background: #1d4ed8;
|
|
136
|
+
color: #fff;
|
|
137
|
+
font-weight: 500;
|
|
138
|
+
cursor: pointer;
|
|
139
|
+
transition: background-color 0.15s, opacity 0.15s;
|
|
140
|
+
}
|
|
141
|
+
.cratis-theme [data-scope='button']:not([disabled]):hover { background: #1e40af; }
|
|
142
|
+
.cratis-theme [data-scope='button']:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--cratis-primary-300, var(--cratis-primary-color)); }
|
|
143
|
+
.cratis-theme [data-scope='button'][disabled] { opacity: 0.5; cursor: not-allowed; }
|
|
144
|
+
|
|
145
|
+
/* ── Text inputs ─────────────────────────────────────────────────────────── */
|
|
146
|
+
.cratis-theme [data-scope='inputtext'],
|
|
147
|
+
.cratis-theme [data-scope='textarea'],
|
|
148
|
+
.cratis-theme [data-scope='inputnumber'][data-part='input'],
|
|
149
|
+
.cratis-theme [data-scope='datepicker'][data-part='input'],
|
|
150
|
+
.cratis-theme [data-scope='inputtags'][data-part='control'],
|
|
151
|
+
.cratis-theme [data-scope='select'][data-part='root'] {
|
|
152
|
+
width: 100%;
|
|
153
|
+
padding: 0.5rem 0.75rem;
|
|
154
|
+
background: var(--cratis-surface-0);
|
|
155
|
+
color: var(--cratis-text-color);
|
|
156
|
+
border: 1px solid var(--cratis-surface-border);
|
|
157
|
+
border-radius: var(--cratis-border-radius, 6px);
|
|
158
|
+
box-sizing: border-box;
|
|
159
|
+
}
|
|
160
|
+
.cratis-theme [data-scope='textarea'] { resize: vertical; min-height: 4rem; }
|
|
161
|
+
.cratis-theme [data-scope='select'][data-part='root'] {
|
|
162
|
+
display: inline-flex;
|
|
163
|
+
align-items: center;
|
|
164
|
+
justify-content: space-between;
|
|
165
|
+
gap: 0.5rem;
|
|
166
|
+
cursor: pointer;
|
|
167
|
+
}
|
|
168
|
+
.cratis-theme [data-scope='select'][data-part='value'] { flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; }
|
|
169
|
+
.cratis-theme [data-scope='select'][data-part='arrow'],
|
|
170
|
+
.cratis-theme [data-scope='datepicker'][data-part='trigger'] { color: var(--cratis-text-color-secondary); }
|
|
171
|
+
.cratis-theme [data-scope='inputtext']:focus-visible,
|
|
172
|
+
.cratis-theme [data-scope='textarea']:focus-visible,
|
|
173
|
+
.cratis-theme [data-scope='inputnumber'][data-part='input']:focus-visible {
|
|
174
|
+
outline: none;
|
|
175
|
+
border-color: var(--cratis-primary-color);
|
|
176
|
+
box-shadow: 0 0 0 2px var(--cratis-primary-300, transparent);
|
|
177
|
+
}
|
|
178
|
+
.cratis-theme [aria-invalid='true'],
|
|
179
|
+
.cratis-theme [data-invalid] > [data-scope='inputtext'],
|
|
180
|
+
.cratis-theme [data-scope='inputtext'][aria-invalid='true'] { border-color: var(--cratis-red-500); }
|
|
181
|
+
|
|
182
|
+
/* ── Select / datepicker popup ───────────────────────────────────────────── */
|
|
183
|
+
.cratis-theme [data-scope='select'][data-part='list'],
|
|
184
|
+
.cratis-theme [data-scope='select'][data-part='popup'] {
|
|
185
|
+
background: var(--cratis-surface-overlay);
|
|
186
|
+
border: 1px solid var(--cratis-surface-border);
|
|
187
|
+
border-radius: var(--cratis-border-radius, 6px);
|
|
188
|
+
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
|
|
189
|
+
overflow: hidden;
|
|
190
|
+
}
|
|
191
|
+
.cratis-theme [data-scope='select'][data-part='option'] { padding: 0.5rem 0.75rem; cursor: pointer; }
|
|
192
|
+
.cratis-theme [data-scope='select'][data-part='option']:hover,
|
|
193
|
+
.cratis-theme [data-scope='select'][data-part='option'][data-selected] { background: var(--cratis-surface-hover); }
|
|
194
|
+
|
|
195
|
+
/* ── Checkbox / radio ────────────────────────────────────────────────────── */
|
|
196
|
+
.cratis-theme [data-scope='checkboxbox'],
|
|
197
|
+
.cratis-theme [data-scope='radiobutton'][data-part='box'] {
|
|
198
|
+
display: inline-flex;
|
|
199
|
+
align-items: center;
|
|
200
|
+
justify-content: center;
|
|
201
|
+
width: 1.15rem;
|
|
202
|
+
height: 1.15rem;
|
|
203
|
+
background: var(--cratis-surface-0);
|
|
204
|
+
border: 1px solid var(--cratis-surface-border);
|
|
205
|
+
color: var(--cratis-primary-color-text);
|
|
206
|
+
}
|
|
207
|
+
.cratis-theme [data-scope='checkboxbox'] { border-radius: 4px; }
|
|
208
|
+
.cratis-theme [data-scope='radiobutton'][data-part='box'] { border-radius: 50%; }
|
|
209
|
+
.cratis-theme [data-scope='checkbox'][data-part='root'][data-checked] [data-scope='checkboxbox'],
|
|
210
|
+
.cratis-theme [data-scope='radiobutton'][data-part='root'][data-checked] [data-part='box'] {
|
|
211
|
+
background: var(--cratis-primary-color);
|
|
212
|
+
border-color: var(--cratis-primary-color);
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
/* ── Toggle switch ───────────────────────────────────────────────────────── */
|
|
216
|
+
.cratis-theme [data-scope='toggleswitch'][data-part='control'] {
|
|
217
|
+
display: inline-flex;
|
|
218
|
+
align-items: center;
|
|
219
|
+
width: 2.5rem;
|
|
220
|
+
height: 1.4rem;
|
|
221
|
+
padding: 0.15rem;
|
|
222
|
+
background: var(--cratis-surface-border);
|
|
223
|
+
border-radius: 999px;
|
|
224
|
+
transition: background-color 0.15s;
|
|
225
|
+
}
|
|
226
|
+
.cratis-theme [data-scope='toggleswitch'][data-part='root'][data-checked] [data-part='control'] { background: var(--cratis-primary-color); }
|
|
227
|
+
.cratis-theme [data-scope='toggleswitch'][data-part='handle'] {
|
|
228
|
+
width: 1.1rem;
|
|
229
|
+
height: 1.1rem;
|
|
230
|
+
background: var(--cratis-surface-0);
|
|
231
|
+
border-radius: 50%;
|
|
232
|
+
transition: transform 0.15s;
|
|
233
|
+
}
|
|
234
|
+
.cratis-theme [data-scope='toggleswitch'][data-part='root'][data-checked] [data-part='handle'] { transform: translateX(1.1rem); }
|
|
235
|
+
|
|
236
|
+
/* ── Slider ──────────────────────────────────────────────────────────────── */
|
|
237
|
+
.cratis-theme [data-scope='slider'][data-part='track'] { height: 0.35rem; background: var(--cratis-surface-border); border-radius: 999px; }
|
|
238
|
+
.cratis-theme [data-scope='slider'][data-part='range'] { height: 0.35rem; background: var(--cratis-primary-color); border-radius: 999px; }
|
|
239
|
+
.cratis-theme [data-scope='slider'][data-part='handle'] { width: 1.1rem; height: 1.1rem; background: var(--cratis-primary-color); border-radius: 50%; }
|
|
240
|
+
|
|
241
|
+
/* ── Dialog ──────────────────────────────────────────────────────────────── */
|
|
242
|
+
.cratis-theme [data-scope='dialog'][data-part='backdrop'],
|
|
243
|
+
.cratis-theme [data-scope='dialog'][data-part='mask'] { background: var(--cratis-maskbg, rgba(0, 0, 0, 0.5)); }
|
|
244
|
+
.cratis-theme [data-scope='dialog'][data-part='popup'] {
|
|
245
|
+
background: var(--cratis-surface-overlay);
|
|
246
|
+
color: var(--cratis-text-color);
|
|
247
|
+
border-radius: 0.75rem;
|
|
248
|
+
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
|
|
249
|
+
overflow: hidden;
|
|
250
|
+
}
|
|
251
|
+
.cratis-theme [data-scope='dialog'][data-part='header'] {
|
|
252
|
+
display: flex;
|
|
253
|
+
align-items: center;
|
|
254
|
+
justify-content: space-between;
|
|
255
|
+
gap: 1rem;
|
|
256
|
+
padding: 1rem 1.25rem;
|
|
257
|
+
border-bottom: 1px solid var(--cratis-surface-border);
|
|
258
|
+
font-weight: 600;
|
|
259
|
+
}
|
|
260
|
+
.cratis-theme [data-scope='dialog'][data-part='content'] { padding: 1.25rem; }
|
|
261
|
+
.cratis-theme [data-scope='dialog'][data-part='footer'] { padding: 1rem 1.25rem; border-top: 1px solid var(--cratis-surface-border); }
|
|
262
|
+
.cratis-theme [data-scope='dialog'][data-part='close'] {
|
|
263
|
+
border: none; background: transparent; color: var(--cratis-text-color-secondary);
|
|
264
|
+
cursor: pointer; padding: 0.25rem; border-radius: 0.25rem;
|
|
265
|
+
}
|
|
266
|
+
.cratis-theme [data-scope='dialog'][data-part='close']:hover { color: var(--cratis-text-color); background: var(--cratis-surface-hover); }
|
|
267
|
+
|
|
268
|
+
/* ── DataTable ───────────────────────────────────────────────────────────── */
|
|
269
|
+
.cratis-theme [data-scope='datatable'][data-part='table'] { width: 100%; border-collapse: collapse; }
|
|
270
|
+
.cratis-theme [data-scope='datatable'][data-part='thead'] { background: var(--cratis-surface-section); }
|
|
271
|
+
.cratis-theme [data-scope='datatable'][data-part='theadcell'] {
|
|
272
|
+
padding: 0.625rem 0.75rem; text-align: left; font-weight: 600;
|
|
273
|
+
color: var(--cratis-text-color-secondary); border-bottom: 1px solid var(--cratis-surface-border);
|
|
274
|
+
}
|
|
275
|
+
.cratis-theme [data-scope='datatable'][data-part='cell'] { padding: 0.625rem 0.75rem; border-bottom: 1px solid var(--cratis-surface-border); }
|
|
276
|
+
.cratis-theme [data-scope='datatable'][data-part='row']:hover { background: var(--cratis-surface-hover); }
|
|
277
|
+
.cratis-theme [data-scope='datatable'][data-part='row'][data-selected] { background: var(--cratis-highlight-bg); color: var(--cratis-highlight-text-color); }
|
|
278
|
+
|
|
279
|
+
/* ── Tag / Badge ─────────────────────────────────────────────────────────── */
|
|
280
|
+
.cratis-theme [data-scope='tag'] {
|
|
281
|
+
display: inline-flex; align-items: center; gap: 0.25rem;
|
|
282
|
+
padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.8125rem; font-weight: 500;
|
|
283
|
+
background: var(--cratis-surface-hover); color: var(--cratis-text-color);
|
|
284
|
+
}
|
|
285
|
+
.cratis-theme [data-scope='badge'] {
|
|
286
|
+
display: inline-flex; align-items: center; justify-content: center;
|
|
287
|
+
min-width: 1.4rem; height: 1.4rem; padding: 0 0.4rem; border-radius: 999px;
|
|
288
|
+
font-size: 0.75rem; font-weight: 600; background: #1d4ed8; color: #fff;
|
|
289
|
+
}
|
|
290
|
+
/* Filled severity backgrounds use WCAG-AA-safe (darker) shades against white text. */
|
|
291
|
+
.cratis-theme [data-severity='success'] { background: #15803d; color: #fff; }
|
|
292
|
+
.cratis-theme [data-severity='info'] { background: #1d4ed8; color: #fff; }
|
|
293
|
+
.cratis-theme [data-severity='warn'] { background: #b45309; color: #fff; }
|
|
294
|
+
.cratis-theme [data-severity='danger'] { background: #b91c1c; color: #fff; }
|
|
295
|
+
.cratis-theme [data-severity='secondary'] { background: var(--cratis-surface-hover); color: var(--cratis-text-color); }
|
|
296
|
+
|
|
297
|
+
/* ── Chip / Avatar ───────────────────────────────────────────────────────── */
|
|
298
|
+
.cratis-theme [data-scope='chip'][data-part='root'] {
|
|
299
|
+
display: inline-flex; align-items: center; gap: 0.375rem;
|
|
300
|
+
padding: 0.25rem 0.625rem; border-radius: 999px; background: var(--cratis-surface-hover); color: var(--cratis-text-color);
|
|
301
|
+
}
|
|
302
|
+
.cratis-theme [data-scope='chip'][data-part='remove'] { cursor: pointer; color: var(--cratis-text-color-secondary); }
|
|
303
|
+
.cratis-theme [data-scope='avatar'][data-part='root'] {
|
|
304
|
+
display: inline-flex; align-items: center; justify-content: center;
|
|
305
|
+
width: 2.25rem; height: 2.25rem; border-radius: 50%; overflow: hidden;
|
|
306
|
+
background: var(--cratis-surface-hover); color: var(--cratis-text-color); font-weight: 600;
|
|
307
|
+
}
|
|
308
|
+
.cratis-theme [data-scope='avatar'][data-part='root'][data-size='large'] { width: 3rem; height: 3rem; }
|
|
309
|
+
|
|
310
|
+
/* ── ProgressBar / Skeleton ──────────────────────────────────────────────── */
|
|
311
|
+
.cratis-theme [data-scope='progressbar'][data-part='root'] {
|
|
312
|
+
height: 1.25rem; background: var(--cratis-surface-border); border-radius: 999px; overflow: hidden;
|
|
313
|
+
}
|
|
314
|
+
.cratis-theme [data-scope='progressbar'][data-part='indicator'] {
|
|
315
|
+
display: flex; align-items: center; justify-content: center; height: 100%;
|
|
316
|
+
background: #1d4ed8; color: #fff; font-size: 0.75rem;
|
|
317
|
+
transition: width 0.2s;
|
|
318
|
+
}
|
|
319
|
+
.cratis-theme [data-scope='skeleton'] {
|
|
320
|
+
display: block; background: var(--cratis-surface-hover); border-radius: 4px;
|
|
321
|
+
animation: cratis-skeleton-pulse 1.4s ease-in-out infinite;
|
|
322
|
+
}
|
|
323
|
+
@keyframes cratis-skeleton-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
|
|
324
|
+
|
|
325
|
+
/* ── Stepper ─────────────────────────────────────────────────────────────── */
|
|
326
|
+
.cratis-theme [data-scope='stepper'][data-part='number'] {
|
|
327
|
+
display: inline-flex; align-items: center; justify-content: center;
|
|
328
|
+
width: 1.75rem; height: 1.75rem; border-radius: 50%;
|
|
329
|
+
background: var(--cratis-surface-hover); color: var(--cratis-text-color); font-weight: 600;
|
|
330
|
+
}
|
|
331
|
+
.cratis-theme [data-scope='stepper'][data-part='step'][data-active] [data-part='number'] {
|
|
332
|
+
background: var(--cratis-primary-color); color: var(--cratis-primary-color-text);
|
|
333
|
+
}
|
|
334
|
+
.cratis-theme [data-scope='stepper'][data-part='separator'] { background: var(--cratis-surface-border); }
|
|
335
|
+
.cratis-theme [data-scope='stepper'][data-part='header'] {
|
|
336
|
+
display: inline-flex; align-items: center; gap: 0.5rem; background: transparent; border: none; cursor: pointer; color: inherit;
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
/* ── Rating ──────────────────────────────────────────────────────────────── */
|
|
340
|
+
.cratis-theme [data-scope='rating'][data-part='root'] { display: inline-flex; gap: 0.25rem; }
|
|
341
|
+
.cratis-theme [data-scope='rating'] .pi { font-size: 1.25rem; cursor: pointer; }
|
|
342
|
+
.cratis-theme [data-scope='rating'] .pi-star { color: var(--cratis-surface-border); }
|
|
343
|
+
.cratis-theme [data-scope='rating'] .pi-star-fill { color: var(--cratis-orange-500, #f59e0b); }
|
|
344
|
+
|
|
345
|
+
/* ── ProgressSpinner (BusyIndicatorDialog) ───────────────────────────────────
|
|
346
|
+
The unstyled primitive is a bare SVG circle with no stroke or motion; give it
|
|
347
|
+
a visible ring and spin it so the busy indicator actually shows. */
|
|
348
|
+
.cratis-theme [data-scope='progressspinner'][data-part='root'] {
|
|
349
|
+
display: inline-block; width: 2.5rem; height: 2.5rem;
|
|
350
|
+
animation: cratis-spin 1s linear infinite;
|
|
351
|
+
}
|
|
352
|
+
.cratis-theme [data-scope='progressspinner'] svg { width: 100%; height: 100%; }
|
|
353
|
+
.cratis-theme [data-scope='progressspinner'] circle {
|
|
354
|
+
fill: none; stroke: var(--cratis-primary-color, #3b82f6); stroke-width: 4;
|
|
355
|
+
stroke-linecap: round; stroke-dasharray: 80 200;
|
|
356
|
+
}
|
|
357
|
+
@keyframes cratis-spin { to { transform: rotate(360deg); } }
|
package/dist/esm/tokens.css
CHANGED
|
@@ -6,16 +6,30 @@
|
|
|
6
6
|
*
|
|
7
7
|
* Every internal component references the --cratis-* variables defined here
|
|
8
8
|
* instead of PrimeReact's theme variables directly. This indirection is the
|
|
9
|
-
* single seam that lets the library span PrimeReact major versions
|
|
10
|
-
*
|
|
11
|
-
* v10 theme variable, so the same build works whether the consumer is on
|
|
12
|
-
* PrimeReact 10 or 11 during the upgrade window.
|
|
9
|
+
* single seam that lets the library span PrimeReact major versions — and 3.0.0
|
|
10
|
+
* is the release that seam was built for.
|
|
13
11
|
*
|
|
14
12
|
* --cratis-surface-border: var(--p-content-border-color, var(--surface-border));
|
|
15
13
|
* ^ PrimeReact v11 (@primeuix/themes) ^ v10 legacy
|
|
16
14
|
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
15
|
+
* Each token resolves the v11 design token first and falls back to the legacy v10
|
|
16
|
+
* theme variable. @cratis/components 3.0.0 requires `primereact@^11` as a peer, so
|
|
17
|
+
* the v11 arm is the one that resolves in a correctly installed app; the v10 arm is
|
|
18
|
+
* kept deliberately for the upgrade window, when an app still has a compiled v10
|
|
19
|
+
* theme stylesheet on the page while it ports its own screens. Nothing breaks the
|
|
20
|
+
* day that stylesheet is removed — the v11 arm was already winning.
|
|
21
|
+
*
|
|
22
|
+
* ## Where the values now come from
|
|
23
|
+
*
|
|
24
|
+
* v11 ships ZERO CSS. There is no `primereact/resources/themes/*.css` to import any
|
|
25
|
+
* more. The --p-* custom properties are emitted **at runtime** by @primeuix/styled
|
|
26
|
+
* when a preset (a plain JS token object from @primeuix/themes — Aura, Lara, Nora)
|
|
27
|
+
* is handed to the provider:
|
|
28
|
+
*
|
|
29
|
+
* import Aura from '@primeuix/themes/aura';
|
|
30
|
+
* <CratisComponentsProvider value={{ theme: { preset: Aura } }}>
|
|
31
|
+
*
|
|
32
|
+
* So the chain is: preset (JS) → --p-* (runtime) → --cratis-* (this file) → component CSS.
|
|
19
33
|
*
|
|
20
34
|
* v11 is not a rename of v10 — it is a different token vocabulary (a primitive
|
|
21
35
|
* palette plus semantic content/surface/text/primary/highlight tokens). Where
|
|
@@ -23,9 +37,15 @@
|
|
|
23
37
|
* / surface-overlay / the composite focus-ring), the closest durable v11
|
|
24
38
|
* semantic token is used and noted inline; consumers can always override.
|
|
25
39
|
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
*
|
|
40
|
+
* ## Three ways to get a look
|
|
41
|
+
*
|
|
42
|
+
* 1. **A licensed preset** — `value={{ theme: { preset: Aura } }}`. The styled layer
|
|
43
|
+
* is license-gated in v11; without a PrimeUI key it nags and falls back.
|
|
44
|
+
* 2. **The Cratis baseline theme** — `import '@cratis/components/theme'`. A
|
|
45
|
+
* license-free stylesheet that assigns the --cratis-* tokens directly (light and
|
|
46
|
+
* dark), so it needs no preset and no key. It defers to a preset's --p-* values
|
|
47
|
+
* when one is present.
|
|
48
|
+
* 3. **Your own tokens** — override any --cratis-* on :root (or any ancestor):
|
|
29
49
|
*
|
|
30
50
|
* :root {
|
|
31
51
|
* --cratis-surface-card: #1f2937;
|
|
@@ -33,9 +53,9 @@
|
|
|
33
53
|
* }
|
|
34
54
|
*
|
|
35
55
|
* Tokens are intentionally fallback-free at the end of the chain — if neither a
|
|
36
|
-
* PrimeReact theme (v10 or v11) nor a consumer override is
|
|
37
|
-
* resolves to nothing and the affected rule no-ops. That keeps
|
|
38
|
-
* theme-agnostic without imposing a default palette on consumers.
|
|
56
|
+
* PrimeReact theme (v10 or v11), the baseline theme, nor a consumer override is
|
|
57
|
+
* present, the variable resolves to nothing and the affected rule no-ops. That keeps
|
|
58
|
+
* the library theme-agnostic without imposing a default palette on consumers.
|
|
39
59
|
*/
|
|
40
60
|
|
|
41
61
|
:root {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cratis/components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.1.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Cratis",
|
|
6
6
|
"license": "MIT",
|
|
@@ -11,12 +11,18 @@
|
|
|
11
11
|
"publishConfig": {
|
|
12
12
|
"access": "public"
|
|
13
13
|
},
|
|
14
|
+
"type": "module",
|
|
14
15
|
"files": [
|
|
15
16
|
"dist",
|
|
16
17
|
"!dist/**/*.stories.*",
|
|
17
|
-
"!dist/**/given.*"
|
|
18
|
+
"!dist/**/given.*",
|
|
19
|
+
"!dist/**/storybook-static/**",
|
|
20
|
+
"!dist/**/vite.config.*",
|
|
21
|
+
"!dist/**/vitest.setup.*",
|
|
22
|
+
"!dist/**/*.tsbuildinfo",
|
|
23
|
+
"!dist/cjs/**"
|
|
18
24
|
],
|
|
19
|
-
"main": "dist/
|
|
25
|
+
"main": "dist/esm/index.js",
|
|
20
26
|
"module": "dist/esm/index.js",
|
|
21
27
|
"types": "dist/esm/index.d.ts",
|
|
22
28
|
"sideEffects": [
|
|
@@ -26,96 +32,87 @@
|
|
|
26
32
|
"./package.json": "./package.json",
|
|
27
33
|
".": {
|
|
28
34
|
"types": "./dist/esm/index.d.ts",
|
|
29
|
-
"require": "./dist/cjs/index.js",
|
|
30
35
|
"import": "./dist/esm/index.js"
|
|
31
36
|
},
|
|
32
37
|
"./CommandDialog": {
|
|
33
38
|
"types": "./dist/esm/CommandDialog/index.d.ts",
|
|
34
|
-
"require": "./dist/cjs/CommandDialog/index.js",
|
|
35
39
|
"import": "./dist/esm/CommandDialog/index.js"
|
|
36
40
|
},
|
|
37
41
|
"./CommandStepper": {
|
|
38
42
|
"types": "./dist/esm/CommandDialog/CommandStepper.d.ts",
|
|
39
|
-
"require": "./dist/cjs/CommandDialog/CommandStepper.js",
|
|
40
43
|
"import": "./dist/esm/CommandDialog/CommandStepper.js"
|
|
41
44
|
},
|
|
42
45
|
"./CommandForm": {
|
|
43
46
|
"types": "./dist/esm/CommandForm/index.d.ts",
|
|
44
|
-
"require": "./dist/cjs/CommandForm/index.js",
|
|
45
47
|
"import": "./dist/esm/CommandForm/index.js"
|
|
46
48
|
},
|
|
47
49
|
"./CommandForm/fields": {
|
|
48
50
|
"types": "./dist/esm/CommandForm/index.d.ts",
|
|
49
|
-
"require": "./dist/cjs/CommandForm/index.js",
|
|
50
51
|
"import": "./dist/esm/CommandForm/index.js"
|
|
51
52
|
},
|
|
52
53
|
"./Common": {
|
|
53
54
|
"types": "./dist/esm/Common/index.d.ts",
|
|
54
|
-
"require": "./dist/cjs/Common/index.js",
|
|
55
55
|
"import": "./dist/esm/Common/index.js"
|
|
56
56
|
},
|
|
57
57
|
"./DataPage": {
|
|
58
58
|
"types": "./dist/esm/DataPage/index.d.ts",
|
|
59
|
-
"require": "./dist/cjs/DataPage/index.js",
|
|
60
59
|
"import": "./dist/esm/DataPage/index.js"
|
|
61
60
|
},
|
|
62
61
|
"./DataTables": {
|
|
63
62
|
"types": "./dist/esm/DataTables/index.d.ts",
|
|
64
|
-
"require": "./dist/cjs/DataTables/index.js",
|
|
65
63
|
"import": "./dist/esm/DataTables/index.js"
|
|
66
64
|
},
|
|
67
65
|
"./Dialogs": {
|
|
68
66
|
"types": "./dist/esm/Dialogs/index.d.ts",
|
|
69
|
-
"require": "./dist/cjs/Dialogs/index.js",
|
|
70
67
|
"import": "./dist/esm/Dialogs/index.js"
|
|
71
68
|
},
|
|
69
|
+
"./Display": {
|
|
70
|
+
"types": "./dist/esm/Display/index.d.ts",
|
|
71
|
+
"import": "./dist/esm/Display/index.js"
|
|
72
|
+
},
|
|
72
73
|
"./Dropdown": {
|
|
73
74
|
"types": "./dist/esm/Dropdown/index.d.ts",
|
|
74
|
-
"require": "./dist/cjs/Dropdown/index.js",
|
|
75
75
|
"import": "./dist/esm/Dropdown/index.js"
|
|
76
76
|
},
|
|
77
77
|
"./Filter": {
|
|
78
78
|
"types": "./dist/esm/Filter/index.d.ts",
|
|
79
|
-
"require": "./dist/cjs/Filter/index.js",
|
|
80
79
|
"import": "./dist/esm/Filter/index.js"
|
|
81
80
|
},
|
|
81
|
+
"./Notifications": {
|
|
82
|
+
"types": "./dist/esm/Notifications/index.d.ts",
|
|
83
|
+
"import": "./dist/esm/Notifications/index.js"
|
|
84
|
+
},
|
|
82
85
|
"./ObjectContentEditor": {
|
|
83
86
|
"types": "./dist/esm/ObjectContentEditor/index.d.ts",
|
|
84
|
-
"require": "./dist/cjs/ObjectContentEditor/index.js",
|
|
85
87
|
"import": "./dist/esm/ObjectContentEditor/index.js"
|
|
86
88
|
},
|
|
87
89
|
"./ObjectNavigationalBar": {
|
|
88
90
|
"types": "./dist/esm/ObjectNavigationalBar/index.d.ts",
|
|
89
|
-
"require": "./dist/cjs/ObjectNavigationalBar/index.js",
|
|
90
91
|
"import": "./dist/esm/ObjectNavigationalBar/index.js"
|
|
91
92
|
},
|
|
92
93
|
"./PivotViewer": {
|
|
93
94
|
"types": "./dist/esm/PivotViewer/index.d.ts",
|
|
94
|
-
"require": "./dist/cjs/PivotViewer/index.js",
|
|
95
95
|
"import": "./dist/esm/PivotViewer/index.js"
|
|
96
96
|
},
|
|
97
97
|
"./SchemaEditor": {
|
|
98
98
|
"types": "./dist/esm/SchemaEditor/index.d.ts",
|
|
99
|
-
"require": "./dist/cjs/SchemaEditor/index.js",
|
|
100
99
|
"import": "./dist/esm/SchemaEditor/index.js"
|
|
101
100
|
},
|
|
102
101
|
"./TimeMachine": {
|
|
103
102
|
"types": "./dist/esm/TimeMachine/index.d.ts",
|
|
104
|
-
"require": "./dist/cjs/TimeMachine/index.js",
|
|
105
103
|
"import": "./dist/esm/TimeMachine/index.js"
|
|
106
104
|
},
|
|
107
105
|
"./Toolbar": {
|
|
108
106
|
"types": "./dist/esm/Toolbar/index.d.ts",
|
|
109
|
-
"require": "./dist/cjs/Toolbar/index.js",
|
|
110
107
|
"import": "./dist/esm/Toolbar/index.js"
|
|
111
108
|
},
|
|
112
109
|
"./types": {
|
|
113
110
|
"types": "./dist/esm/types/index.d.ts",
|
|
114
|
-
"require": "./dist/cjs/types/index.js",
|
|
115
111
|
"import": "./dist/esm/types/index.js"
|
|
116
112
|
},
|
|
117
|
-
"./styles": "./dist/esm/
|
|
118
|
-
"./tokens": "./dist/esm/tokens.css"
|
|
113
|
+
"./styles": "./dist/esm/styles.css",
|
|
114
|
+
"./tokens": "./dist/esm/tokens.css",
|
|
115
|
+
"./theme": "./dist/esm/theme.css"
|
|
119
116
|
},
|
|
120
117
|
"scripts": {
|
|
121
118
|
"prepare": "yarn g:build",
|
|
@@ -123,6 +120,7 @@
|
|
|
123
120
|
"build": "tsc -p tsconfig.json",
|
|
124
121
|
"compile": "tsc -p tsconfig.json -noEmit && yarn g:lint",
|
|
125
122
|
"copy-css": "./scripts/copy-css.sh",
|
|
123
|
+
"verify-exports": "node ./scripts/verify-exports.mjs",
|
|
126
124
|
"lint": "yarn g:lint",
|
|
127
125
|
"lint:ci": "yarn g:lint:ci",
|
|
128
126
|
"test": "yarn g:test",
|
|
@@ -135,21 +133,37 @@
|
|
|
135
133
|
"allotment": "1.20.5",
|
|
136
134
|
"framer-motion": "12.42.2",
|
|
137
135
|
"pixi.js": "^8.19.0",
|
|
138
|
-
"primeicons": "7.0.0",
|
|
139
|
-
"primereact": "10.9.8",
|
|
140
136
|
"react-icons": "5.7.0",
|
|
141
137
|
"ts-deepmerge": "8.0.0"
|
|
142
138
|
},
|
|
143
139
|
"devDependencies": {
|
|
144
|
-
"@cratis/arc.vite": "
|
|
140
|
+
"@cratis/arc.vite": "21.19.0",
|
|
141
|
+
"@primereact/core": "11.1.0",
|
|
142
|
+
"@primereact/headless": "11.1.0",
|
|
143
|
+
"@primereact/types": "11.1.0",
|
|
144
|
+
"@primeuix/motion": "^1.0.0",
|
|
145
|
+
"@primeuix/styled": "^1.0.0",
|
|
146
|
+
"@primeuix/themes": "3.0.0",
|
|
147
|
+
"primeicons": "8.0.0",
|
|
148
|
+
"primereact": "11.1.0"
|
|
145
149
|
},
|
|
146
150
|
"peerDependencies": {
|
|
147
151
|
"@cratis/arc": ">=20.3.1 <22",
|
|
148
152
|
"@cratis/arc.react": ">=20.3.1 <22",
|
|
149
153
|
"@cratis/fundamentals": "^7.10.3",
|
|
154
|
+
"@primereact/core": "^11.0.0",
|
|
155
|
+
"@primereact/headless": "^11.0.0",
|
|
156
|
+
"@primereact/types": "^11.0.0",
|
|
157
|
+
"primeicons": "^8.0.0",
|
|
158
|
+
"primereact": "^11.0.0",
|
|
150
159
|
"react": "^19.0.0",
|
|
151
160
|
"react-dom": "^19.0.0",
|
|
152
161
|
"reflect-metadata": "0.2.2",
|
|
153
162
|
"tsyringe": "4.10.0"
|
|
163
|
+
},
|
|
164
|
+
"peerDependenciesMeta": {
|
|
165
|
+
"@primereact/types": {
|
|
166
|
+
"optional": true
|
|
167
|
+
}
|
|
154
168
|
}
|
|
155
169
|
}
|