@scattered-light/loomiere-base-ui 0.6.0 → 0.7.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 +135 -5
- package/dist/chunk-JUUPOOQQ.js +3723 -0
- package/dist/chunk-JUUPOOQQ.js.map +1 -0
- package/dist/chunk-M7KJASGK.js +802 -0
- package/dist/chunk-M7KJASGK.js.map +1 -0
- package/dist/chunk-Y2CPBMFJ.js +147 -0
- package/dist/chunk-Y2CPBMFJ.js.map +1 -0
- package/dist/custom/collection/index.d.ts +534 -0
- package/dist/custom/collection/index.js +1471 -0
- package/dist/custom/collection/index.js.map +1 -0
- package/dist/custom/index.d.ts +5 -0
- package/dist/custom/index.js +4 -0
- package/dist/custom/index.js.map +1 -0
- package/dist/design-system/components/Badge/README.md +35 -0
- package/dist/design-system/components/Badge/preview.html +19 -0
- package/dist/design-system/components/Collection/README.md +14 -0
- package/dist/design-system/components/CollectionPagination/README.md +15 -0
- package/dist/design-system/components/CollectionToolbar/README.md +24 -0
- package/dist/design-system/components/DataList/README.md +39 -0
- package/dist/design-system/components/DataList/preview.html +475 -0
- package/dist/design-system/components/DataTable/README.md +41 -0
- package/dist/design-system/components/DataTable/preview.html +475 -0
- package/dist/design-system/components/DatePicker/README.md +55 -0
- package/dist/design-system/components/DatePicker/preview.html +475 -0
- package/dist/design-system/components/EditableList/README.md +33 -0
- package/dist/design-system/components/EditableList/preview.html +475 -0
- package/dist/design-system/components/EmptyState/README.md +60 -0
- package/dist/design-system/components/EmptyState/preview.html +475 -0
- package/dist/design-system/components/ListDetail/README.md +43 -0
- package/dist/design-system/components/ListDetail/preview.html +475 -0
- package/dist/design-system/components/MoneyField/README.md +52 -0
- package/dist/design-system/components/MoneyField/preview.html +475 -0
- package/dist/design-system/components/Splitter/README.md +42 -0
- package/dist/design-system/components/Splitter/preview.html +475 -0
- package/dist/design-system/components/Table/README.md +2 -1
- package/dist/design-system/components/Table/preview.html +1 -1
- package/dist/design-system/components/bundle.js +7 -5
- package/dist/design-system/components/index.d.ts +3 -21
- package/dist/design-system/components/styles.css +2266 -186
- package/dist/index-ChJXlxzq.d.ts +809 -0
- package/dist/index.d.ts +3 -21
- package/dist/index.js +176 -891
- package/dist/index.js.map +1 -1
- package/dist/styles/components/Accordion.css +1 -1
- package/dist/styles/components/AlertDialog.css +1 -1
- package/dist/styles/components/Autocomplete.css +1 -1
- package/dist/styles/components/Avatar.css +1 -1
- package/dist/styles/components/Button.css +1 -1
- package/dist/styles/components/Checkbox.css +1 -1
- package/dist/styles/components/CheckboxGroup.css +1 -1
- package/dist/styles/components/Collapsible.css +1 -1
- package/dist/styles/components/Combobox.css +1 -1
- package/dist/styles/components/ContextMenu.css +1 -1
- package/dist/styles/components/Dialog.css +1 -1
- package/dist/styles/components/Drawer.css +1 -1
- package/dist/styles/components/Field.css +1 -1
- package/dist/styles/components/Fieldset.css +1 -1
- package/dist/styles/components/Form.css +1 -1
- package/dist/styles/components/Input.css +1 -1
- package/dist/styles/components/Menu.css +1 -1
- package/dist/styles/components/Menubar.css +1 -1
- package/dist/styles/components/Meter.css +1 -1
- package/dist/styles/components/NavigationMenu.css +1 -1
- package/dist/styles/components/NumberField.css +1 -1
- package/dist/styles/components/OTPField.css +1 -1
- package/dist/styles/components/Popover.css +1 -1
- package/dist/styles/components/PreviewCard.css +1 -1
- package/dist/styles/components/Progress.css +1 -1
- package/dist/styles/components/Radio.css +1 -1
- package/dist/styles/components/ScrollArea.css +1 -1
- package/dist/styles/components/Select.css +1 -1
- package/dist/styles/components/Separator.css +1 -1
- package/dist/styles/components/Slider.css +1 -1
- package/dist/styles/components/Switch.css +1 -1
- package/dist/styles/components/Tabs.css +1 -1
- package/dist/styles/components/Toast.css +1 -1
- package/dist/styles/components/Toggle.css +1 -1
- package/dist/styles/components/ToggleGroup.css +1 -1
- package/dist/styles/components/Toolbar.css +1 -1
- package/dist/styles/components/Tooltip.css +1 -1
- package/dist/styles/custom/Badge.css +104 -0
- package/dist/styles/custom/Collection.css +15 -0
- package/dist/styles/custom/CollectionPagination.css +24 -0
- package/dist/styles/custom/CollectionToolbar.css +57 -0
- package/dist/styles/custom/DataList.css +123 -0
- package/dist/styles/custom/DataTable.css +120 -0
- package/dist/styles/custom/DatePicker.css +572 -0
- package/dist/styles/custom/EditableList.css +98 -0
- package/dist/styles/custom/EmptyState.css +255 -0
- package/dist/styles/custom/ListDetail.css +126 -0
- package/dist/styles/custom/MoneyField.css +344 -0
- package/dist/styles/custom/Splitter.css +207 -0
- package/dist/styles/{components → custom}/Table.css +31 -4
- package/dist/styles/index.css +12 -2
- package/dist/styles/reset/accessibility.css +1 -1
- package/dist/styles/reset/reset-accessibility.css +1 -1
- package/dist/styles/reset/reset-tailwind.css +1 -1
- package/dist/styles/reset/reset.css +1 -1
- package/dist/styles/tailwind.css +12 -2
- package/package.json +36 -8
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ import { Fieldset as Fieldset$1 } from '@base-ui/react/fieldset';
|
|
|
7
7
|
import { Form as Form$1 } from '@base-ui/react/form';
|
|
8
8
|
import { NavigationMenu as NavigationMenu$1 } from '@base-ui/react/navigation-menu';
|
|
9
9
|
import { Select as Select$1 } from '@base-ui/react/select';
|
|
10
|
+
export { B as Badge, a as BadgeProps, C as Calendar, b as CalendarProps, c as CurrencyCode, D as DatePicker, d as DatePickerProps, e as DatePresets, f as DatePresetsProps, g as DateRange, h as DateValue, E as EditableList, i as EditableListApi, j as EditableListRootProps, k as EmptyState, l as EmptyStateKind, m as EmptyStateProps, L as ListDetail, n as ListDetailCloseReason, o as ListDetailDetailProps, p as ListDetailLayout, q as ListDetailRootProps, r as ListDetailValue, M as MoneyField, s as MoneyFieldProps, t as MoneyFieldRootProps, N as NumberField, u as NumberFieldLabelProps, P as Preset, v as PresetValue, S as Splitter, w as SplitterHandleProps, x as SplitterPanelProps, y as SplitterRootProps, z as addDays, A as addMonths, F as builtinPresets, G as clampDate, H as daysInMonth, I as defaultPresets, J as defaultWeekStartsOn, K as endOfWeek, O as formatMoney, Q as fromMinorUnits, R as getCurrencyDigits, T as inclusiveDays, U as isValidCurrency, V as isoWeek, W as last30Days, X as last7Days, Y as lastMonth, Z as lastWeek, _ as lengthBlockReason, $ as nextMonth, a0 as nextWeek, a1 as orderRange, a2 as parseDecimalString, a3 as resolvePreset, a4 as startOfWeek, a5 as thisMonth, a6 as thisQuarter, a7 as thisWeek, a8 as toDecimalString, a9 as toMinorUnits, aa as today, ab as todayDate, ac as tomorrow, ad as useListDetail, ae as yearToDate, af as yesterday } from './index-ChJXlxzq.js';
|
|
10
11
|
import * as _base_ui_react_internals_filter from '@base-ui/react/internals/filter';
|
|
11
12
|
import { AutocompleteRootProps, Autocomplete as Autocomplete$1 } from '@base-ui/react/autocomplete';
|
|
12
13
|
import { ComboboxRootProps, Combobox as Combobox$1 } from '@base-ui/react/combobox';
|
|
@@ -26,6 +27,7 @@ import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
|
|
|
26
27
|
import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
|
|
27
28
|
import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
|
|
28
29
|
import { Toast as Toast$1 } from '@base-ui/react/toast';
|
|
30
|
+
import '@base-ui/react/number-field';
|
|
29
31
|
|
|
30
32
|
/**
|
|
31
33
|
* Base UI [Field](https://base-ui.com/react/components/field) with design-system field classes.
|
|
@@ -139,26 +141,6 @@ declare const Select: {
|
|
|
139
141
|
Separator: React.ForwardRefExoticComponent<Omit<_base_ui_react.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
140
142
|
};
|
|
141
143
|
|
|
142
|
-
type NumberFieldLabelProps = Omit<React.ComponentProps<'label'>, 'htmlFor'> & {
|
|
143
|
-
htmlFor: string;
|
|
144
|
-
};
|
|
145
|
-
/** The field label. Number field has no label part; this is the same text as {@link Field.Label}. */
|
|
146
|
-
declare function NumberFieldLabel({ className, htmlFor, ...props }: NumberFieldLabelProps): react_jsx_runtime.JSX.Element;
|
|
147
|
-
/**
|
|
148
|
-
* Base UI [Number Field](https://base-ui.com/react/components/number-field) with design-system classes.
|
|
149
|
-
* The input is Input, and the label is Field's label. Only the steppers are drawn here.
|
|
150
|
-
*/
|
|
151
|
-
declare const NumberField: {
|
|
152
|
-
Root: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
153
|
-
Group: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
154
|
-
Input: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
155
|
-
Increment: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldIncrementProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
156
|
-
Decrement: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldDecrementProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
157
|
-
ScrubArea: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.NumberFieldScrubAreaProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
158
|
-
ScrubAreaCursor: React.ForwardRefExoticComponent<Omit<_base_ui_react.NumberFieldScrubAreaCursorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
159
|
-
Label: typeof NumberFieldLabel;
|
|
160
|
-
};
|
|
161
|
-
|
|
162
144
|
/**
|
|
163
145
|
* Base UI [OTP Field](https://base-ui.com/react/components/otp-field) with design-system classes.
|
|
164
146
|
* Each slot is an Input cut square. `data-size` on the root picks the control size.
|
|
@@ -721,4 +703,4 @@ type FieldControlProps = React.ComponentProps<typeof Field.Control>;
|
|
|
721
703
|
type FieldValidityProps = React.ComponentProps<typeof Field.Validity>;
|
|
722
704
|
type FieldItemProps = React.ComponentProps<typeof Field.Item>;
|
|
723
705
|
|
|
724
|
-
export { Accordion, AccordionContent, type AccordionContentProps, AlertDialog, AlertDialogActions, type AlertDialogActionsProps, Autocomplete, Avatar, AvatarGroup, type AvatarGroupProps, Button, type ButtonProps, Checkbox, CheckboxGroup, CheckboxLabel, type CheckboxLabelProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, Combobox, ContextMenu, Dialog, DialogActions, type DialogActionsProps, DialogContent, type DialogContentProps, Drawer, Field, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldItemProps, type FieldLabelProps, type FieldRootProps, type FieldValidityProps, Fieldset, FieldsetDescription, type FieldsetDescriptionProps, type FieldsetLegendProps, type FieldsetRootProps, Form, FormActions, type FormActionsProps, type FormProps, Input, type InputProps, Menu, Menubar, Meter, MeterHeader, type MeterHeaderProps, NavigationMenu, type NavigationMenuListProps, type NavigationMenuRootProps,
|
|
706
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AlertDialog, AlertDialogActions, type AlertDialogActionsProps, Autocomplete, Avatar, AvatarGroup, type AvatarGroupProps, Button, type ButtonProps, Checkbox, CheckboxGroup, CheckboxLabel, type CheckboxLabelProps, Collapsible, CollapsibleContent, type CollapsibleContentProps, Combobox, ContextMenu, Dialog, DialogActions, type DialogActionsProps, DialogContent, type DialogContentProps, Drawer, Field, type FieldControlProps, type FieldDescriptionProps, type FieldErrorProps, type FieldItemProps, type FieldLabelProps, type FieldRootProps, type FieldValidityProps, Fieldset, FieldsetDescription, type FieldsetDescriptionProps, type FieldsetLegendProps, type FieldsetRootProps, Form, FormActions, type FormActionsProps, type FormProps, Input, type InputProps, Menu, Menubar, Meter, MeterHeader, type MeterHeaderProps, NavigationMenu, type NavigationMenuListProps, type NavigationMenuRootProps, OTPField, Popover, PreviewCard, PreviewCardContent, type PreviewCardContentProps, PreviewCardDescription, type PreviewCardDescriptionProps, PreviewCardImage, type PreviewCardImageProps, PreviewCardTitle, type PreviewCardTitleProps, Progress, ProgressHeader, type ProgressHeaderProps, Radio, RadioGroup, RadioLabel, type RadioLabelProps, RadioRow, type RadioRowProps, ScrollArea, Select, Separator, Slider, SliderHeader, type SliderHeaderProps, Switch, SwitchContainer, type SwitchContainerProps, SwitchLabel, type SwitchLabelProps, Tabs, Toast, Toggle, ToggleGroup, Toolbar, Tooltip, cn, cnState };
|